mind-elixir 4.2.4 → 4.2.5

package/dist/MindElixirLite.js

@@ -29,7 +29,7 @@
     s.readyState == "complete" && (s.onreadystatechange = null, d());
   });
 })(window);
-const q = 0, Q = 1, Z = 2, $ = 30, ve = {
+const q = 0, Q = 1, Z = 2, $ = 30, ee = {
   name: "Latte",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
@@ -54,7 +54,7 @@ const q = 0, Q = 1, Z = 2, $ = 30, ve = {
     "--panel-border-color": "#696969"
   }
 };
-function ie(e) {
+function re(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
 const K = function(e, t) {
@@ -69,10 +69,10 @@ const K = function(e, t) {
     return null;
   } else
     return null;
-}, ee = (e, t) => {
+}, te = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      ee(e.children[n], e);
+      te(e.children[n], e);
 };
 function be(e, t, n, o) {
   const s = o - t, i = e - n;
@@ -86,11 +86,11 @@ function be(e, t, n, o) {
     y2: o - Math.sin(Math.PI * h / 180) * l
   };
 }
-function te() {
+function ne() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
 const Ae = function() {
-  const e = te();
+  const e = ne();
   return {
     topic: this.newTopicName,
     id: e
@@ -103,7 +103,7 @@ const Ae = function() {
 }, x = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, re = (e) => e ? e.tagName === "ME-TPC" : !1, k = {
+}, le = (e) => e ? e.tagName === "ME-TPC" : !1, k = {
   moved: !1,
   // diffrentiate click and move
   mousedown: !1,
@@ -139,7 +139,7 @@ function ke(e) {
     const n = t.target;
     if (n.tagName === "ME-EPD")
       e.expandNode(n.previousSibling);
-    else if (re(n))
+    else if (le(n))
       e.selectNode(n, !1, t);
     else if (e.editable)
       n.tagName === "text" ? n.dataset.type === "custom-link" ? e.selectArrow(n.parentElement) : e.selectSummary(n.parentElement) : n.className;
@@ -149,7 +149,7 @@ function ke(e) {
     if (!e.editable)
       return;
     const n = t.target;
-    re(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
+    le(n) ? e.beginEdit(n) : n.tagName === "text" && (n.dataset.type === "custom-link" ? e.editArrowLabel(n.parentElement) : e.editSummary(n.parentElement));
   }), e.map.addEventListener("mousemove", (t) => {
     t.target.contentEditable !== "true" && k.onMove(t, e.container);
   }), e.map.addEventListener("mousedown", (t) => {
@@ -251,12 +251,12 @@ const De = {
     e.linkContainer && (e.linkContainer = void 0);
   if (t.icons && t.icons.length) {
     const n = S.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ie(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${re(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = S.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${ie(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${re(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, ze = function(e, t) {
@@ -333,7 +333,7 @@ const Re = function(e) {
 }, I = function(e) {
   const t = O.createElementNS(j, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, le = function() {
+}, ce = function() {
   const e = O.createElementNS(j, "line");
   return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
 }, Ie = function(e, t) {
@@ -459,13 +459,13 @@ class Ue {
     this._listeners.clear();
   }
 }
-const ce = (e, t = "px") => typeof e == "number" ? e + t : e;
+const ae = (e, t = "px") => typeof e == "number" ? e + t : e;
 function T({ style: e }, t, n) {
   if (typeof t == "object")
     for (const [o, s] of Object.entries(t))
-      s !== void 0 && (e[o] = ce(s));
+      s !== void 0 && (e[o] = ae(s));
   else
-    n !== void 0 && (e[t] = ce(n));
+    n !== void 0 && (e[t] = ae(n));
 }
 const Ce = (e) => (t, n, o, s = {}) => {
   t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
@@ -479,7 +479,7 @@ const Ce = (e) => (t, n, o, s = {}) => {
   const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
   return { x: n, y: o, target: s };
 };
-function ae(e, t, n = "touch") {
+function he(e, t, n = "touch") {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, s = t.top + t.height / 2;
@@ -533,7 +533,7 @@ function et(e, t) {
   }
   return !1;
 }
-const { abs: H, max: he, min: de, ceil: ue } = Math, fe = (e = []) => ({
+const { abs: H, max: de, min: ue, ceil: fe } = Math, pe = (e = []) => ({
   stored: e,
   selected: [],
   touched: [],
@@ -542,7 +542,7 @@ const { abs: H, max: he, min: de, ceil: ue } = Math, fe = (e = []) => ({
 class tt extends Ue {
   constructor(t) {
     var n, o, s, i, r;
-    super(), b(this, "_options"), b(this, "_selection", fe()), b(this, "_area"), b(this, "_clippingElement"), b(this, "_targetElement"), b(this, "_targetBoundary"), b(this, "_targetBoundaryScrolled", !0), b(this, "_targetRect"), b(this, "_selectables", []), b(this, "_latestElement"), b(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), b(this, "_areaRect", new DOMRect()), b(this, "_singleClick", !0), b(this, "_frame"), b(this, "_scrollAvailable", !0), b(this, "_scrollingActive", !1), b(this, "_scrollSpeed", { x: 0, y: 0 }), b(this, "_scrollDelta", { x: 0, y: 0 }), b(this, "disable", this._toggleStartEvents.bind(this, !1)), b(this, "enable", this._toggleStartEvents), this._options = {
+    super(), b(this, "_options"), b(this, "_selection", pe()), b(this, "_area"), b(this, "_clippingElement"), b(this, "_targetElement"), b(this, "_targetBoundary"), b(this, "_targetBoundaryScrolled", !0), b(this, "_targetRect"), b(this, "_selectables", []), b(this, "_latestElement"), b(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), b(this, "_areaRect", new DOMRect()), b(this, "_singleClick", !0), b(this, "_frame"), b(this, "_scrollAvailable", !0), b(this, "_scrollingActive", !1), b(this, "_scrollSpeed", { x: 0, y: 0 }), b(this, "_scrollDelta", { x: 0, y: 0 }), b(this, "disable", this._toggleStartEvents.bind(this, !1)), b(this, "enable", this._toggleStartEvents), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -609,7 +609,7 @@ class tt extends Ue {
       return;
     const f = P(l, r), m = P(c, r);
     this._targetElement = m.find(
-      (y) => ae(y.getBoundingClientRect(), a)
+      (y) => he(y.getBoundingClientRect(), a)
     );
     const u = t.composedPath(), p = f.find((y) => u.includes(y));
     if (this._targetBoundary = m.find((y) => u.includes(y)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
@@ -694,7 +694,7 @@ class tt extends Ue {
           return;
         }
         const { scrollTop: a, scrollLeft: f } = l;
-        n.y && (l.scrollTop += ue(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += ue(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(h);
+        n.y && (l.scrollTop += fe(n.y / r), o.y1 -= l.scrollTop - a), n.x && (l.scrollLeft += fe(n.x / r), o.x1 -= l.scrollLeft - f), i.next(t), requestAnimationFrame(h);
       };
       requestAnimationFrame(h);
     } else
@@ -721,7 +721,7 @@ class tt extends Ue {
     let { x2: u, y2: p } = n;
     const { behaviour: { scrolling: { startScrollMargins: g } } } = s;
     u < a.left + g.x ? (t.x = c ? -H(a.left - u + g.x) : 0, u = u < a.left ? a.left : u) : u > a.right - g.x ? (t.x = d - c - h ? H(a.left + a.width - u - g.x) : 0, u = u > a.right ? a.right : u) : t.x = 0, p < a.top + g.y ? (t.y = i ? -H(a.top - p + g.y) : 0, p = p < a.top ? a.top : p) : p > a.bottom - g.y ? (t.y = r - i - l ? H(a.top + a.height - p - g.y) : 0, p = p > a.bottom ? a.bottom : p) : t.y = 0;
-    const y = de(f, u), v = de(m, p), w = he(f, u), _ = he(m, p);
+    const y = ue(f, u), v = ue(m, p), w = de(f, u), _ = de(m, p);
     this._areaRect = new DOMRect(y, v, w - y, _ - v);
   }
   _redrawSelectionArea() {
@@ -737,7 +737,7 @@ class tt extends Ue {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: l } = o, { intersect: c, overlap: d } = n.behaviour, h = d === "invert", a = [], f = [], m = [];
     for (let p = 0; p < t.length; p++) {
       const g = t[p];
-      if (ae(s, g.getBoundingClientRect(), c)) {
+      if (he(s, g.getBoundingClientRect(), c)) {
         if (r.includes(g))
           i.includes(g) && !l.includes(g) && l.push(g);
         else if (h && i.includes(g)) {
@@ -819,7 +819,7 @@ class tt extends Ue {
     i.added = [], i.removed.push(
       ...o,
       ...t ? s : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = fe(t ? [] : s);
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = pe(t ? [] : s);
   }
   /**
    * @returns {Array} Selected elements
@@ -872,7 +872,7 @@ class tt extends Ue {
 }
 b(tt, "version", "3.6.0");
 const nt = function(e, t = !0) {
-  this.theme = e;
+  e.cssVar = { ...ee.cssVar, ...e.cssVar }, this.theme = e;
   const n = this.theme.cssVar, o = Object.keys(n);
   for (let s = 0; s < o.length; s++) {
     const i = o[s];
@@ -973,7 +973,7 @@ const st = function(e, t, n) {
     o.parentNode.children[1].remove();
   this.linkDiv(), this.bus.fire("expandNode", n);
 }, St = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), ee(this.nodeData), this.layout(), this.linkDiv();
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), te(this.nodeData), this.layout(), this.linkDiv();
 }, Ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: yt,
@@ -1023,7 +1023,7 @@ const st = function(e, t, n) {
       this.moved = !1, this.mousedown = !1;
     }
   };
-}, pe = {
+}, me = {
   create: Lt
 };
 function J(e, t, n) {
@@ -1064,7 +1064,7 @@ const Mt = function(e, t, n, o) {
   g.appendChild(w), g.arrowObj = o, g.dataset.linkid = o.id, e.linkSvgGroup.appendChild(g), s || (e.arrows.push(o), e.currentArrow = g, $e(e, o, i, r)), performance.now();
 }, Tt = function(e, t) {
   const n = {
-    id: te(),
+    id: ne(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
@@ -1115,7 +1115,7 @@ const Mt = function(e, t, n, o) {
     y1: d + "",
     x2: h + "",
     y2: a + ""
-  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = pe.create(e.P2), e.helper2 = pe.create(e.P3), e.helper1.init(e.map, (m, u) => {
+  }), e.helper1 && (e.helper1.destory(e.map), (f = e.helper2) == null || f.destory(e.map)), e.helper1 = me.create(e.P2), e.helper2 = me.create(e.P3), e.helper1.init(e.map, (m, u) => {
     var v;
     r = r + m / e.scaleVal, l = l + u / e.scaleVal;
     const p = z({ ...n, ctrlX: r, ctrlY: l });
@@ -1229,7 +1229,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, zt = function(e) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
   return t.setAttribute("id", e), t;
-}, me = function(e, t) {
+}, ge = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return x(n, {
     d: e,
@@ -1238,7 +1238,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, ge = function(e, t, n, o, s) {
+}, ve = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
   return x(i, {
     "text-anchor": o,
@@ -1252,25 +1252,25 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   let s;
   return o.parent ? s = (i = n.closest("me-main")) == null ? void 0 : i.className : s = (r = L(o.children[t].id).closest("me-main")) == null ? void 0 : r.className, s;
 }, Ne = function(e, t) {
-  var ne;
+  var oe;
   const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = L(s).nodeObj, h = jt(t);
   let a = 1 / 0, f = 0, m = 0, u = 0;
   for (let R = i; R <= r; R++) {
-    const oe = (ne = d.children) == null ? void 0 : ne[R];
-    if (!oe)
+    const se = (oe = d.children) == null ? void 0 : oe[R];
+    if (!se)
       return e.removeSummary(n), null;
-    const F = Ot(oe.id), { offsetLeft: W, offsetTop: se } = N(l, F);
-    R === i && (m = se + 20), R === r && (u = se + F.offsetHeight - 20), W < a && (a = W), F.offsetWidth + W > f && (f = F.offsetWidth + W);
+    const F = Ot(se.id), { offsetLeft: W, offsetTop: ie } = N(l, F);
+    R === i && (m = ie + 20), R === r && (u = ie + F.offsetHeight - 20), W < a && (a = W), F.offsetWidth + W > f && (f = F.offsetWidth + W);
   }
   let p, g;
   const y = m + 10, v = u + 10, w = (y + v) / 2, _ = e.theme.cssVar["--color"];
-  h === "lhs" ? (p = me(`M ${a + 10} ${y} c -5 0 -10 5 -10 10 L ${a} ${v - 10} c 0 5 5 10 10 10 M ${a} ${w} h -10`, _), g = ge(o, a - 20, w + 6, "end", _)) : (p = me(`M ${f - 10} ${y} c 5 0 10 5 10 10 L ${f} ${v - 10} c 0 5 -5 10 -10 10 M ${f} ${w} h 10`, _), g = ge(o, f + 20, w + 6, "start", _));
+  h === "lhs" ? (p = ge(`M ${a + 10} ${y} c -5 0 -10 5 -10 10 L ${a} ${v - 10} c 0 5 5 10 10 10 M ${a} ${w} h -10`, _), g = ve(o, a - 20, w + 6, "end", _)) : (p = ge(`M ${f - 10} ${y} c 5 0 10 5 10 10 L ${f} ${v - 10} c 0 5 -5 10 -10 10 M ${f} ${w} h 10`, _), g = ve(o, f + 20, w + 6, "start", _));
   const E = zt("s-" + n);
   return E.appendChild(p), E.appendChild(g), E.summaryObj = t, e.summarySvg.appendChild(E), E;
 }, qt = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = Pt(e), s = { id: te(), parent: t, start: n, end: o, text: "summary" }, i = Ne(this, s);
+  const { parent: t, start: n, end: o } = Pt(e), s = { id: ne(), parent: t, start: n, end: o, text: "summary" }, i = Ne(this, s);
   this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
     name: "createSummary",
     obj: s
@@ -1505,7 +1505,7 @@ const sn = function(e = !1, t) {
   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, ee(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Ye(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, te(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Ye(this), this.toCenter(), this.layout(), this.linkDiv();
   },
   destroy() {
     var e, t;
@@ -1528,7 +1528,7 @@ function dn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction:
   const g = Math.abs(h - f) / 300 * $;
   return c === "lhs" ? (p = t, m = p + $, u = p - $, a = i + $, `M ${m} ${h} C ${p} ${h} ${p + g} ${f} ${u} ${f} H ${a}`) : (p = t + n, m = p - $, u = p + $, a = i + r - $, `M ${m} ${h} C ${p} ${h} ${p - g} ${f} ${u} ${f} H ${a}`);
 }
-const un = "4.2.4", V = document;
+const un = "4.2.5", V = document;
 function A({
   el: e,
   direction: t,
@@ -1555,15 +1555,15 @@ function A({
     throw new Error("MindElixir: el is not a valid element");
   v.className += " mind-elixir", v.innerHTML = "", v.style.setProperty("--gap", $ + "px"), this.mindElixirBox = v, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = l === void 0 ? !0 : l, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = d || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = f || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = m === void 0 ? !1 : m, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = u || hn, this.generateSubBranch = p || dn, this.overflowHidden = g || !1, this.bus = De.create(), this.container = V.createElement("div"), this.selectionContainer = h || this.container, this.container.className = "map-container";
   const _ = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = y || (_.matches ? ye : ve);
+  this.theme = y || (_.matches ? ye : ee);
   const E = V.createElement("div");
-  E.className = "map-canvas", this.map = E, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = I("lines"), this.summarySvg = I("summary"), this.linkController = I("linkcontroller"), this.P2 = V.createElement("div"), this.P3 = V.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = le(), this.line2 = le(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = I("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ke(this);
+  E.className = "map-canvas", this.map = E, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = I("lines"), this.summarySvg = I("summary"), this.linkController = I("linkcontroller"), this.P2 = V.createElement("div"), this.P3 = V.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = ce(), this.line2 = ce(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = I("topiclinks"), this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ke(this);
 }
 A.prototype = an;
 A.LEFT = q;
 A.RIGHT = Q;
 A.SIDE = Z;
-A.THEME = ve;
+A.THEME = ee;
 A.DARK_THEME = ye;
 A.version = un;
 A.E = L;

package/package.json

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