mind-elixir 4.6.0 → 4.6.1

package/dist/MindElixirLite.js

@@ -103,7 +103,7 @@ const Ne = function() {
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
   return { offsetLeft: n, offsetTop: o };
-}, w = (e, t) => {
+}, x = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
 }, he = (e) => e ? e.tagName === "ME-TPC" : !1, k = {
@@ -234,8 +234,8 @@ const Q = document, De = function() {
     n.appendChild(i);
   }
   return n;
-}, S = document, L = (e, t) => {
-  const o = (t ? t.el : S).querySelector(`[data-nodeid=me${e}]`);
+}, C = document, M = (e, t) => {
+  const o = (t ? t.el : C).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
@@ -247,32 +247,32 @@ const Q = document, De = function() {
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = S.createElement("img");
+      const o = C.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = S.createElement("span");
+    const n = C.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = S.createElement("a");
+    const n = C.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = S.createElement("span");
+    const n = C.createElement("span");
     n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ae(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");
+    const n = C.createElement("div");
     n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${ae(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
 }, ze = function(e, t) {
-  const n = S.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
+  const n = C.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
     const i = Ve(e.expanded);
     if (o.appendChild(i), e.expanded !== !1) {
@@ -282,17 +282,17 @@ const Q = document, De = function() {
   }
   return { grp: n, top: o, tpc: s };
 }, Oe = function(e) {
-  const t = S.createElement("me-parent"), n = this.createTopic(e);
+  const t = C.createElement("me-parent"), n = this.createTopic(e);
   return _e(n, e), t.appendChild(n), { p: t, tpc: n };
 }, je = function(e) {
-  const t = S.createElement("me-children");
+  const t = C.createElement("me-children");
   return t.append(...e), t;
 }, Re = function(e) {
-  const t = S.createElement("me-tpc");
+  const t = C.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
 function Ee(e) {
-  const t = S.createRange();
+  const t = C.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
@@ -300,7 +300,7 @@ function Ee(e) {
 const qe = function(e) {
   if (!e)
     return;
-  const t = S.createElement("div"), n = e.text.textContent;
+  const t = C.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const o = getComputedStyle(e);
   t.style.cssText = `min-width:${e.offsetWidth - 8}px;
@@ -332,11 +332,11 @@ const qe = function(e) {
     }));
   });
 }, Ve = function(e) {
-  const t = S.createElement("me-epd");
+  const t = C.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
 }, R = document, F = "http://www.w3.org/2000/svg", Se = function(e, t, n) {
   const o = R.createElementNS(F, "path");
-  return w(o, {
+  return x(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -360,7 +360,7 @@ const qe = function(e) {
       d: i,
       ...o
     };
-    w(l, c), r === 0 && l.setAttribute("stroke-dasharray", "8,2"), s.appendChild(l);
+    x(l, c), r === 0 && l.setAttribute("stroke-dasharray", "8,2"), s.appendChild(l);
   }), s;
 }, Ce = function(e, t, n) {
   if (!t)
@@ -394,13 +394,13 @@ const qe = function(e) {
   const c = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
   for (let d = 0; d < c.length; d++) {
-    const a = c[d], u = a.querySelector("me-tpc"), { offsetLeft: h, offsetTop: p } = H(this.nodes, u), m = u.offsetWidth, g = u.offsetHeight, f = a.parentNode.className, v = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: p, cL: h, cW: m, cH: g, direction: f, containerHeight: this.nodes.offsetHeight }), y = this.theme.palette, _ = u.nodeObj.branchColor || y[d % y.length];
-    u.style.borderColor = _, this.lines.appendChild(Se(v, _, "3"));
+    const a = c[d], u = a.querySelector("me-tpc"), { offsetLeft: h, offsetTop: p } = H(this.nodes, u), m = u.offsetWidth, g = u.offsetHeight, f = a.parentNode.className, v = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: p, cL: h, cW: m, cH: g, direction: f, containerHeight: this.nodes.offsetHeight }), _ = this.theme.palette, y = u.nodeObj.branchColor || _[d % _.length];
+    u.style.borderColor = y, this.lines.appendChild(Se(v, y, "3"));
     const E = a.children[0].children[1];
     if (E && (E.style.top = (E.parentNode.offsetHeight - E.offsetHeight) / 2 + "px", f === T.LHS ? E.style.left = "-10px" : E.style.right = "-10px"), e && e !== a)
       continue;
-    const x = W("subLines"), M = a.lastChild;
-    M.tagName === "svg" && M.remove(), a.appendChild(x), Le(this, x, _, a, f, !0);
+    const w = W("subLines"), S = a.lastChild;
+    S.tagName === "svg" && S.remove(), a.appendChild(w), Le(this, w, y, a, f, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
 }, Le = function(e, t, n, o, s, i) {
@@ -409,15 +409,15 @@ const qe = function(e) {
     return;
   const c = r.offsetTop, d = r.offsetLeft, a = r.offsetWidth, u = r.offsetHeight;
   for (let h = 0; h < l.length; h++) {
-    const p = l[h], m = p.firstChild, g = m.offsetTop, f = m.offsetLeft, v = m.offsetWidth, y = m.offsetHeight, _ = m.firstChild.nodeObj.branchColor || n, E = e.generateSubBranch({ pT: c, pL: d, pW: a, pH: u, cT: g, cL: f, cW: v, cH: y, direction: s, isFirst: i });
-    t.appendChild(Se(E, _, "2"));
-    const x = m.children[1];
-    if (x) {
-      if (x.style.bottom = -(x.offsetHeight / 2) + "px", s === T.LHS ? x.style.left = "10px" : s === T.RHS && (x.style.right = "10px"), !x.expanded)
+    const p = l[h], m = p.firstChild, g = m.offsetTop, f = m.offsetLeft, v = m.offsetWidth, _ = m.offsetHeight, y = m.firstChild.nodeObj.branchColor || n, E = e.generateSubBranch({ pT: c, pL: d, pW: a, pH: u, cT: g, cL: f, cW: v, cH: _, direction: s, isFirst: i });
+    t.appendChild(Se(E, y, "2"));
+    const w = m.children[1];
+    if (w) {
+      if (w.style.bottom = -(w.offsetHeight / 2) + "px", s === T.LHS ? w.style.left = "10px" : s === T.RHS && (w.style.right = "10px"), !w.expanded)
         continue;
     } else
       continue;
-    Le(e, t, _, p, s);
+    Le(e, t, y, p, s);
   }
 };
 const P = (e, t) => {
@@ -429,13 +429,13 @@ const P = (e, t) => {
 function Ie(e) {
   const t = document.createElement("div"), n = P("fullscreen", "full"), o = P("toCenter", "living"), s = P("zoomout", "move"), i = P("zoomin", "add"), r = document.createElement("span");
   return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
-    e.el.requestFullscreen();
+    document.fullscreenElement === e.el ? document.exitFullscreen() : e.el.requestFullscreen();
   }, o.onclick = () => {
     e.toCenter();
   }, s.onclick = () => {
-    e.scaleVal < 0.6 || e.scale(e.scaleVal - 0.2);
+    e.scaleVal < 0.6 || e.scale(e.scaleVal - e.scaleSensitivity);
   }, i.onclick = () => {
-    e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
+    e.scaleVal > 1.6 || e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
 function Xe(e) {
@@ -738,8 +738,8 @@ class tt extends Je {
     let { x2: g, y2: f } = n;
     const { behaviour: { scrolling: { startScrollMargins: v } } } = i;
     g < h.left + v.x ? (t.x = d ? -D(h.left - g + v.x) : 0, g = g < h.left ? h.left : g) : g > h.right - v.x ? (t.x = a - d - u ? D(h.left + h.width - g - v.x) : 0, g = g > h.right ? h.right : g) : t.x = 0, f < h.top + v.y ? (t.y = r ? -D(h.top - f + v.y) : 0, f = f < h.top ? h.top : f) : f > h.bottom - v.y ? (t.y = l - r - c ? D(h.top + h.height - f - v.y) : 0, f = f > h.bottom ? h.bottom : f) : t.y = 0;
-    const y = me(p, g), _ = me(m, f), E = pe(p, g), x = pe(m, f);
-    o.x = y, o.y = _, o.width = E - y, o.height = x - _;
+    const _ = me(p, g), y = me(m, f), E = pe(p, g), w = pe(m, f);
+    o.x = _, o.y = y, o.width = E - _, o.height = w - y;
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
@@ -919,7 +919,7 @@ function Te(e) {
 const st = function(e, t, n) {
   if (e) {
     if (this.clearSelection(), typeof e == "string") {
-      const o = L(e);
+      const o = M(e);
       return o ? this.selectNode(o) : void 0;
     }
     e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
@@ -1077,7 +1077,7 @@ function O(e) {
 }
 const Tt = function(e, t, n, o) {
   const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return w(s, {
+  return x(s, {
     "text-anchor": "middle",
     x: t + "",
     y: n + "",
@@ -1090,11 +1090,11 @@ const Tt = function(e, t, n, o) {
   const i = Z(e, t, o.delta1), r = Z(e, n, o.delta2), { x: l, y: c } = O(i), { ctrlX: d, ctrlY: a } = i, { ctrlX: u, ctrlY: h } = r, { x: p, y: m } = O(r), g = U(u, h, p, m), f = `M ${g.x1} ${g.y1} L ${p} ${m} L ${g.x2} ${g.y2}`;
   let v = "";
   if (o.bidirectional) {
-    const M = U(d, a, l, c);
-    v = `M ${M.x1} ${M.y1} L ${l} ${c} L ${M.x2} ${M.y2}`;
+    const S = U(d, a, l, c);
+    v = `M ${S.x1} ${S.y1} L ${l} ${c} L ${S.x2} ${S.y2}`;
   }
-  const y = We(`M ${l} ${c} C ${d} ${a} ${u} ${h} ${p} ${m}`, f, v), _ = l / 8 + d * 3 / 8 + u * 3 / 8 + p / 8, E = c / 8 + a * 3 / 8 + h * 3 / 8 + m / 8, x = Tt(o.label, _, E, e.theme.cssVar["--color"]);
-  y.appendChild(x), y.arrowObj = o, y.dataset.linkid = o.id, e.linkSvgGroup.appendChild(y), s || (e.arrows.push(o), e.currentArrow = y, Ae(e, o, i, r)), performance.now();
+  const _ = We(`M ${l} ${c} C ${d} ${a} ${u} ${h} ${p} ${m}`, f, v), y = l / 8 + d * 3 / 8 + u * 3 / 8 + p / 8, E = c / 8 + a * 3 / 8 + h * 3 / 8 + m / 8, w = Tt(o.label, y, E, e.theme.cssVar["--color"]);
+  _.appendChild(w), _.arrowObj = o, _.dataset.linkid = o.id, e.linkSvgGroup.appendChild(_), s || (e.arrows.push(o), e.currentArrow = _, Ae(e, o, i, r)), performance.now();
 }, $t = function(e, t, n = {}) {
   const o = {
     id: ee(),
@@ -1129,7 +1129,7 @@ const Tt = function(e, t, n, o) {
   });
 }, Nt = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = L(t.from), o = L(t.to), s = Z(this, n, t.delta1), i = Z(this, o, t.delta2);
+  const t = e.arrowObj, n = M(t.from), o = M(t.to), s = Z(this, n, t.delta1), i = Z(this, o, t.delta2);
   Ae(this, t, s, i);
 }, kt = function() {
   this.currentArrow = null, se(this);
@@ -1139,12 +1139,12 @@ const Tt = function(e, t, n, o) {
 }, Ae = function(e, t, n, o) {
   e.linkController.style.display = "initial", e.P2.style.display = "initial", e.P3.style.display = "initial", e.nodes.appendChild(e.linkController), e.nodes.appendChild(e.P2), e.nodes.appendChild(e.P3);
   let { x: s, y: i } = O(n), { ctrlX: r, ctrlY: l } = n, { ctrlX: c, ctrlY: d } = o, { x: a, y: u } = O(o);
-  e.P2.style.cssText = `top:${l}px;left:${r}px;`, e.P3.style.cssText = `top:${d}px;left:${c}px;`, w(e.line1, {
+  e.P2.style.cssText = `top:${l}px;left:${r}px;`, e.P3.style.cssText = `top:${d}px;left:${c}px;`, x(e.line1, {
     x1: s + "",
     y1: i + "",
     x2: r + "",
     y2: l + ""
-  }), w(e.line2, {
+  }), x(e.line2, {
     x1: c + "",
     y1: d + "",
     x2: a + "",
@@ -1160,10 +1160,10 @@ const Tt = function(e, t, n, o) {
       const v = U(r, l, s, i);
       e.currentArrow.children[2].setAttribute("d", `M ${v.x1} ${v.y1} L ${s} ${i} L ${v.x2} ${v.y2}`);
     }
-    w(e.currentArrow.children[3], {
+    x(e.currentArrow.children[3], {
       x: g + "",
       y: f + ""
-    }), w(e.line1, {
+    }), x(e.line1, {
       x1: s + "",
       y1: i + "",
       x2: r + "",
@@ -1176,10 +1176,10 @@ const Tt = function(e, t, n, o) {
     const m = O({ ...o, ctrlX: c, ctrlY: d });
     a = m.x, u = m.y;
     const g = s / 8 + r * 3 / 8 + c * 3 / 8 + a / 8, f = i / 8 + l * 3 / 8 + d * 3 / 8 + u / 8, v = U(c, d, a, u);
-    e.P3.style.top = d + "px", e.P3.style.left = c + "px", e.currentArrow.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${l} ${c} ${d} ${a} ${u}`), e.currentArrow.children[1].setAttribute("d", `M ${v.x1} ${v.y1} L ${a} ${u} L ${v.x2} ${v.y2}`), w(e.currentArrow.children[3], {
+    e.P3.style.top = d + "px", e.P3.style.left = c + "px", e.currentArrow.children[0].setAttribute("d", `M ${s} ${i} C ${r} ${l} ${c} ${d} ${a} ${u}`), e.currentArrow.children[1].setAttribute("d", `M ${v.x1} ${v.y1} L ${a} ${u} L ${v.x2} ${v.y2}`), x(e.currentArrow.children[3], {
       x: g + "",
       y: f + ""
-    }), w(e.line2, {
+    }), x(e.line2, {
       x1: c + "",
       y1: d + "",
       x2: a + "",
@@ -1192,7 +1192,7 @@ function Ht() {
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      $e(this, L(t.from), L(t.to), t, !0);
+      $e(this, M(t.from), M(t.to), t, !0);
     } catch {
     }
   }
@@ -1271,7 +1271,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   return t.setAttribute("id", e), t;
 }, ye = function(e, t) {
   const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  return w(n, {
+  return x(n, {
     d: e,
     stroke: t || "#666",
     fill: "none",
@@ -1280,32 +1280,32 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   }), n;
 }, be = function(e, t, n, o, s) {
   const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return w(i, {
+  return x(i, {
     "text-anchor": o,
     x: t + "",
     y: n + "",
     fill: s || "#666"
   }), i.innerHTML = e, i;
-}, jt = (e) => L(e).parentElement.parentElement, Rt = function({ parent: e, start: t }) {
-  const n = L(e), o = n.nodeObj;
+}, jt = (e) => M(e).parentElement.parentElement, Rt = function({ parent: e, start: t }) {
+  const n = M(e), o = n.nodeObj;
   let s;
-  return o.parent ? s = n.closest("me-main").className : s = L(o.children[t].id).closest("me-main").className, s;
+  return o.parent ? s = n.closest("me-main").className : s = M(o.children[t].id).closest("me-main").className, s;
 }, ie = function(e, t) {
-  var M;
-  const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = L(s).nodeObj, a = Rt(t);
+  var S;
+  const { id: n, text: o, parent: s, start: i, end: r } = t, l = e.nodes, d = M(s).nodeObj, a = Rt(t);
   let u = 1 / 0, h = 0, p = 0, m = 0;
   for (let q = i; q <= r; q++) {
-    const re = (M = d.children) == null ? void 0 : M[q];
+    const re = (S = d.children) == null ? void 0 : S[q];
     if (!re)
       return e.removeSummary(n), null;
     const I = jt(re.id), { offsetLeft: X, offsetTop: le } = H(l, I), ce = i === r ? 10 : 20;
     q === i && (p = le + ce), q === r && (m = le + I.offsetHeight - ce), X < u && (u = X), I.offsetWidth + X > h && (h = I.offsetWidth + X);
   }
   let g, f;
-  const v = p + 10, y = m + 10, _ = (v + y) / 2, E = e.theme.cssVar["--color"];
-  a === T.LHS ? (g = ye(`M ${u + 10} ${v} c -5 0 -10 5 -10 10 L ${u} ${y - 10} c 0 5 5 10 10 10 M ${u} ${_} h -10`, E), f = be(o, u - 20, _ + 6, "end", E)) : (g = ye(`M ${h - 10} ${v} c 5 0 10 5 10 10 L ${h} ${y - 10} c 0 5 -5 10 -10 10 M ${h} ${_} h 10`, E), f = be(o, h + 20, _ + 6, "start", E));
-  const x = Ot("s-" + n);
-  return x.appendChild(g), x.appendChild(f), x.summaryObj = t, e.summarySvg.appendChild(x), x;
+  const v = p + 10, _ = m + 10, y = (v + _) / 2, E = e.theme.cssVar["--color"];
+  a === T.LHS ? (g = ye(`M ${u + 10} ${v} c -5 0 -10 5 -10 10 L ${u} ${_ - 10} c 0 5 5 10 10 10 M ${u} ${y} h -10`, E), f = be(o, u - 20, y + 6, "end", E)) : (g = ye(`M ${h - 10} ${v} c 5 0 10 5 10 10 L ${h} ${_ - 10} c 0 5 -5 10 -10 10 M ${h} ${y} h 10`, E), f = be(o, h + 20, y + 6, "start", E));
+  const w = Ot("s-" + n);
+  return w.appendChild(g), w.appendChild(f), w.summaryObj = t, e.summarySvg.appendChild(w), w;
 }, qt = function() {
   let e = [];
   this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
@@ -1329,7 +1329,7 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   });
 }, Ft = function(e) {
   const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-  w(s, {
+  x(s, {
     x: t.x - n + "",
     y: t.y - n + "",
     width: t.width + n * 2 + "",
@@ -1370,12 +1370,12 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   renderSummary: Xt,
   selectSummary: Ft,
   unselectSummary: It
-}, Symbol.toStringTag, { value: "Module" })), C = "http://www.w3.org/2000/svg";
+}, Symbol.toStringTag, { value: "Module" })), L = "http://www.w3.org/2000/svg";
 function Kt(e, t) {
-  const n = document.createElementNS(C, "svg");
-  return w(n, {
+  const n = document.createElementNS(L, "svg");
+  return x(n, {
     version: "1.1",
-    xmlns: C,
+    xmlns: L,
     height: e,
     width: t
   }), n;
@@ -1384,12 +1384,12 @@ function Jt(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
 function Ut(e, t, n, o) {
-  const s = document.createElementNS(C, "g");
+  const s = document.createElementNS(L, "g");
   let i = "";
   return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
 `).forEach((l, c) => {
-    const d = document.createElementNS(C, "text");
-    w(d, {
+    const d = document.createElementNS(L, "text");
+    x(d, {
       x: n + parseInt(t.paddingLeft) + "",
       y: o + parseInt(t.paddingTop) + Jt(t.lineHeight, t.fontSize) * (c + 1) + parseFloat(t.fontSize) * (c + 1) + "",
       "text-anchor": "start",
@@ -1404,22 +1404,22 @@ function Qt(e, t, n, o) {
   var l;
   let s = "";
   (l = e.nodeObj) != null && l.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
-  const i = document.createElementNS(C, "foreignObject");
-  w(i, {
+  const i = document.createElementNS(L, "foreignObject");
+  x(i, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
     height: t.height
   });
   const r = document.createElement("div");
-  return w(r, {
+  return x(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
   }), r.innerHTML = s, i.appendChild(r), i;
 }
 function Zt(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(C, "rect");
-  return w(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(L, "rect");
+  return x(i, {
     x: o + "",
     y: s + "",
     rx: n.borderRadius,
@@ -1432,8 +1432,8 @@ function Zt(e, t) {
   }), i;
 }
 function G(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = H(e.nodes, t), r = document.createElementNS(C, "rect");
-  w(r, {
+  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = H(e.nodes, t), r = document.createElementNS(L, "rect");
+  x(r, {
     x: s + "",
     y: i + "",
     rx: o.borderRadius,
@@ -1444,14 +1444,14 @@ function G(e, t, n = !1) {
     stroke: o.borderColor,
     "stroke-width": o.borderWidth
   });
-  const l = document.createElementNS(C, "g");
+  const l = document.createElementNS(L, "g");
   l.appendChild(r);
   let c;
   return n ? c = Qt(t, o, s, i) : c = Ut(t, o, s, i), l.appendChild(c), l;
 }
 function en(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(C, "a"), r = document.createElementNS(C, "text");
-  return w(r, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(L, "a"), r = document.createElementNS(L, "text");
+  return x(r, {
     x: o + "",
     y: s + parseInt(n.fontSize) + "",
     "text-anchor": "start",
@@ -1462,8 +1462,8 @@ function en(e, t) {
   }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
 }
 function tn(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(C, "image");
-  return w(i, {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = H(e.nodes, t), i = document.createElementNS(L, "image");
+  return x(i, {
     x: o + "",
     y: s + "",
     width: n.width + "",
@@ -1473,8 +1473,8 @@ function tn(e, t) {
 }
 const K = 100, nn = '<?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">', on = (e, t = !1) => {
   var u, h, p;
-  const n = e.nodes, o = n.offsetHeight + K * 2, s = n.offsetWidth + K * 2, i = Kt(o + "px", s + "px"), r = document.createElementNS(C, "svg"), l = document.createElementNS(C, "rect");
-  w(l, {
+  const n = e.nodes, o = n.offsetHeight + K * 2, s = n.offsetWidth + K * 2, i = Kt(o + "px", s + "px"), r = document.createElementNS(L, "svg"), l = document.createElementNS(L, "rect");
+  x(l, {
     x: "0",
     y: "0",
     width: `${s}`,
@@ -1499,7 +1499,7 @@ const K = 100, nn = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "
     r.appendChild(en(e, m));
   }), n.querySelectorAll("img").forEach((m) => {
     r.appendChild(tn(e, m));
-  }), w(r, {
+  }), x(r, {
     x: K + "",
     y: K + "",
     overflow: "visible"
@@ -1541,7 +1541,7 @@ const ln = function(e = !1, t) {
   createParent: Oe,
   createChildren: je,
   createTopic: Re,
-  findEle: L,
+  findEle: M,
   changeTheme: nt,
   ...Lt,
   ...hn,
@@ -1575,7 +1575,7 @@ function fn({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: l, direction:
   const v = Math.abs(u - p) / 300 * a;
   return c === T.LHS ? (f = t, m = f + a, g = f - a, h = i + a, `M ${m} ${u} C ${f} ${u} ${f + v} ${p} ${g} ${p} H ${h}`) : (f = t + n, m = f - a, g = f + a, h = i + r - a, `M ${m} ${u} C ${f} ${u} ${f - v} ${p} ${g} ${p} H ${h}`);
 }
-const pn = "4.6.0", V = document;
+const pn = "4.6.1", V = document;
 function $({
   el: e,
   direction: t,
@@ -1594,17 +1594,18 @@ function $({
   generateSubBranch: m,
   overflowHidden: g,
   theme: f,
-  alignment: v
+  alignment: v,
+  scaleSensitivity: _
 }) {
   let y = null;
-  const _ = Object.prototype.toString.call(e);
-  if (_ === "[object HTMLDivElement]" ? y = e : _ === "[object String]" && (y = document.querySelector(e)), !y)
+  const E = Object.prototype.toString.call(e);
+  if (E === "[object HTMLDivElement]" ? y = e : E === "[object String]" && (y = document.querySelector(e)), !y)
     throw new Error("MindElixir: el is not a valid element");
-  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenu = i === void 0 ? !0 : i, this.toolBar = r === void 0 ? !0 : r, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = c || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = h === void 0 ? !1 : h, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = p || un, this.generateSubBranch = m || fn, this.overflowHidden = g || !1, this.bus = He.create(), this.container = V.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
-  const E = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = f || (E.matches ? we : xe);
-  const x = V.createElement("div");
-  x.className = "map-canvas", this.map = x, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("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 = de(), this.line2 = de(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.alignment = v ?? "root", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ke(this);
+  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = a || {}, this.locale = n || "en", this.contextMenu = i === void 0 ? !0 : i, this.toolBar = r === void 0 ? !0 : r, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = c || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = u || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = h === void 0 ? !1 : h, this.scaleSensitivity = typeof _ == "number" ? _ : 0.2, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = p || un, this.generateSubBranch = m || fn, this.overflowHidden = g || !1, this.bus = He.create(), this.container = V.createElement("div"), this.selectionContainer = d || this.container, this.container.className = "map-container";
+  const w = window.matchMedia("(prefers-color-scheme: dark)");
+  this.theme = f || (w.matches ? we : xe);
+  const S = V.createElement("div");
+  S.className = "map-canvas", this.map = S, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = V.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = W("lines"), this.summarySvg = W("summary"), this.linkController = W("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 = de(), this.line2 = de(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = W("topiclinks"), this.alignment = v ?? "root", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : ke(this);
 }
 $.prototype = dn;
 $.LEFT = j;
@@ -1613,7 +1614,7 @@ $.SIDE = ne;
 $.THEME = xe;
 $.DARK_THEME = we;
 $.version = pn;
-$.E = L;
+$.E = M;
 $.dragMoveHelper = k;
 export {
   $ as default

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ import { LEFT, RIGHT, SIDE, DARK_THEME, THEME } from './const';
 import { findEle } from './utils/dom';
 import dragMoveHelper from './utils/dragMoveHelper';
 import type { MindElixirData, MindElixirInstance, MindElixirMethods, Options } from './types/index';
-declare function MindElixir(this: MindElixirInstance, { el, direction, locale, draggable, editable, contextMenu, toolBar, keypress, mouseSelectionButton, selectionContainer, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, theme, alignment, }: Options): void;
+declare function MindElixir(this: MindElixirInstance, { el, direction, locale, draggable, editable, contextMenu, toolBar, keypress, mouseSelectionButton, selectionContainer, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, theme, alignment, scaleSensitivity, }: Options): void;
 declare namespace MindElixir {
     export var prototype: {
         init(this: MindElixirInstance, data: MindElixirData): Error | undefined;

package/dist/types/types/index.d.ts

@@ -125,6 +125,7 @@ export interface Options {
     theme?: Theme;
     selectionContainer?: string | HTMLElement;
     alignment?: Alignment;
+    scaleSensitivity?: number;
 }
 export type Uid = string;
 export type Left = 0;

package/package.json

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