mind-elixir 3.2.1 → 3.2.3

package/dist/MindElixirLite.js

@@ -130,7 +130,7 @@ function Tt(e) {
       N.clear();
       return;
     }
-    e.unselectNode(), e.unselectNodes(), e.unselectSummary();
+    e.unselectNode(), e.unselectNodes(), e.unselectSummary(), e.unselectLink();
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
@@ -215,7 +215,12 @@ const Nt = {
     n.appendChild(o);
   }
   return n;
-}, E = document, C = (e, t) => (t ? t.mindElixirBox : E).querySelector(`[data-nodeid=me${e}]`), bt = function(e, t) {
+}, E = document, C = (e, t) => {
+  const s = (t ? t.mindElixirBox : E).querySelector(`[data-nodeid=me${e}]`);
+  if (!s)
+    throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
+  return s;
+}, bt = function(e, t) {
   if (e.textContent = t.topic, t.style && (e.style.color = t.style.color || "", e.style.background = t.style.background || "", e.style.fontSize = t.style.fontSize + "px", e.style.fontWeight = t.style.fontWeight || "normal"), t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
@@ -1120,8 +1125,10 @@ const Ne = function(e, t, n, s) {
   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);
 }, ze = function() {
+  this.currentLink = null, this.hideLinkController();
+}, Be = function() {
   this.linkController.style.display = "none", this.P2.style.display = "none", this.P3.style.display = "none";
-}, Be = function(e, t, n) {
+}, Oe = 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, {
@@ -1166,7 +1173,7 @@ const Ne = function(e, t, n, s) {
     }), e.delta2.x = l - n.cx, e.delta2.y = c - n.cy;
   });
 };
-function Oe() {
+function qe() {
   this.linkSvgGroup.innerHTML = "";
   for (const e in this.linkData) {
     const t = this.linkData[e];
@@ -1174,7 +1181,7 @@ function Oe() {
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function qe(e) {
+function Ve(e) {
   if (console.time("editSummary"), !e)
     return;
   const t = e.children[2];
@@ -1184,17 +1191,18 @@ function qe(e) {
     i === "" ? s.label = origin : s.label = i, n.remove(), i !== origin && (t.innerHTML = s.label, this.linkDiv());
   }), console.timeEnd("editSummary");
 }
-const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createLink: De,
   drawCustomLink: Ae,
-  editCutsomLinkLabel: qe,
-  hideLinkController: ze,
+  editCutsomLinkLabel: Ve,
+  hideLinkController: Be,
   removeLink: He,
-  renderCustomLink: Oe,
+  renderCustomLink: qe,
   selectLink: Pe,
-  showLinkController: Be
-}, Symbol.toStringTag, { value: "Module" })), Re = function(e) {
+  showLinkController: Oe,
+  unselectLink: ze
+}, Symbol.toStringTag, { value: "Module" })), je = function(e) {
   var c, u;
   if (e.length === 0)
     throw new Error("No selected node.");
@@ -1237,7 +1245,7 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     start: o,
     end: r
   };
-}, je = function(e) {
+}, We = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
 }, ft = function(e, t) {
@@ -1257,37 +1265,37 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     y: n + "",
     fill: i || "#666"
   }), o.innerHTML = e, o;
-}, We = (e) => C(e).parentElement.parentElement, Xe = function({ parent: e, start: t }) {
+}, Xe = (e) => C(e).parentElement.parentElement, Ye = 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 = Xe(t);
+  const { id: n, text: s, parent: i, start: o, end: r } = t, l = e.nodes, u = C(i).nodeObj, h = Ye(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 = We(nt.id), { offsetLeft: F, offsetTop: st } = V(l, Y);
+    const Y = Xe(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 k = je("s-" + n);
+  const k = We("s-" + n);
   return k.appendChild(m), k.appendChild(p), k.summaryObj = t, e.summarySvg.appendChild(k), k;
-}, Ye = function() {
+}, Fe = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: s } = Re(e), i = { id: et(), parent: t, start: n, end: s, text: "summary" }, o = kt(this, i);
+  const { parent: t, start: n, end: s } = je(e), i = { id: et(), parent: t, start: n, end: s, text: "summary" }, o = kt(this, i);
   this.summaries.push(i), this.editSummary(o);
-}, Fe = function(e) {
+}, Ie = 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());
-}, Ie = function(e) {
+}, Ge = 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 + "",
@@ -1299,14 +1307,14 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-width": "2",
     fill: "none"
   }), i.classList.add("selected"), e.appendChild(i), this.currentSummary = e;
-}, Ge = function() {
+}, Ue = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Ue = function() {
+}, Ke = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     kt(this, e);
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, Ke = function(e) {
+}, Je = function(e) {
   if (console.time("editSummary"), !e)
     return;
   const t = e.childNodes[1];
@@ -1319,16 +1327,16 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       origin
     }));
   }), console.timeEnd("editSummary");
-}, Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: Ye,
-  editSummary: Ke,
-  removeSummary: Fe,
-  renderSummary: Ue,
-  selectSummary: Ie,
-  unselectSummary: Ge
+  createSummary: Fe,
+  editSummary: Je,
+  removeSummary: Ie,
+  renderSummary: Ke,
+  selectSummary: Ge,
+  unselectSummary: Ue
 }, Symbol.toStringTag, { value: "Module" }));
-function Qe(e, t) {
+function Ze(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   return b(n, {
     version: "1.1",
@@ -1337,17 +1345,17 @@ function Qe(e, t) {
     width: t
   }), n;
 }
-function Ze(e, t) {
+function tn(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function tn(e, t, n, s) {
+function en(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) + Ze(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
+      y: s + parseInt(t.paddingTop) + tn(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
@@ -1356,7 +1364,7 @@ function tn(e, t, n, s) {
     }), u.innerHTML = l, i.appendChild(u);
   }), i;
 }
-function en(e, t, n, s) {
+function nn(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) + "",
@@ -1386,9 +1394,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 = en(t, s, i, o) : c = tn(t, s, i, o), l.appendChild(c), l;
+  return n ? c = nn(t, s, i, o) : c = en(t, s, i, o), l.appendChild(c), l;
 }
-function nn(e, t) {
+function sn(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 + "",
@@ -1400,9 +1408,9 @@ function nn(e, t) {
     fill: `${n.color}`
   }), r.innerHTML = t.textContent, o.appendChild(r), o.setAttribute("href", t.href), o;
 }
-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) => {
+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">', Mt = (e) => {
   var h, d, a;
-  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");
+  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");
   b(r, {
     x: "0",
     y: "0",
@@ -1425,14 +1433,14 @@ const G = 100, sn = '<?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(nn(e, f));
+    o.appendChild(sn(e, f));
   }), b(o, {
     x: G + "",
     y: G + "",
     overflow: "visible"
-  }), i.appendChild(o), sn + i.outerHTML;
+  }), i.appendChild(o), on + i.outerHTML;
 };
-function on(e) {
+function rn(e) {
   return new Promise((t, n) => {
     const s = new FileReader();
     s.onload = (i) => {
@@ -1442,11 +1450,11 @@ function on(e) {
     }, s.readAsDataURL(e);
   });
 }
-const rn = function() {
+const ln = function() {
   const e = Mt(this);
   return new Blob([e], { type: "image/svg+xml" });
-}, ln = async function() {
-  const e = Mt(this), t = new Blob([e], { type: "image/svg+xml" }), n = await on(t);
+}, cn = async function() {
+  const e = Mt(this), t = new Blob([e], { type: "image/svg+xml" }), n = await rn(t);
   return new Promise((s, i) => {
     const o = new Image();
     o.setAttribute("crossOrigin", "anonymous"), o.onload = () => {
@@ -1454,11 +1462,11 @@ const rn = 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;
   });
-}, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, an = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: ln,
-  exportSvg: rn
-}, Symbol.toStringTag, { value: "Module" })), an = {}, hn = {
+  exportPng: cn,
+  exportSvg: ln
+}, Symbol.toStringTag, { value: "Module" })), hn = {}, dn = {
   getObjById: vt,
   generateNewObj: $t,
   layout: At,
@@ -1471,10 +1479,10 @@ const rn = function() {
   findEle: C,
   changeTheme: ie,
   ...$e,
+  ...hn,
+  ...Re,
+  ...Qe,
   ...an,
-  ...Ve,
-  ...Je,
-  ...cn,
   init(e) {
     if (!e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
@@ -1511,13 +1519,13 @@ function M({
   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" : Tt(this);
 }
-M.prototype = hn;
+M.prototype = dn;
 M.LEFT = q;
 M.RIGHT = Z;
 M.SIDE = J;
 M.THEME = mt;
 M.DARK_THEME = gt;
-M.version = "3.2.1";
+M.version = "3.2.3";
 M.E = C;
 export {
   M as default

package/dist/types/customLink.d.ts

@@ -26,6 +26,7 @@ export declare const drawCustomLink: (this: MindElixirInstance, from: Topic, to:
 export declare const createLink: (this: MindElixirInstance, from: Topic, to: Topic) => void;
 export declare const removeLink: (this: MindElixirInstance, linkSvg?: CustomSvg) => void;
 export declare const selectLink: (this: MindElixirInstance, link: CustomSvg) => void;
+export declare const unselectLink: (this: MindElixirInstance) => void;
 export declare const hideLinkController: (this: MindElixirInstance) => void;
 export declare const showLinkController: (this: MindElixirInstance, linkItem: LinkItem, fromData: DivData, toData: DivData) => void;
 export declare function renderCustomLink(this: MindElixirInstance): void;

package/dist/types/index.d.ts

@@ -23,6 +23,7 @@ declare namespace MindElixir {
         createLink: (this: MindElixirInstance, from: import("./types/dom").Topic, to: import("./types/dom").Topic) => void;
         removeLink: (this: MindElixirInstance, linkSvg?: import("./types/dom").CustomSvg | undefined) => void;
         selectLink: (this: MindElixirInstance, link: import("./types/dom").CustomSvg) => void;
+        unselectLink: (this: MindElixirInstance) => void;
         hideLinkController: (this: MindElixirInstance) => void;
         showLinkController: (this: MindElixirInstance, linkItem: import("./customLink").LinkItem, fromData: import("./customLink").DivData, toData: import("./customLink").DivData) => void;
         reshapeNode: (this: MindElixirInstance, ...args: unknown[]) => Promise<void>;

package/dist/types/methods.d.ts

@@ -23,6 +23,7 @@ declare const methods: {
     createLink: (this: MindElixirInstance, from: import("./index").Topic, to: import("./index").Topic) => void;
     removeLink: (this: MindElixirInstance, linkSvg?: import("./index").CustomSvg | undefined) => void;
     selectLink: (this: MindElixirInstance, link: import("./index").CustomSvg) => void;
+    unselectLink: (this: MindElixirInstance) => void;
     hideLinkController: (this: MindElixirInstance) => void;
     showLinkController: (this: MindElixirInstance, linkItem: customLink.LinkItem, fromData: customLink.DivData, toData: customLink.DivData) => void;
     reshapeNode: (this: MindElixirInstance, ...args: unknown[]) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [

package/readme.md

@@ -259,8 +259,6 @@ let mind = new MindElixir({
 ## Export as a Image
 
 ```typescript
-import { exportPng } from './plugin/exportImage'
-
 const mind = {
   /** mind elixir instance */
 }
@@ -327,14 +325,14 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 | Tab                | Insert Child Node                |
 | F1                 | Center the Map                   |
 | F2                 | Begin Editing the Current Node   |
-| Up Arrow           | Select the Previous Sibling Node |
-| Down Arrow         | Select the Next Sibling Node     |
-| Left/Right Arrow   | Select Parent or First Child     |
-| PageUp             | Move Up Node                     |
-| PageDown           | Move Down Node                   |
-| Ctrl + Up Arrow    | Change Layout Pattern to Side    |
-| Ctrl + Left Arrow  | Change Layout Pattern to Left    |
-| Ctrl + Right Arrow | Change Layout Pattern to Right   |
+| ↑                  | Select the Previous Sibling Node |
+| ↓                  | Select the Next Sibling Node     |
+| ← / →              | Select Parent or First Child     |
+| PageUp / Alt + ↑   | Move Up Node                     |
+| PageDown / Alt + ↓ | Move Down Node                   |
+| Ctrl + ↑           | Change Layout Pattern to Side    |
+| Ctrl + ←           | Change Layout Pattern to Left    |
+| Ctrl + →           | Change Layout Pattern to Right   |
 | Ctrl + C           | Copy the Current Node            |
 | Ctrl + V           | Paste the Copied Node            |
 | Ctrl + "+"         | Zoom In Mind Map                 |
@@ -347,7 +345,6 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 - [@mind-elixir/node-menu-neo](https://github.com/ssshooter/node-menu-neo)
 - [@mind-elixir/export-xmind](https://github.com/ssshooter/export-xmind)
 - [@mind-elixir/export-html](https://github.com/ssshooter/export-html)
-- [@mind-elixir/export-image](https://github.com/ssshooter/export-image) (WIP🚧)
 - [mind-elixir-react](https://github.com/ssshooter/mind-elixir-react)
 
 ## Development