mind-elixir 3.2.0 → 3.2.2

package/dist/MindElixir.js

@@ -203,7 +203,7 @@ function st(t) {
       D.clear();
       return;
     }
-    t.unselectNode(), t.unselectNodes(), t.unselectSummary();
+    t.unselectNode(), t.unselectNodes(), t.unselectSummary(), t.unselectLink();
     const n = e.target;
     if (n.tagName === "ME-EPD")
       t.expandNode(n.previousSibling);
@@ -224,6 +224,8 @@ function st(t) {
     console.log(e.button), e.button === 2 && D.clear();
   }), t.map.addEventListener("mouseup", (e) => {
     e.button === 2 && D.clear();
+  }), t.map.addEventListener("contextmenu", (e) => {
+    e.preventDefault();
   });
 }
 const rt = {
@@ -1314,8 +1316,8 @@ w(ze, "version", "3.3.1");
 function Rt(t) {
   const e = new ze({
     selectables: [".map-container me-tpc"],
-    boundaries: [".map-container"],
-    container: ".map-container",
+    boundaries: [t.container],
+    container: t.container,
     behaviour: {
       // Scroll configuration.
       scrolling: {
@@ -1332,7 +1334,7 @@ function Rt(t) {
       }
     }
   }).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 && (t.unselectNode(), t.unselectNodes(), t.unselectSummary(), e.clearSelection(!0, !0));
+    !n.ctrlKey && !n.metaKey && (t.unselectNode(), t.unselectNodes(), t.unselectSummary(), t.unselectLink(), e.clearSelection(!0, !0));
   }).on(
     "move",
     ({
@@ -1349,7 +1351,6 @@ function Rt(t) {
   ).on("stop", ({ store: { stored: n } }) => {
     console.log(n, "stored"), t.selectNodes(n);
   });
-  console.log(e, "selection");
 }
 const qt = function(t, e = !0) {
   this.theme = t;
@@ -1850,8 +1851,10 @@ const Mn = function(t, e, n, i) {
   const e = t.linkObj, n = E(e.from), i = E(e.to), o = ne(this, n, e.delta1), s = ne(this, i, e.delta2);
   this.showLinkController(e, o, s);
 }, An = function() {
+  this.currentLink = null, this.hideLinkController();
+}, Pn = function() {
   this.linkController.style.display = "none", this.P2.style.display = "none", this.P3.style.display = "none";
-}, Pn = function(t, e, n) {
+}, jn = function(t, e, 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: i, y: o } = V(e), { ctrlX: s, ctrlY: r } = e, { ctrlX: l, ctrlY: c } = n, { x: h, y: a } = V(n);
   this.P2.style.cssText = `top:${r}px;left:${s}px;`, this.P3.style.cssText = `top:${c}px;left:${l}px;`, N(this.line1, {
@@ -1896,7 +1899,7 @@ const Mn = function(t, e, n, i) {
     }), t.delta2.x = l - n.cx, t.delta2.y = c - n.cy;
   });
 };
-function jn() {
+function Hn() {
   this.linkSvgGroup.innerHTML = "";
   for (const t in this.linkData) {
     const e = this.linkData[t];
@@ -1904,7 +1907,7 @@ function jn() {
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Hn(t) {
+function Bn(t) {
   if (console.time("editSummary"), !t)
     return;
   const e = t.children[2];
@@ -1914,17 +1917,18 @@ function Hn(t) {
     o === "" ? i.label = origin : i.label = o, n.remove(), o !== origin && (e.innerHTML = i.label, this.linkDiv());
   }), console.timeEnd("editSummary");
 }
-const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createLink: $n,
   drawCustomLink: Tn,
-  editCutsomLinkLabel: Hn,
-  hideLinkController: An,
+  editCutsomLinkLabel: Bn,
+  hideLinkController: Pn,
   removeLink: Dn,
-  renderCustomLink: jn,
+  renderCustomLink: Hn,
   selectLink: On,
-  showLinkController: Pn
-}, Symbol.toStringTag, { value: "Module" })), zn = function(t) {
+  showLinkController: jn,
+  unselectLink: An
+}, Symbol.toStringTag, { value: "Module" })), Rn = function(t) {
   var c, h;
   if (t.length === 0)
     throw new Error("No selected node.");
@@ -1967,7 +1971,7 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: s,
     end: r
   };
-}, Rn = function(t) {
+}, qn = function(t) {
   const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return e.setAttribute("id", t), e;
 }, Ce = function(t, e) {
@@ -1987,37 +1991,37 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: o || "#666"
   }), s.innerHTML = t, s;
-}, qn = (t) => E(t).parentElement.parentElement, Fn = function({ parent: t, start: e }) {
+}, Fn = (t) => E(t).parentElement.parentElement, Vn = function({ parent: t, start: e }) {
   var s, r;
   const n = E(t), i = n.nodeObj;
   let o;
   return i.root === !0 ? o = (s = E(i.children[e].id).closest("me-main")) == null ? void 0 : s.className : o = (r = n.closest("me-main")) == null ? void 0 : r.className, o;
 }, We = function(t, e) {
   var _;
-  const { id: n, text: i, parent: o, start: s, end: r } = e, l = t.nodes, h = E(o).nodeObj, a = Fn(e);
+  const { id: n, text: i, parent: o, start: s, end: r } = e, l = t.nodes, h = E(o).nodeObj, a = Vn(e);
   let u = 1 / 0, d = 0, p = 0, g = 0;
   for (let Y = s; Y <= r; Y++) {
     const de = (_ = h.children) == null ? void 0 : _[Y];
     if (!de)
       return console.warn("Child not found"), t.removeSummary(n), null;
-    const G = qn(de.id), { offsetLeft: J, offsetTop: he } = W(l, G);
+    const G = Fn(de.id), { offsetLeft: J, offsetTop: he } = W(l, G);
     Y === s && (p = he), Y === r && (g = he + G.offsetHeight), J < u && (u = J), G.offsetWidth + J > d && (d = G.offsetWidth + J);
   }
   let m, f;
   const v = p + 10, x = g + 10, b = (v + x) / 2, y = t.theme.cssVar["--color"];
   a === "lhs" ? (m = Ce(`M ${u + 10} ${v} c -5 0 -10 5 -10 10 L ${u} ${x - 10} c 0 5 5 10 10 10 M ${u} ${b} h -10`, y), f = _e(i, u - 20, b + 6, "end", y)) : (m = Ce(`M ${d - 10} ${v} c 5 0 10 5 10 10 L ${d} ${x - 10} c 0 5 -5 10 -10 10 M ${d} ${b} h 10`, y), f = _e(i, d + 20, b + 6, "start", y));
-  const C = Rn("s-" + n);
+  const C = qn("s-" + n);
   return C.appendChild(m), C.appendChild(f), C.summaryObj = e, t.summarySvg.appendChild(C), C;
-}, Vn = function() {
+}, Wn = function() {
   let t = [];
   this.currentNode ? t = [this.currentNode] : this.currentNodes && (t = this.currentNodes);
-  const { parent: e, start: n, end: i } = zn(t), o = { id: U(), parent: e, start: n, end: i, text: "summary" }, s = We(this, o);
+  const { parent: e, start: n, end: i } = Rn(t), o = { id: U(), parent: e, start: n, end: i, text: "summary" }, s = We(this, o);
   this.summaries.push(o), this.editSummary(s);
-}, Wn = function(t) {
+}, Yn = function(t) {
   var n;
   const e = this.summaries.findIndex((i) => i.id === t);
   e > -1 && (this.summaries.splice(e, 1), (n = document.querySelector("#s-" + t)) == null || n.remove());
-}, Yn = function(t) {
+}, In = function(t) {
   const e = t.children[1].getBBox(), n = 6, i = 3, o = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   N(o, {
     x: e.x - n + "",
@@ -2029,14 +2033,14 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), o.classList.add("selected"), t.appendChild(o), this.currentSummary = t;
-}, In = function() {
+}, Xn = function() {
   var t, e;
   (e = (t = this.currentSummary) == null ? void 0 : t.querySelector("rect")) == null || e.remove(), this.currentSummary = null;
-}, Xn = function() {
+}, Kn = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((t) => {
     We(this, t);
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Kn = function(t) {
+}, Un = function(t) {
   if (console.time("editSummary"), !t)
     return;
   const e = t.childNodes[1];
@@ -2049,16 +2053,16 @@ const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       origin
     }));
   }), console.timeEnd("editSummary");
-}, Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: Vn,
-  editSummary: Kn,
-  removeSummary: Wn,
-  renderSummary: Xn,
-  selectSummary: Yn,
-  unselectSummary: In
+  createSummary: Wn,
+  editSummary: Un,
+  removeSummary: Yn,
+  renderSummary: Kn,
+  selectSummary: In,
+  unselectSummary: Xn
 }, Symbol.toStringTag, { value: "Module" }));
-function Gn(t, e) {
+function Jn(t, e) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return N(n, {
     version: "1.1",
@@ -2067,17 +2071,17 @@ function Gn(t, e) {
     width: e
   }), n;
 }
-function Jn(t, e) {
+function Qn(t, e) {
   return (parseInt(t) - parseInt(e)) / 2;
 }
-function Qn(t, e, n, i) {
+function Zn(t, e, n, i) {
   const o = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.childNodes[0].textContent.split(`
 `).forEach((l, c) => {
     const h = document.createElementNS("http://www.w3.org/2000/svg", "text");
     N(h, {
       x: n + parseInt(e.paddingLeft) + "",
-      y: i + parseInt(e.paddingTop) + Jn(e.lineHeight, e.fontSize) * (c + 1) + parseFloat(e.fontSize) * (c + 1) + "",
+      y: i + parseInt(e.paddingTop) + Qn(e.lineHeight, e.fontSize) * (c + 1) + parseFloat(e.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": e.fontFamily,
       "font-size": `${e.fontSize}`,
@@ -2086,7 +2090,7 @@ function Qn(t, e, n, i) {
     }), h.innerHTML = l, o.appendChild(h);
   }), o;
 }
-function Zn(t, e, n, i) {
+function ei(t, e, n, i) {
   const o = t.childNodes[0].textContent, s = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
   N(s, {
     x: n + parseInt(e.paddingLeft) + "",
@@ -2116,9 +2120,9 @@ function re(t, e, n = !1) {
   const l = document.createElementNS("http://www.w3.org/2000/svg", "g");
   l.appendChild(r);
   let c;
-  return n ? c = Zn(e, i, o, s) : c = Qn(e, i, o, s), l.appendChild(c), l;
+  return n ? c = ei(e, i, o, s) : c = Zn(e, i, o, s), l.appendChild(c), l;
 }
-function ei(t, e) {
+function ti(t, e) {
   const n = getComputedStyle(e), { offsetLeft: i, offsetTop: o } = W(t.nodes, e), s = document.createElementNS("http://www.w3.org/2000/svg", "a"), r = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return N(r, {
     x: i + "",
@@ -2130,9 +2134,9 @@ function ei(t, e) {
     fill: `${n.color}`
   }), r.innerHTML = e.textContent, s.appendChild(r), s.setAttribute("href", e.href), s;
 }
-const Z = 100, ti = '<?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">', Ye = (t) => {
+const Z = 100, ni = '<?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">', Ye = (t) => {
   var a, u, d;
-  const e = t.nodes, n = e.offsetHeight + Z * 2, i = e.offsetWidth + Z * 2, o = Gn(n + "px", i + "px"), s = document.createElementNS("http://www.w3.org/2000/svg", "svg"), r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+  const e = t.nodes, n = e.offsetHeight + Z * 2, i = e.offsetWidth + Z * 2, o = Jn(n + "px", i + "px"), s = document.createElementNS("http://www.w3.org/2000/svg", "svg"), r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
   N(r, {
     x: "0",
     y: "0",
@@ -2155,14 +2159,14 @@ const Z = 100, ti = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
   }), e.querySelectorAll(".icons > span").forEach((p) => {
     s.appendChild(re(t, p));
   }), e.querySelectorAll(".hyper-link").forEach((p) => {
-    s.appendChild(ei(t, p));
+    s.appendChild(ti(t, p));
   }), N(s, {
     x: Z + "",
     y: Z + "",
     overflow: "visible"
-  }), o.appendChild(s), ti + o.outerHTML;
+  }), o.appendChild(s), ni + o.outerHTML;
 };
-function ni(t) {
+function ii(t) {
   return new Promise((e, n) => {
     const i = new FileReader();
     i.onload = (o) => {
@@ -2172,11 +2176,11 @@ function ni(t) {
     }, i.readAsDataURL(t);
   });
 }
-const ii = function() {
+const oi = function() {
   const t = Ye(this);
   return new Blob([t], { type: "image/svg+xml" });
-}, oi = async function() {
-  const t = Ye(this), e = new Blob([t], { type: "image/svg+xml" }), n = await ni(e);
+}, si = async function() {
+  const t = Ye(this), e = new Blob([t], { type: "image/svg+xml" }), n = await ii(e);
   return new Promise((i, o) => {
     const s = new Image();
     s.setAttribute("crossOrigin", "anonymous"), s.onload = () => {
@@ -2184,12 +2188,12 @@ const ii = function() {
       r.width = s.width, r.height = s.height, r.getContext("2d").drawImage(s, 0, 0), r.toBlob(i, "image/png", 1);
     }, s.src = n, s.onerror = o;
   });
-}, si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ri = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: oi,
-  exportSvg: ii
+  exportPng: si,
+  exportSvg: oi
 }, Symbol.toStringTag, { value: "Module" }));
-function ri(t, e) {
+function li(t, e) {
   return async function(...n) {
     const i = this.before[e];
     i && !await i.apply(this, n) || t.apply(this, n);
@@ -2198,9 +2202,9 @@ function ri(t, e) {
 const ke = Object.keys(Ve), Ie = {};
 for (let t = 0; t < ke.length; t++) {
   const e = ke[t];
-  Ie[e] = ri(Ve[e], e);
+  Ie[e] = li(Ve[e], e);
 }
-const li = {
+const ci = {
   getObjById: Me,
   generateNewObj: Ue,
   layout: lt,
@@ -2214,13 +2218,13 @@ const li = {
   changeTheme: qt,
   ...fn,
   ...Ie,
-  ...Bn,
-  ...Un,
-  ...si,
+  ...zn,
+  ...Gn,
+  ...ri,
   init(t) {
     if (!t || !t.nodeData)
       return new Error("MindElixir: `data` is required");
-    t.direction !== void 0 && (this.direction = t.direction), this.changeTheme(t.theme || this.theme, !1), this.nodeData = t.nodeData, T(this.nodeData), this.linkData = t.linkData || {}, this.summaries = t.summaries || [], this.toolBar && Ot(this), this.keypress && _t(this), Xe() && this.mobileMenu ? kt(this) : this.contextMenu && Et(this, this.contextMenuOption), this.draggable && Mt(this), this.allowUndo && Tt(this), Rt(this), this.toCenter(), this.layout(), this.linkDiv();
+    t.direction !== void 0 && (this.direction = t.direction), this.changeTheme(t.theme || this.theme, !1), this.nodeData = t.nodeData, T(this.nodeData), this.linkData = t.linkData || {}, this.summaries = t.summaries || [], this.toolBar && Ot(this), this.keypress && _t(this), this.editable && Rt(this), Xe() && this.mobileMenu ? kt(this) : this.contextMenu && Et(this, this.contextMenuOption), this.draggable && Mt(this), this.allowUndo && Tt(this), this.toCenter(), this.layout(), this.linkDiv();
   }
 }, I = document;
 function $({
@@ -2253,13 +2257,13 @@ function $({
   const y = I.createElement("div");
   y.className = "map-canvas", this.map = y, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = I.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = X("lines"), this.summarySvg = X("summary"), this.linkController = X("linkcontroller"), this.P2 = I.createElement("div"), this.P3 = I.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = fe(), this.line2 = fe(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = X("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : st(this);
 }
-$.prototype = li;
+$.prototype = ci;
 $.LEFT = S;
 $.RIGHT = H;
 $.SIDE = K;
 $.THEME = Se;
 $.DARK_THEME = Le;
-$.version = "3.2.0";
+$.version = "3.2.2";
 $.E = E;
 $.new = (t) => ({
   nodeData: {