mind-elixir 3.0.5-beta.2 → 3.1.0

package/dist/MindElixir.js

@@ -216,15 +216,16 @@ const $e = (e, t) => {
 function nt(e) {
   e.map.addEventListener("click", (t) => {
     var i;
-    if (console.log("click", t), A.moved) {
+    if (A.moved) {
       A.clear();
       return;
     }
+    e.unselectNode(), e.unselectNodes(), e.unselectSummary();
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
     else if (e.editable)
-      de(n) ? (e.selectNode(n, !1, t), e.unselectNodes(), e.unselectSummary()) : n.tagName === "text" ? (e.selectSummary(n.parentElement), e.unselectNode(), e.unselectNodes()) : n.tagName === "path" ? ((i = n == null ? void 0 : n.parentElement) == null ? void 0 : i.tagName) === "g" && e.selectLink(n.parentElement) : n.className === "circle" || (e.unselectNode(), e.unselectNodes(), e.unselectSummary(), e.hideLinkController && e.hideLinkController());
+      de(n) ? e.selectNode(n, !1, t) : n.tagName === "text" ? e.selectSummary(n.parentElement) : n.tagName === "path" ? ((i = n == null ? void 0 : n.parentElement) == null ? void 0 : i.tagName) === "g" && e.selectLink(n.parentElement) : n.className === "circle" || e.hideLinkController && e.hideLinkController();
     else
       return;
   }), e.map.addEventListener("dblclick", (t) => {
@@ -423,7 +424,7 @@ const mt = function(e) {
     if (b && (b.style.top = (b.parentNode.offsetHeight - b.offsetHeight) / 2 + "px", l === "lhs" ? b.style.left = "-10px" : b.style.right = "-10px"), !(e && e !== s) && s.childElementCount) {
       const N = X("subLines"), v = s.lastChild;
       v.tagName === "svg" && v.remove(), s.appendChild(N);
-      const y = s.firstChild, x = s.children[1].children, _ = Pe(x, y, l, !0);
+      const y = s.firstChild, E = s.children[1].children, _ = Pe(E, y, l, !0);
       N.appendChild(ft(_, a));
     }
   }
@@ -556,14 +557,14 @@ function yt(e, t) {
   const n = (v) => {
     const y = document.createElement("div");
     return y.innerText = v, y.style.cssText = "position:absolute;bottom:20px;left:50%;transform:translateX(-50%);", y;
-  }, i = (v, y, x) => {
+  }, i = (v, y, E) => {
     const _ = document.createElement("li");
-    return _.id = v, _.innerHTML = `<span>${Q(y)}</span><span>${Q(x)}</span>`, _;
+    return _.id = v, _.innerHTML = `<span>${Q(y)}</span><span>${Q(E)}</span>`, _;
   }, s = fe[e.locale] ? e.locale : "en", o = fe[s], r = i("cm-add_child", o.addChild, "tab"), l = i("cm-add_parent", o.addParent, ""), c = i("cm-add_sibling", o.addSibling, "enter"), u = i("cm-remove_child", o.removeNode, "delete"), d = i("cm-fucus", o.focus, ""), h = i("cm-unfucus", o.cancelFocus, ""), a = i("cm-up", o.moveUp, "PgUp"), p = i("cm-down", o.moveDown, "Pgdn"), g = i("cm-down", o.link, ""), m = i("cm-down", o.summary, ""), f = document.createElement("ul");
   if (f.className = "menu-list", f.appendChild(r), f.appendChild(l), f.appendChild(c), f.appendChild(u), (!t || t.focus) && (f.appendChild(d), f.appendChild(h)), f.appendChild(a), f.appendChild(p), f.appendChild(m), (!t || t.link) && f.appendChild(g), t && t.extend)
     for (let v = 0; v < t.extend.length; v++) {
-      const y = t.extend[v], x = i(y.name, y.name, y.key || "");
-      f.appendChild(x), x.onclick = (_) => {
+      const y = t.extend[v], E = i(y.name, y.name, y.key || "");
+      f.appendChild(E), E.onclick = (_) => {
         y.onclick(_);
       };
     }
@@ -575,9 +576,9 @@ function yt(e, t) {
       return;
     const y = v.target;
     if (y.tagName === "ME-TPC") {
-      y.parentElement.tagName === "ME-ROOT" ? N = !0 : N = !1, N ? (d.className = "disabled", a.className = "disabled", p.className = "disabled", l.className = "disabled", c.className = "disabled", u.className = "disabled") : (d.className = "", a.className = "", p.className = "", l.className = "", c.className = "", u.className = ""), e.selectNode(y), b.hidden = !1;
-      const x = f.offsetHeight, _ = f.offsetWidth;
-      x + v.clientY > window.innerHeight ? (f.style.top = "", f.style.bottom = "0px") : (f.style.bottom = "", f.style.top = v.clientY + 15 + "px"), _ + v.clientX > window.innerWidth ? (f.style.left = "", f.style.right = "0px") : (f.style.right = "", f.style.left = v.clientX + 10 + "px");
+      y.parentElement.tagName === "ME-ROOT" ? N = !0 : N = !1, N ? (d.className = "disabled", a.className = "disabled", p.className = "disabled", l.className = "disabled", c.className = "disabled", u.className = "disabled") : (d.className = "", a.className = "", p.className = "", l.className = "", c.className = "", u.className = ""), e.currentNodes || e.selectNode(y), b.hidden = !1;
+      const E = f.offsetHeight, _ = f.offsetWidth;
+      E + v.clientY > window.innerHeight ? (f.style.top = "", f.style.bottom = "0px") : (f.style.bottom = "", f.style.top = v.clientY + 15 + "px"), _ + v.clientX > window.innerWidth ? (f.style.left = "", f.style.right = "0px") : (f.style.right = "", f.style.left = v.clientX + 10 + "px");
     }
   }, b.onclick = (v) => {
     v.target === b && (b.hidden = !0);
@@ -602,9 +603,9 @@ function yt(e, t) {
     const v = e.currentNode, y = n(o.clickTips);
     e.container.appendChild(y), e.map.addEventListener(
       "click",
-      (x) => {
-        x.preventDefault(), y.remove();
-        const _ = x.target;
+      (E) => {
+        E.preventDefault(), y.remove();
+        const _ = E.target;
         _.parentElement.tagName === "ME-PARENT" || _.parentElement.tagName === "ME-ROOT" ? e.createLink(v, e.currentNode) : console.log("link cancel");
       },
       {
@@ -612,19 +613,19 @@ function yt(e, t) {
       }
     );
   }, m.onclick = () => {
-    b.hidden = !0, e.currentNodes && e.currentNodes.length > 1 && (e.createSummary(), e.unselectNodes());
+    b.hidden = !0, e.createSummary(), e.unselectNodes();
   };
 }
 const Nt = (e) => {
   const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, xt = (e) => {
+}, Et = (e) => {
   const t = e.map.querySelectorAll(".rhs>me-wrapper>me-parent>me-tpc");
   e.selectNode(t[Math.ceil(t.length / 2) - 1]);
 }, pe = (e) => {
   e.selectNode(e.map.querySelector("me-root>me-tpc"));
 };
-function Et(e) {
+function xt(e) {
   const t = {
     13: () => {
       e.insertSibling();
@@ -653,7 +654,7 @@ function Et(e) {
       if (!e.currentNode)
         return;
       const n = e.currentNode.nodeObj, i = e.currentNode.offsetParent.offsetParent.parentElement;
-      n.root ? xt(e) : i.className === "lhs" ? (s = n.parent) != null && s.root ? pe(e) : e.selectParent() : i.className === "rhs" && e.selectFirstChild();
+      n.root ? Et(e) : i.className === "lhs" ? (s = n.parent) != null && s.root ? pe(e) : e.selectParent() : i.className === "rhs" && e.selectFirstChild();
     },
     33() {
       e.moveUpNode();
@@ -866,10 +867,10 @@ function Tt(e) {
   e.container.append(Mt(e)), e.container.append(Lt(e));
 }
 /*! @viselect/vanilla v3.3.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var $t = Object.defineProperty, At = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, E = (e, t, n) => (At(e, typeof t != "symbol" ? t + "" : t, n), n);
+var $t = Object.defineProperty, At = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t, n) => (At(e, typeof t != "symbol" ? t + "" : t, n), n);
 class Ot {
   constructor() {
-    E(this, "_listeners", /* @__PURE__ */ new Map()), E(this, "on", this.addEventListener), E(this, "off", this.removeEventListener), E(this, "emit", this.dispatchEvent);
+    x(this, "_listeners", /* @__PURE__ */ new Map()), x(this, "on", this.addEventListener), x(this, "off", this.removeEventListener), x(this, "emit", this.dispatchEvent);
   }
   addEventListener(t, n) {
     const i = this._listeners.get(t) ?? /* @__PURE__ */ new Set();
@@ -948,7 +949,7 @@ const Pt = () => matchMedia("(hover: none), (pointer: coarse)").matches, jt = ()
 class He extends Ot {
   constructor(t) {
     var n, i, s, o, r;
-    super(), E(this, "_options"), E(this, "_selection", {
+    super(), x(this, "_options"), x(this, "_selection", {
       stored: [],
       selected: [],
       touched: [],
@@ -958,7 +959,7 @@ class He extends Ot {
         removed: []
         // Removed elements since last selection
       }
-    }), E(this, "_area"), E(this, "_clippingElement"), E(this, "_targetElement"), E(this, "_targetRect"), E(this, "_selectables", []), E(this, "_latestElement"), E(this, "_areaRect", new DOMRect()), E(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), E(this, "_singleClick", !0), E(this, "_frame"), E(this, "_scrollAvailable", !0), E(this, "_scrollingActive", !1), E(this, "_scrollSpeed", { x: 0, y: 0 }), E(this, "_scrollDelta", { x: 0, y: 0 }), E(this, "disable", this._bindStartEvents.bind(this, !1)), E(this, "enable", this._bindStartEvents), this._options = {
+    }), x(this, "_area"), x(this, "_clippingElement"), x(this, "_targetElement"), x(this, "_targetRect"), x(this, "_selectables", []), x(this, "_latestElement"), x(this, "_areaRect", new DOMRect()), x(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), x(this, "_singleClick", !0), x(this, "_frame"), x(this, "_scrollAvailable", !0), x(this, "_scrollingActive", !1), x(this, "_scrollSpeed", { x: 0, y: 0 }), x(this, "_scrollDelta", { x: 0, y: 0 }), x(this, "disable", this._bindStartEvents.bind(this, !1)), x(this, "enable", this._bindStartEvents), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -1130,8 +1131,8 @@ class He extends Ot {
     let { x2: m, y2: f } = n;
     const { behaviour: { scrolling: { startScrollMargins: b } } } = o;
     m < a.left + b.x ? (t.x = u ? -B(a.left - m + b.x) : 0, m = m < a.left ? a.left : m) : m > a.right - b.x ? (t.x = d - u - h ? B(a.left + a.width - m - b.x) : 0, m = m > a.right ? a.right : m) : t.x = 0, f < a.top + b.y ? (t.y = r ? -B(a.top - f + b.y) : 0, f = f < a.top ? a.top : f) : f > a.bottom - b.y ? (t.y = l - r - c ? B(a.top + a.height - f - b.y) : 0, f = f > a.bottom ? a.bottom : f) : t.y = 0;
-    const N = ye(p, m), v = ye(g, f), y = ve(p, m), x = ve(g, f);
-    i.x = N, i.y = v, i.width = y - N, i.height = x - v;
+    const N = ye(p, m), v = ye(g, f), y = ve(p, m), E = ve(g, f);
+    i.x = N, i.y = v, i.width = y - N, i.height = E - v;
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: i, height: s } = this._areaRect, { style: o } = this._area;
@@ -1285,7 +1286,7 @@ class He extends Ot {
     ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
   }
 }
-E(He, "version", "3.3.1");
+x(He, "version", "3.3.1");
 function Ht(e) {
   const t = new He({
     selectables: ["#map me-tpc"],
@@ -1307,7 +1308,7 @@ function Ht(e) {
       }
     }
   }).on("beforestart", ({ event: n }) => !(n.button !== 0 || n.target.tagName === "ME-TPC" || n.target.id === "input-box")).on("start", ({ event: n }) => {
-    !n.ctrlKey && !n.metaKey && (e.unselectNodes(), e.unselectSummary(), t.clearSelection(!0, !0));
+    !n.ctrlKey && !n.metaKey && (e.unselectNode(), e.unselectNodes(), e.unselectSummary(), t.clearSelection(!0, !0));
   }).on(
     "move",
     ({
@@ -1678,7 +1679,7 @@ const Rt = function(e, t, n) {
     toObj: i,
     originParentId: s
   }), console.timeEnd("moveNode");
-}, xn = function(e, t) {
+}, En = function(e, t) {
   var u;
   const n = e.nodeObj, i = t.nodeObj, s = (u = n.parent) == null ? void 0 : u.id;
   et(n, i), T(this.nodeData), ne(e);
@@ -1689,7 +1690,7 @@ const Rt = function(e, t, n) {
     toObj: i,
     originParentId: s
   });
-}, En = function(e, t) {
+}, xn = function(e, t) {
   var u;
   const n = e.nodeObj, i = t.nodeObj, s = (u = n.parent) == null ? void 0 : u.id;
   tt(n, i), T(this.nodeData), ne(e);
@@ -1715,8 +1716,8 @@ const Rt = function(e, t, n) {
   insertSibling: un,
   moveDownNode: vn,
   moveNode: Nn,
-  moveNodeAfter: En,
-  moveNodeBefore: xn,
+  moveNodeAfter: xn,
+  moveNodeBefore: En,
   moveUpNode: bn,
   removeNode: yn,
   reshapeNode: hn,
@@ -1754,7 +1755,7 @@ const Rt = function(e, t, n) {
       this.mousedown = !1, this.lastX = 0, this.lastY = 0;
     }
   };
-}, xe = {
+}, Ee = {
   create: wn
 }, kn = function(e, t, n, i) {
   const s = this.map.getBoundingClientRect();
@@ -1773,7 +1774,7 @@ const Rt = function(e, t, n) {
     cy: d,
     w: r.width,
     h: r.height
-  }, b = ie(m, h, a), N = b.x, v = b.y, y = se(f, p, g), x = y.x, _ = y.y, D = Le(p, g, x, _), w = {
+  }, b = ie(m, h, a), N = b.x, v = b.y, y = se(f, p, g), E = y.x, _ = y.y, D = Le(p, g, E, _), w = {
     id: "",
     label: "",
     from: e.nodeObj.id,
@@ -1787,8 +1788,8 @@ const Rt = function(e, t, n) {
       y: g - d
     }
   }, H = pt(
-    `M ${N} ${v} C ${h} ${a} ${p} ${g} ${x} ${_}`,
-    `M ${D.x1} ${D.y1} L ${x} ${_} L ${D.x2} ${D.y2}`
+    `M ${N} ${v} C ${h} ${a} ${p} ${g} ${E} ${_}`,
+    `M ${D.x1} ${D.y1} L ${E} ${_} L ${D.x2} ${D.y2}`
   );
   n && i ? (w.id = i.id, this.linkData[i.id] = w) : (w.id = K(), this.linkData[w.id] = w, this.currentLink = H), H.linkObj = w, H.dataset.linkid = w.id, this.linkSvgGroup.appendChild(H), n || this.showLinkController(h, a, p, g, w, m, f);
 }, Sn = function(e) {
@@ -1823,7 +1824,7 @@ const Rt = function(e, t, n) {
   let c = l.x, u = l.y;
   const d = se(r, n, i);
   let h = d.x, a = d.y;
-  this.P2.style.cssText = `top:${t}px;left:${e}px;`, this.P3.style.cssText = `top:${i}px;left:${n}px;`, this.line1.setAttribute("x1", c), this.line1.setAttribute("y1", u), this.line1.setAttribute("x2", e), this.line1.setAttribute("y2", t), this.line2.setAttribute("x1", n), this.line2.setAttribute("y1", i), this.line2.setAttribute("x2", h), this.line2.setAttribute("y2", a), this.helper1 && (this.helper1.destory(this.map), this.helper2.destory(this.map)), this.helper1 = xe.create(this.P2), this.helper2 = xe.create(this.P3), this.helper1.init(this.map, (p, g) => {
+  this.P2.style.cssText = `top:${t}px;left:${e}px;`, this.P3.style.cssText = `top:${i}px;left:${n}px;`, this.line1.setAttribute("x1", c), this.line1.setAttribute("y1", u), this.line1.setAttribute("x2", e), this.line1.setAttribute("y2", t), this.line2.setAttribute("x1", n), this.line2.setAttribute("y1", i), this.line2.setAttribute("x2", h), this.line2.setAttribute("y2", a), this.helper1 && (this.helper1.destory(this.map), this.helper2.destory(this.map)), this.helper1 = Ee.create(this.P2), this.helper2 = Ee.create(this.P3), this.helper1.init(this.map, (p, g) => {
     var f;
     e = e - p / this.scaleVal, t = t - g / this.scaleVal;
     const m = ie(o, e, t);
@@ -1845,6 +1846,19 @@ const Rt = function(e, t, n) {
   showLinkController: Tn
 }, Symbol.toStringTag, { value: "Module" })), An = function(e) {
   var c, u;
+  if (e.length === 0)
+    throw new Error("No selected node.");
+  if (e.length === 1) {
+    const d = e[0].nodeObj, h = e[0].nodeObj.parent;
+    if (!h)
+      throw new Error("Can not select root node.");
+    const a = h.children.findIndex((p) => d === p);
+    return {
+      parent: h.id,
+      start: a,
+      end: a
+    };
+  }
   let t = 0;
   const n = e.map((d) => {
     let h = d.nodeObj;
@@ -1859,15 +1873,14 @@ const Rt = function(e, t, n) {
   e:
     for (; i < t; i++) {
       const d = (c = n[0][i]) == null ? void 0 : c.node;
-      console.log(d);
       for (let h = 1; h < n.length; h++)
         if (((u = n[h][i]) == null ? void 0 : u.node) !== d)
           break e;
     }
-  const s = n.map((d) => d[i - 1].index).sort();
-  console.log(n, "parentChains");
-  const o = s[0] || 0, r = s[s.length - 1] || 0, l = n[0][i - 1].node;
-  return console.log(l), {
+  const s = n.map((d) => d[i - 1].index).sort(), o = s[0] || 0, r = s[s.length - 1] || 0, l = n[0][i - 1].node;
+  if (l.root)
+    throw new Error("Please select nodes in the same main topic.");
+  return {
     parent: l.id,
     start: o,
     end: r
@@ -1875,7 +1888,7 @@ const Rt = function(e, t, n) {
 }, On = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, Ee = function(e, t) {
+}, xe = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return le(n, {
     d: e,
@@ -1905,14 +1918,14 @@ const Rt = function(e, t, n) {
   }
   let m, f;
   const b = p + 10, N = g + 10, v = (b + N) / 2, y = e.theme.cssVar["--color"];
-  u === "lhs" ? (m = Ee(`M ${h + 10} ${b} c -5 0 -10 5 -10 10 L ${h} ${N - 10} c 0 5 5 10 10 10 M ${h} ${v} h -10`, y), f = Ce(i, h - 20, v + 6, "end", y)) : (m = Ee(`M ${a - 10} ${b} c 5 0 10 5 10 10 L ${a} ${N - 10} c 0 5 -5 10 -10 10 M ${a} ${v} h 10`, y), f = Ce(i, a + 20, v + 6, "start", y));
-  const x = On("s-" + n);
-  return x.appendChild(m), x.appendChild(f), x.summaryObj = t, e.summarySvg.appendChild(x), x;
+  u === "lhs" ? (m = xe(`M ${h + 10} ${b} c -5 0 -10 5 -10 10 L ${h} ${N - 10} c 0 5 5 10 10 10 M ${h} ${v} h -10`, y), f = Ce(i, h - 20, v + 6, "end", y)) : (m = xe(`M ${a - 10} ${b} c 5 0 10 5 10 10 L ${a} ${N - 10} c 0 5 -5 10 -10 10 M ${a} ${v} h 10`, y), f = Ce(i, a + 20, v + 6, "start", y));
+  const E = On("s-" + n);
+  return E.appendChild(m), E.appendChild(f), E.summaryObj = t, e.summarySvg.appendChild(E), E;
 }, jn = function() {
-  if (!this.currentNodes)
-    return;
-  const { parent: e, start: t, end: n } = An(this.currentNodes), i = { id: K(), parent: e, start: t, end: n, text: "summary" }, s = qe(this, i);
-  this.summaries.push(i), this.editSummary(s);
+  let e = [];
+  this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
+  const { parent: t, start: n, end: i } = An(e), s = { id: K(), parent: t, start: n, end: i, text: "summary" }, o = qe(this, s);
+  this.summaries.push(s), this.editSummary(o);
 }, Dn = function(e) {
   var n;
   const t = this.summaries.findIndex((i) => i.id === e);
@@ -1960,7 +1973,7 @@ const Rt = function(e, t, n) {
     if (!n)
       return;
     const r = e.summaryObj, l = ((c = n.textContent) == null ? void 0 : c.trim()) || "";
-    console.log(l), l === "" ? r.text = i : r.text = l, n.remove(), l !== i && (t.innerHTML = r.text, this.linkDiv(), this.bus.fire("operation", {
+    l === "" ? r.text = i : r.text = l, n.remove(), l !== i && (t.innerHTML = r.text, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEditSummary",
       obj: r,
       origin: i
@@ -2005,7 +2018,7 @@ const Yn = {
   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, T(this.nodeData), this.linkData = e.linkData || {}, this.summaries = e.summaries || [], this.toolBar && Tt(this), this.keypress && Et(this), Ye() && this.mobileMenu ? Ct(this) : this.contextMenu && yt(this, this.contextMenuOption), this.draggable && kt(this), this.allowUndo && St(this), Ht(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, T(this.nodeData), this.linkData = e.linkData || {}, this.summaries = e.summaries || [], this.toolBar && Tt(this), this.keypress && xt(this), Ye() && this.mobileMenu ? Ct(this) : this.contextMenu && yt(this, this.contextMenuOption), this.draggable && kt(this), this.allowUndo && St(this), Ht(this), this.toCenter(), this.layout(), this.linkDiv();
   }
 }, W = document;
 function $({
@@ -2044,7 +2057,7 @@ $.RIGHT = R;
 $.SIDE = I;
 $.THEME = we;
 $.DARK_THEME = ke;
-$.version = "3.0.5-beta.2";
+$.version = "3.1.0";
 $.E = C;
 $.new = (e) => ({
   nodeData: {