mind-elixir 5.0.0 → 5.0.2

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 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;
@@ -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, ce = (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);
@@ -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);
@@ -292,7 +292,7 @@ function vt(e) {
     if (!e.editable)
       return;
     const l = d.target;
-    ae(l) && e.beginEdit(l);
+    de(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);
   };
@@ -326,13 +326,13 @@ function vt(e) {
     if (d.preventDefault(), d.button !== 2 || !e.editable)
       return;
     const l = d.target;
-    ae(l) && !l.classList.contains("selected") && e.selectNode(l), setTimeout(() => {
+    de(l) && !l.classList.contains("selected") && e.selectNode(l), 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: "pointerup", func: u },
@@ -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 || [];
@@ -400,11 +400,11 @@ const se = document, yt = function() {
   }
   return n;
 }, A = document, Ge = function(e, t) {
-  const o = (this.el ? this.el : t || document).querySelector(`[data-nodeid=me${e}]`);
+  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)
@@ -444,7 +444,7 @@ const se = document, yt = function() {
 }, Et = function(e, t) {
   const n = A.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);
@@ -453,7 +453,7 @@ 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 };
+  return ye(n, e), t.appendChild(n), { p: t, tpc: n };
 }, St = function(e) {
   const t = A.createElement("me-children");
   return t.append(...e), t;
@@ -501,7 +501,7 @@ const _t = function(e) {
       origin: n
     }));
   });
-}, ye = function(e) {
+}, we = function(e) {
   const t = A.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) {
@@ -770,7 +770,7 @@ function At(e, t) {
   let y = !0;
   const E = (w) => {
     const x = w.target;
-    if (ae(x)) {
+    if (de(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");
@@ -816,13 +816,13 @@ function At(e, t) {
     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;
   };
 }
-const de = document, Lt = function(e, t) {
+const he = document, Lt = 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,21 +878,21 @@ 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);
+    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);
   }, c = (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";
     } else {
-      const l = de.elementFromPoint(a.clientX, a.clientY + f), p = l.getBoundingClientRect();
+      const l = he.elementFromPoint(a.clientX, a.clientY + f), p = l.getBoundingClientRect();
       if (Me(l, h)) {
         n = l;
         const m = p.y;
@@ -902,7 +902,7 @@ function Ot(e) {
     }
     n && Lt(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 }
@@ -1049,8 +1049,8 @@ 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)
@@ -1059,7 +1059,7 @@ const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: 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) {
@@ -1504,7 +1504,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++) {
@@ -1573,7 +1573,7 @@ const rn = function({ map: e, direction: t }, n) {
       i.nextSibling.appendChild(n);
     else {
       const c = e.createChildren([n]);
-      i.appendChild(ye(!0)), i.insertAdjacentElement("afterend", c);
+      i.appendChild(we(!0)), i.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
@@ -1592,15 +1592,15 @@ const rn = function({ map: e, direction: t }, n) {
   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);
+  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;
@@ -1647,7 +1647,7 @@ const rn = function({ map: e, direction: t }, n) {
   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);
+  c.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", {
     name: "insertParent",
@@ -1657,7 +1657,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 +1666,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;
@@ -1680,9 +1680,9 @@ const rn = function({ map: e, direction: t }, n) {
   e = ce(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;
@@ -1922,7 +1922,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 },
@@ -2005,7 +2005,7 @@ const Xn = function(e, t, n, o) {
     y: n + "",
     fill: o || "rgb(235, 95, 82)"
   }), i.dataset.type = "custom-link", i.innerHTML = e, i;
-}, xe = function(e, t, n, o, i) {
+}, Ee = function(e, t, n, o, i) {
   var x;
   if (!t || !n)
     return;
@@ -2038,13 +2038,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) {
+  le(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 +2053,7 @@ const Xn = function(e, t, n, o) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  Ee(this);
+  le(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2065,8 +2066,8 @@ 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) {
+  le(this), this.currentArrow = null;
+}, ae = function(e, t) {
   const n = document.createElementNS(k, "path");
   return S(n, {
     d: e,
@@ -2079,11 +2080,11 @@ const Xn = function(e, t, n, o) {
 }, no = function(e, t) {
   const n = document.createElementNS(k, "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,7 +2097,7 @@ 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) {
+}, le = 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) {
@@ -2120,14 +2121,14 @@ 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 (le(this), !e)
     return;
   const t = e.label;
   ze(this, t, e.arrowObj);
@@ -2502,7 +2503,7 @@ function Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction:
   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}`);
 }
-const Fo = "5.0.0";
+const Fo = "5.0.2";
 function Io(e) {
   return {
     x: 0,
@@ -2546,7 +2547,7 @@ function D({
     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);
+  this.theme = m || (N.matches ? ge : pe);
   const w = z.createElement("div");
   w.className = "map-canvas", setTimeout(() => {
     w.style.transition = "all 0.3s";
@@ -2562,8 +2563,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) => ({