mind-elixir 5.12.0 → 5.12.2-beta.0

package/dist/MindElixir.js

@@ -1,4 +1,4 @@
-const es = 0, ts = 1, ns = 2, fe = {
+const es = 0, ts = 1, ns = 2, G = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
@@ -53,24 +53,24 @@ const es = 0, ts = 1, ns = 2, fe = {
     "--map-padding": "50px 80px"
   }
 };
-function ae(e) {
+function de(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const ne = function(e, t) {
+const oe = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = ne(e, t.children[n]);
+      const o = oe(e, t.children[n]);
       if (o) return o;
     }
     return null;
   } else
     return null;
-}, R = (e, t) => {
+}, B = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      R(e.children[n], e);
+      B(e.children[n], e);
 }, F = (e, t, n) => {
   if (e.expanded = t, e.children)
     if (n === void 0 || n > 0) {
@@ -84,11 +84,11 @@ const ne = function(e, t) {
       });
 };
 function pe(e) {
-  if (e.id = B(), e.children)
+  if (e.id = R(), e.children)
     for (let t = 0; t < e.children.length; t++)
       pe(e.children[t]);
 }
-function oe(e, t, n, o) {
+function se(e, t, n, o) {
   const s = n - e, i = o - t, c = Math.atan2(i, s) * 180 / Math.PI, r = 12, a = 30, d = (c + 180 - a) * Math.PI / 180, h = (c + 180 + a) * Math.PI / 180;
   return {
     x1: n + Math.cos(d) * r,
@@ -97,11 +97,11 @@ function oe(e, t, n, o) {
     y2: o + Math.sin(h) * r
   };
 }
-function B() {
+function R() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substring(2)).substring(2, 18);
 }
 const pt = function() {
-  const e = B();
+  const e = R();
   return {
     topic: this.newTopicName,
     id: e
@@ -123,7 +123,7 @@ const M = (e, t) => {
 }, k = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, te = (e) => e ? e.tagName === "ME-TPC" : !1, me = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+}, ne = (e) => e ? e.tagName === "ME-TPC" : !1, me = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
   for (let s = 0; s < o.length; s++) {
     if (t === o[s]) continue;
     const { parent: i } = t.nodeObj;
@@ -150,11 +150,11 @@ const M = (e, t) => {
   return Math.sqrt(n * n + o * o);
 }, gt = function(e, t) {
   if (!t)
-    return ie(e), e;
+    return re(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
   return n || (n = document.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, ie = function(e) {
+}, re = function(e) {
   if (!e) return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
@@ -228,7 +228,7 @@ function wt(e, t, n) {
   const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
   if (!t.isDragging && l > vt && Je(e, t), !t.isDragging) return;
   const c = e.container.getBoundingClientRect();
-  Ue(t.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? t.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? t.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? t.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? t.edgeMoveController.move(0, -1) : t.edgeMoveController.stop(), ie(t.meet);
+  Ue(t.ghost, n.clientX - c.x, n.clientY - c.y), n.clientX < c.x + 50 ? t.edgeMoveController.move(1, 0) : n.clientX > c.x + c.width - 50 ? t.edgeMoveController.move(-1, 0) : n.clientY < c.y + 50 ? t.edgeMoveController.move(0, 1) : n.clientY > c.y + c.height - 50 ? t.edgeMoveController.move(0, -1) : t.edgeMoveController.stop(), re(t.meet);
   const r = 12 * e.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - r);
   if (Le(a, o)) {
     t.meet = a;
@@ -251,7 +251,7 @@ function xt(e, t, n) {
     t.edgeMoveController.stop();
     for (const s of o)
       s.parentElement.parentElement.style.opacity = "1";
-    t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (ie(t.meet), t.insertType === "before" ? e.moveNodeBefore(o, t.meet) : t.insertType === "after" ? e.moveNodeAfter(o, t.meet) : t.insertType === "in" && e.moveNodeIn(o, t.meet)), e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
+    t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (re(t.meet), t.insertType === "before" ? e.moveNodeBefore(o, t.meet) : t.insertType === "after" ? e.moveNodeAfter(o, t.meet) : t.insertType === "in" && e.moveNodeIn(o, t.meet)), e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
   }
 }
 function Ae(e, t) {
@@ -260,7 +260,7 @@ function Ae(e, t) {
     t.edgeMoveController.stop();
     for (const o of n)
       o.parentElement.parentElement.style.opacity = "1";
-    t.meet && ie(t.meet), t.ghost.style.display = "none", t.ghost.innerHTML = "", e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
+    t.meet && re(t.meet), t.ghost.style.display = "none", t.ghost.innerHTML = "", e.dragged = null, t.isDragging = !1, t.insertType = null, t.meet = null, t.pointerId = null;
   }
 }
 function Et(e) {
@@ -332,7 +332,7 @@ const H = {
   } else e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
     const n = document.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ae(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${de(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
     const n = document.createElement("div");
@@ -405,32 +405,32 @@ const Lt = function(e) {
 }, ve = function(e) {
   const t = document.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, K = (e) => {
+}, V = (e) => {
   const t = e.parent?.children, n = t?.indexOf(e) ?? 0;
   return { siblings: t, index: n };
 };
 function Mt(e) {
-  const { siblings: t, index: n } = K(e);
+  const { siblings: t, index: n } = V(e);
   if (t === void 0) return;
   const o = t[n];
   n === 0 ? (t[n] = t[t.length - 1], t[t.length - 1] = o) : (t[n] = t[n - 1], t[n - 1] = o);
 }
 function At(e) {
-  const { siblings: t, index: n } = K(e);
+  const { siblings: t, index: n } = V(e);
   if (t === void 0) return;
   const o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
 function et(e) {
-  const { siblings: t, index: n } = K(e);
+  const { siblings: t, index: n } = V(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
 function Pt(e, t, n) {
-  const { siblings: o, index: s } = K(n);
+  const { siblings: o, index: s } = V(n);
   o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
 }
 function Ot(e, t) {
-  const { siblings: n, index: o } = K(e);
+  const { siblings: n, index: o } = V(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
 function Ht(e, t, n) {
@@ -438,7 +438,7 @@ function Ht(e, t, n) {
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: o, index: s } = K(n);
+    const { siblings: o, index: s } = V(n);
     if (o === void 0) return;
     e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
   }
@@ -455,7 +455,7 @@ const $t = function({ map: e, direction: t }, n) {
 }, tt = function(e, t, n) {
   const o = n.children[0].children[0], s = t.parentElement;
   if (s.tagName === "ME-PARENT") {
-    if (G(o), s.children[1])
+    if (q(o), s.children[1])
       s.nextSibling.appendChild(n);
     else {
       const i = e.createChildren([n]);
@@ -473,7 +473,7 @@ const $t = function({ map: e, direction: t }, n) {
 }, nt = {
   before: "beforebegin",
   after: "afterend"
-}, G = function(e) {
+}, q = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   n?.tagName === "svg" && n?.remove();
 }, It = function(e, t) {
@@ -490,10 +490,10 @@ const $t = function({ map: e, direction: t }, n) {
   const o = t.nodeObj;
   o.expanded === !1 && (e.expandNode(t, !0), t = e.findEle(o.id));
   const s = n || e.generateNewObj();
-  o.children ? o.children.push(s) : o.children = [s], R(e.nodeData);
+  o.children ? o.children.push(s) : o.children = [s], B(e.nodeData);
   const { grp: i, top: l } = e.createWrapper(s);
   return tt(e, t, i), { newTop: l, newNodeObj: s };
-}, Rt = function(e, t, n) {
+}, Bt = function(e, t, n) {
   const o = t || this.currentNode;
   if (!o) return;
   const s = o.nodeObj;
@@ -514,22 +514,22 @@ const $t = function({ map: e, direction: t }, n) {
     const a = o.closest("me-main").className === H.LHS ? 0 : 1;
     i.direction = a;
   }
-  Pt(i, e, s), R(this.nodeData);
+  Pt(i, e, s), B(this.nodeData);
   const l = o.parentElement, { grp: c, top: r } = this.createWrapper(i);
   l.parentElement.insertAdjacentElement(nt[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(r.firstChild), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
     obj: i
   }), this.selectNode(r.firstChild, !0);
-}, Bt = function(e, t) {
+}, Rt = function(e, t) {
   const n = e || this.currentNode;
   if (!n) return;
-  G(n);
+  q(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
   const s = t || this.generateNewObj();
-  Ot(o, s), R(this.nodeData);
+  Ot(o, s), B(this.nodeData);
   const i = n.parentElement.parentElement, { grp: l, top: c } = this.createWrapper(s, !0);
   c.appendChild(ve(!0)), i.insertAdjacentElement("afterend", l);
   const r = this.createChildren([i]);
@@ -581,7 +581,7 @@ const $t = function({ map: e, direction: t }, n) {
     name: "moveUpNode",
     obj: n
   });
-}, Kt = function(e) {
+}, Vt = function(e) {
   const t = e || this.currentNode;
   if (!t) return;
   const n = t.nodeObj;
@@ -591,7 +591,7 @@ const $t = function({ map: e, direction: t }, n) {
     name: "moveDownNode",
     obj: n
   });
-}, Vt = function(e) {
+}, Kt = function(e) {
   if (e = me(e), e.length === 0) return;
   for (const n of e) {
     const o = n.nodeObj, s = et(o);
@@ -609,11 +609,11 @@ const $t = function({ map: e, direction: t }, n) {
   const i = [];
   for (const c of e) {
     const r = c.nodeObj;
-    if (Ht(t, r, s), R(o.nodeData), t === "in") {
+    if (Ht(t, r, s), B(o.nodeData), t === "in") {
       const a = c.parentElement;
       tt(o, n, a.parentElement);
     } else {
-      G(c);
+      q(c);
       const a = c.parentElement.parentNode;
       i.includes(a.parentElement) || i.push(a.parentElement), n.parentElement.parentNode.insertAdjacentElement(nt[t], a);
     }
@@ -644,16 +644,16 @@ const $t = function({ map: e, direction: t }, n) {
   beginEdit: Ut,
   copyNode: Yt,
   copyNodes: Xt,
-  insertParent: Bt,
-  insertSibling: Rt,
-  moveDownNode: Kt,
+  insertParent: Rt,
+  insertSibling: Bt,
+  moveDownNode: Vt,
   moveNodeAfter: qt,
   moveNodeBefore: Gt,
   moveNodeIn: zt,
   moveUpNode: Ft,
-  removeNodes: Vt,
+  removeNodes: Kt,
   reshapeNode: It,
-  rmSubline: G,
+  rmSubline: q,
   setNodeTopic: Jt
 }, Symbol.toStringTag, { value: "Module" }));
 function Zt(e) {
@@ -662,7 +662,9 @@ function Zt(e) {
     arrows: e.arrows,
     summaries: e.summaries,
     direction: e.direction,
-    theme: e.theme
+    theme: e.theme,
+    compact: e.compact,
+    meta: e.meta
   };
 }
 const Qt = function(e, t = !1) {
@@ -752,7 +754,7 @@ const Qt = function(e, t = !1) {
     x: o.left,
     y: o.top
   }, i = e.parentNode, l = i.children[1];
-  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", G(e), n.expanded) {
+  if (l.expanded = n.expanded, l.className = n.expanded ? "minus" : "", q(e), n.expanded) {
     const h = this.createChildren(
       n.children.map((u) => this.createWrapper(u).grp)
     );
@@ -777,7 +779,7 @@ const Qt = function(e, t = !1) {
   }, c = s.x - l.x, r = s.y - l.y;
   this.move(c, r);
 }, xn = function(e) {
-  this.clearSelection(), e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.theme && this.changeTheme(e.theme)), R(this.nodeData), this.layout(), this.linkDiv();
+  this.clearSelection(), e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || [], e.meta && (this.meta = e.meta), e.theme && this.changeTheme(e.theme)), B(this.nodeData), this.layout(), this.linkDiv();
 }, En = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   cancelFocus: gn,
@@ -1066,7 +1068,7 @@ function Pn(e) {
   }, h = (f) => {
     if (!e.editable) return;
     const y = f.target;
-    if (te(y)) {
+    if (ne(y)) {
       e.selectNode(y), e.beginEdit(y);
       return;
     }
@@ -1083,7 +1085,7 @@ function Pn(e) {
       return;
     }
     if (t.handlePointerDown(f), t.mousedown && (e.ptState = i.Pan), f.button === 0 || f.pointerType === "touch")
-      if (te(y)) {
+      if (ne(y)) {
         e.selection?.cancel();
         const S = e.currentNodes || [];
         if (f.ctrlKey || f.metaKey || e.mobileMultiSelect ? S.includes(y) ? o = y : ((e.currentArrow || e.currentSummary) && e.clearSelection(), e.selection?.select(y)) : S.includes(y) || e.selectNode(y), !e.editable) return;
@@ -1128,7 +1130,7 @@ function Pn(e) {
     f.preventDefault(), f.button === 2 && e.editable && setTimeout(() => {
       if (e.panHelper.moved || e.ptState !== i.Idle && e.ptState !== i.Pan) return;
       const y = f.target;
-      te(y) && !y.classList.contains("selected") && e.selectNode(y), e.bus.fire("showContextMenu", f);
+      ne(y) && !y.classList.contains("selected") && e.selectNode(y), e.bus.fire("showContextMenu", f);
     }, 200);
   }, m = (f) => {
     if (f.stopPropagation(), f.preventDefault(), f.ctrlKey || f.metaKey) return Mn(e, f);
@@ -1176,11 +1178,11 @@ function On() {
     }
   };
 }
-const A = "http://www.w3.org/2000/svg", re = function(e) {
+const A = "http://www.w3.org/2000/svg", le = function(e) {
   const t = e.clientWidth, n = e.clientHeight, o = e.dataset, s = Number(o.x), i = Number(o.y), l = o.anchor;
   let c = s;
   l === "middle" ? c = s - t / 2 : l === "end" && (c = s - t), e.style.left = `${c}px`, e.style.top = `${i - n / 2}px`, e.style.visibility = "visible";
-}, de = function(e, t, n, o) {
+}, he = function(e, t, n, o) {
   const { anchor: s = "middle", color: i, dataType: l, svgId: c } = o, r = document.createElement("div");
   r.className = "svg-label", r.style.color = i || "#666";
   const a = "label-" + c;
@@ -1250,7 +1252,7 @@ const A = "http://www.w3.org/2000/svg", re = function(e) {
   }), s.addEventListener("blur", () => {
     if (!s) return;
     const i = s.innerText?.trim() || "";
-    i === "" ? n.label = o : n.label = i, t.style.opacity = "1", s.remove(), i !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, re(t), "parent" in n ? e.bus.fire("operation", {
+    i === "" ? n.label = o : n.label = i, t.style.opacity = "1", s.remove(), i !== o && (e.markdown ? t.innerHTML = e.markdown(n.label, n) : t.textContent = n.label, le(t), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -1309,7 +1311,7 @@ function In(e, t) {
     return x.innerText = y, x.className = "tips", x;
   }, s = (y, x, S) => {
     const C = document.createElement("li");
-    return C.id = y, C.innerHTML = `<span>${ae(x)}</span><span ${S ? 'class="key"' : ""}>${ae(S)}</span>`, C;
+    return C.id = y, C.innerHTML = `<span>${de(x)}</span><span ${S ? 'class="key"' : ""}>${de(S)}</span>`, C;
   }, i = t.locale, l = s("cm-add_child", i.addChild, "Tab"), c = s("cm-add_parent", i.addParent, "Ctrl + Enter"), r = s("cm-add_sibling", i.addSibling, "Enter"), a = s("cm-remove_child", i.removeNode, "Delete"), d = s("cm-fucus", i.focus, ""), h = s("cm-unfucus", i.cancelFocus, ""), u = s("cm-up", i.moveUp, "PgUp"), b = s("cm-down", i.moveDown, "Pgdn"), v = s("cm-link", i.link, ""), p = s("cm-link-bidirectional", i.linkBidirectional, ""), g = s("cm-summary", i.summary, ""), m = document.createElement("ul");
   if (m.className = "menu-list", m.appendChild(l), m.appendChild(c), m.appendChild(r), m.appendChild(a), t.focus && (m.appendChild(d), m.appendChild(h)), m.appendChild(u), m.appendChild(b), m.appendChild(g), t.link && (m.appendChild(v), m.appendChild(p)), t && t.extend)
     for (let y = 0; y < t.extend.length; y++) {
@@ -1323,7 +1325,7 @@ function In(e, t) {
   let E = !0;
   const N = (y) => {
     const x = y.target;
-    if (te(x)) {
+    if (ne(x)) {
       x.parentElement.tagName === "ME-ROOT" ? E = !0 : E = !1, E ? (d.className = "disabled", u.className = "disabled", b.className = "disabled", c.className = "disabled", r.className = "disabled", a.className = "disabled") : (d.className = "", u.className = "", b.className = "", c.className = "", r.className = "", a.className = ""), w.hidden = !1, m.style.top = "", m.style.bottom = "", m.style.left = "", m.style.right = "";
       const S = m.offsetHeight, C = m.offsetWidth, T = m.getBoundingClientRect(), D = y.clientY - T.top, L = y.clientX - T.left;
       S + D > window.innerHeight ? (m.style.top = "", m.style.bottom = "0px") : (m.style.bottom = "", m.style.top = D + 15 + "px"), C + L > window.innerWidth ? (m.style.left = "", m.style.right = "0px") : (m.style.right = "", m.style.left = L + 10 + "px");
@@ -1369,7 +1371,7 @@ function In(e, t) {
     l.onclick = null, c.onclick = null, r.onclick = null, a.onclick = null, d.onclick = null, h.onclick = null, u.onclick = null, b.onclick = null, v.onclick = null, g.onclick = null, w.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const Rn = function(e) {
+const Bn = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -1384,7 +1386,7 @@ const Rn = function(e) {
     value: [e.obj.id]
   };
 };
-function Bn(e) {
+function Rn(e) {
   let t = [], n = -1, o = e.getData(), s = [];
   e.undo = function() {
     if (n > -1) {
@@ -1417,7 +1419,7 @@ function Bn(e) {
       prev: o,
       operation: r.name,
       currentSelected: s.map((h) => h.id),
-      currentTarget: Rn(r),
+      currentTarget: Bn(r),
       next: a
     };
     t.push(d), o = a, n = t.length - 1;
@@ -1430,13 +1432,13 @@ function Bn(e) {
     e.bus.removeListener("operation", i), e.bus.removeListener("selectNodes", c), e.container.removeEventListener("keydown", l);
   };
 }
-const Wn = '<?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"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', Yn = '<?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"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', Xn = '<?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"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', Fn = '<?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"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', Kn = '<?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"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', Vn = '<?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"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', zn = '<?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"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>', Gn = {
+const Wn = '<?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"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', Yn = '<?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"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', Xn = '<?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"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', Fn = '<?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"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', Vn = '<?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"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', Kn = '<?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"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', zn = '<?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"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>', Gn = {
   side: Wn,
   left: Yn,
   right: Xn,
   full: Fn,
-  living: Kn,
-  zoomin: Vn,
+  living: Vn,
+  zoomin: Kn,
   zoomout: zn
 }, I = (e, t) => {
   const n = document.createElement("span");
@@ -1511,7 +1513,7 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e },
     for (const [o, s] of Object.entries(t))
       s !== void 0 && (e[o] = Ie(s));
   else n !== void 0 && (e[t] = Ie(n));
-}, Re = (e = 0, t = 0, n = 0, o = 0) => {
+}, Be = (e = 0, t = 0, n = 0, o = 0) => {
   const s = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
   return { ...s, toJSON: () => JSON.stringify(s) };
 }, Qn = (e) => {
@@ -1526,7 +1528,7 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e },
       cancelAnimationFrame(n), o = !1;
     }
   };
-}, Be = (e, t, n = "touch") => {
+}, Re = (e, t, n = "touch") => {
   switch (n) {
     case "center": {
       const o = t.left + t.width / 2, s = t.top + t.height / 2;
@@ -1537,16 +1539,16 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e },
     case "touch":
       return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-}, eo = () => matchMedia("(hover: none), (pointer: coarse)").matches, to = () => "safari" in window, he = (e) => Array.isArray(e) ? e : [e], ct = (e) => (t, n, o, s = {}) => {
-  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = he(n), t = he(t);
+}, eo = () => matchMedia("(hover: none), (pointer: coarse)").matches, to = () => "safari" in window, fe = (e) => Array.isArray(e) ? e : [e], ct = (e) => (t, n, o, s = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = fe(n), t = fe(t);
   for (const i of t)
     if (i)
       for (const l of n)
         i[e](l, o, { capture: !1, ...s });
-}, W = ct("addEventListener"), O = ct("removeEventListener"), J = (e) => {
+}, W = ct("addEventListener"), O = ct("removeEventListener"), Z = (e) => {
   const { clientX: t, clientY: n, target: o } = e.touches?.[0] ?? e;
   return { x: t, y: n, target: o };
-}, Y = (e, t = document) => he(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), no = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
+}, Y = (e, t = document) => fe(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), no = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
   switch (o) {
     case "alt":
       return e.altKey;
@@ -1579,7 +1581,7 @@ class oo extends Zn {
   _latestElement;
   // Dynamically constructed area rect
   _areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 };
-  _areaRect = Re();
+  _areaRect = Be();
   // If a single click is being performed, it's a single-click until the user dragged the mouse
   _singleClick = !0;
   _frame;
@@ -1652,11 +1654,11 @@ class oo extends Zn {
     (t ? W : O)(n, "pointerdown", this._onTapStart);
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = J(t), { document: l, startAreas: c, boundaries: r, behaviour: a, features: d } = this._options, h = i.getBoundingClientRect();
+    const { x: o, y: s, target: i } = Z(t), { document: l, startAreas: c, boundaries: r, behaviour: a, features: d } = this._options, h = i.getBoundingClientRect();
     if (!no(t, a.triggers))
       return;
     const u = Y(c, l), b = Y(r, l);
-    this._targetElement = b.find((m) => Be(m.getBoundingClientRect(), h));
+    this._targetElement = b.find((m) => Re(m.getBoundingClientRect(), h));
     const v = t.composedPath(), p = u.find((m) => v.includes(m));
     if (this._targetBoundary = b.find((m) => v.includes(m)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
@@ -1668,7 +1670,7 @@ class oo extends Zn {
     const {
       singleTap: { intersect: n },
       range: o
-    } = this._options.features, s = J(t);
+    } = this._options.features, s = Z(t);
     let i;
     if (n === "native")
       i = s.target;
@@ -1704,7 +1706,7 @@ class oo extends Zn {
       container: n,
       document: o,
       behaviour: { startThreshold: s }
-    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = J(t);
+    } = this._options, { x1: i, y1: l } = this._areaLocation, { x: c, y: r } = Z(t);
     if (
       // Single number for both coordinates
       typeof s == "number" && j(c + r - (i + l)) >= s || // Different x and y threshold
@@ -1739,7 +1741,7 @@ class oo extends Zn {
     }));
   }
   _onTapMove(t) {
-    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, { x: c, y: r } = J(t);
+    const { _scrollSpeed: n, _areaLocation: o, _options: s, _frame: i } = this, { speedDivider: l } = s.behaviour.scrolling, { x: c, y: r } = Z(t);
     if (o.x2 = c, o.y2 = r, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
       const a = () => {
@@ -1783,7 +1785,7 @@ class oo extends Zn {
     } = s;
     r < i.left + d.x ? (t.x = -j(i.left - r + d.x), r = r < i.left ? i.left : r) : r > i.right - d.x ? (t.x = j(i.left + i.width - r - d.x), r = r > i.right ? i.right : r) : t.x = 0, a < i.top + d.y ? (t.y = -j(i.top - a + d.y), a = a < i.top ? i.top : a) : a > i.bottom - d.y ? (t.y = j(i.top + i.height - a - d.y), a = a > i.bottom ? i.bottom : a) : t.y = 0;
     const h = Ye(l, r), u = Ye(c, a), b = We(l, r), v = We(c, a);
-    this._areaRect = Re(h, u, b - h, v - u);
+    this._areaRect = Be(h, u, b - h, v - u);
   }
   _redrawSelectionArea() {
     const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
@@ -1797,7 +1799,7 @@ class oo extends Zn {
     const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: l, touched: c } = o, { intersect: r, overlap: a } = n.behaviour, d = a === "invert", h = [], u = [], b = [];
     for (let p = 0; p < t.length; p++) {
       const g = t[p];
-      if (Be(s, g.getBoundingClientRect(), r)) {
+      if (Re(s, g.getBoundingClientRect(), r)) {
         if (l.includes(g))
           i.includes(g) && !c.includes(g) && c.push(g);
         else if (d && i.includes(g)) {
@@ -2014,10 +2016,17 @@ function so(e) {
   e.selection = n;
 }
 const io = function(e, t = !0) {
-  this.theme = e;
+  this.theme = {
+    ...this.theme || G,
+    ...e,
+    cssVar: {
+      ...this.theme?.cssVar || G.cssVar,
+      ...e.cssVar || {}
+    }
+  }, this.theme.generateMainBranch !== void 0 && (this.generateMainBranch = this.theme.generateMainBranch), this.theme.generateSubBranch !== void 0 && (this.generateSubBranch = this.theme.generateSubBranch);
   const o = {
-    ...(e.type === "dark" ? ue : fe).cssVar,
-    ...e.cssVar
+    ...(this.theme.type === "dark" ? ue : G).cssVar,
+    ...this.theme.cssVar
   };
   this.compact && (o["--node-gap-x"] = "15px", o["--node-gap-y"] = "2px", o["--main-gap-x"] = "30px", o["--main-gap-y"] = "6px");
   const s = Object.keys(o);
@@ -2063,7 +2072,7 @@ const io = function(e, t = !0) {
       this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Ke = {
+}, Ve = {
   create: lo
 }, at = "#4dc4ff";
 function dt(e, t, n, o, s, i, l, c) {
@@ -2073,9 +2082,9 @@ function dt(e, t, n, o, s, i, l, c) {
   };
 }
 function co(e, t, n) {
-  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), re(e));
+  e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), le(e));
 }
-function Z(e, t, n, o, s) {
+function Q(e, t, n, o, s) {
   k(e, {
     x1: t + "",
     y1: n + "",
@@ -2083,7 +2092,7 @@ function Z(e, t, n, o, s) {
     y2: s + ""
   });
 }
-function Ve(e, t, n, o, s, i, l, c, r, a) {
+function Ke(e, t, n, o, s, i, l, c, r, a) {
   const d = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${c} ${r}`;
   if (e.line.setAttribute("d", d), a.style) {
     const p = a.style;
@@ -2091,7 +2100,7 @@ function Ve(e, t, n, o, s, i, l, c, r, a) {
   }
   const h = e.querySelectorAll('path[stroke="transparent"]');
   h.length > 0 && h[0].setAttribute("d", d);
-  const u = oe(i, l, c, r);
+  const u = se(i, l, c, r);
   if (u) {
     const p = `M ${u.x1} ${u.y1} L ${c} ${r} L ${u.x2} ${u.y2}`;
     if (e.arrow1.setAttribute("d", p), h.length > 1 && h[1].setAttribute("d", p), a.style) {
@@ -2100,7 +2109,7 @@ function Ve(e, t, n, o, s, i, l, c, r, a) {
     }
   }
   if (a.bidirectional) {
-    const p = oe(o, s, t, n);
+    const p = se(o, s, t, n);
     if (p) {
       const g = `M ${p.x1} ${p.y1} L ${t} ${n} L ${p.x2} ${p.y2}`;
       if (e.arrow2.setAttribute("d", g), h.length > 2 && h[2].setAttribute("d", g), a.style) {
@@ -2116,7 +2125,7 @@ function Ve(e, t, n, o, s, i, l, c, r, a) {
   }
   yo(e);
 }
-function se(e, t, n) {
+function ie(e, t, n) {
   const { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = t.offsetWidth, l = t.offsetHeight, c = o + i / 2, r = s + l / 2, a = c + n.x, d = r + n.y;
   return {
     w: i,
@@ -2162,27 +2171,27 @@ const ao = function(e, t, n) {
     const C = ao(e, t, n);
     o.delta1 = C.delta1, o.delta2 = C.delta2;
   }
-  const i = se(e, t, o.delta1), l = se(e, n, o.delta2), { x: c, y: r } = X(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: b, y: v } = X(l), p = oe(h, u, b, v);
+  const i = ie(e, t, o.delta1), l = ie(e, n, o.delta2), { x: c, y: r } = X(i), { ctrlX: a, ctrlY: d } = i, { ctrlX: h, ctrlY: u } = l, { x: b, y: v } = X(l), p = se(h, u, b, v);
   if (!p) return;
   const g = `M ${p.x1} ${p.y1} L ${b} ${v} L ${p.x2} ${p.y2}`;
   let m = "";
   if (o.bidirectional) {
-    const C = oe(a, d, c, r);
+    const C = se(a, d, c, r);
     if (!C) return;
     m = `M ${C.x1} ${C.y1} L ${c} ${r} L ${C.x2} ${C.y2}`;
   }
   const w = Hn(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${b} ${v}`, g, m, o.style), { x: E, y: N } = dt(c, r, a, d, h, u, b, v), f = o.style?.labelColor || "rgb(235, 95, 82)", y = "a-" + o.id;
   w.id = y;
-  const x = e.markdown ? e.markdown(o.label, o) : o.label, S = de(x, E, N, {
+  const x = e.markdown ? e.markdown(o.label, o) : o.label, S = he(x, E, N, {
     anchor: "middle",
     color: f,
     dataType: "arrow",
     svgId: y
   });
-  w.labelEl = S, w.arrowObj = o, w.dataset.linkid = o.id, e.labelContainer.appendChild(S), e.arrowSvg.appendChild(w), re(S), s || (e.arrows.push(o), e.currentArrow = w, ft(e, o, i, l));
+  w.labelEl = S, w.arrowObj = o, w.dataset.linkid = o.id, e.labelContainer.appendChild(S), e.arrowSvg.appendChild(w), le(S), s || (e.arrows.push(o), e.currentArrow = w, ft(e, o, i, l));
 }, ho = function(e, t, n = {}) {
   const o = {
-    id: B(),
+    id: R(),
     label: "Custom Link",
     from: e.nodeObj.id,
     to: t.nodeObj.id,
@@ -2193,8 +2202,8 @@ const ao = function(e, t, n) {
     obj: o
   });
 }, fo = function(e) {
-  le(this);
-  const t = { ...e, id: B() };
+  ce(this);
+  const t = { ...e, id: R() };
   Se(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
@@ -2202,7 +2211,7 @@ const ao = function(e, t, n) {
 }, uo = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t) return;
-  le(this);
+  ce(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.labelEl?.remove(), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -2212,11 +2221,11 @@ const ao = function(e, t, n) {
   });
 }, po = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = se(this, n, t.delta1), i = se(this, o, t.delta2);
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s = ie(this, n, t.delta1), i = ie(this, o, t.delta2);
   this.editable ? ft(this, t, s, i) : ht(e, at), this.bus.fire("selectArrow", t);
 }, go = function() {
-  le(this), this.currentArrow = null, this.bus.fire("unselectArrow");
-}, ce = function(e, t) {
+  ce(this), this.currentArrow = null, this.bus.fire("unselectArrow");
+}, ae = function(e, t) {
   const n = document.createElementNS(A, "path");
   return k(n, {
     d: e,
@@ -2229,11 +2238,11 @@ const ao = function(e, t, n) {
 }, ht = function(e, t) {
   const n = document.createElementNS(A, "g");
   n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
-  const o = ce(e.line.getAttribute("d"), t);
+  const o = ae(e.line.getAttribute("d"), t);
   n.appendChild(o);
-  const s = ce(e.arrow1.getAttribute("d"), t);
+  const s = ae(e.arrow1.getAttribute("d"), t);
   if (n.appendChild(s), e.arrow2.getAttribute("d")) {
-    const i = ce(e.arrow2.getAttribute("d"), t);
+    const i = ae(e.arrow2.getAttribute("d"), t);
     n.appendChild(i);
   }
   e.insertBefore(n, e.firstChild);
@@ -2245,21 +2254,21 @@ const ao = function(e, t, n) {
   if (!t) return;
   const n = t.querySelectorAll("path");
   n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
-}, le = function(e) {
+}, ce = function(e) {
   e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && mo(e.currentArrow);
 }, ft = function(e, t, n, o) {
   const { linkController: s, P2: i, P3: l, line1: c, line2: r, nodes: a, map: d, currentArrow: h, bus: u } = e;
   if (!h) return;
   s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), ht(h, at);
   let { x: b, y: v } = X(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: w } = o, { x: E, y: N } = X(o);
-  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${w}px;left:${m}px;`, Z(c, b, v, p, g), Z(r, m, w, E, N), e.helper1 = Ke.create(i), e.helper2 = Ke.create(l), e.helper1.init(d, (f, y) => {
+  i.style.cssText = `top:${g}px;left:${p}px;`, l.style.cssText = `top:${w}px;left:${m}px;`, Q(c, b, v, p, g), Q(r, m, w, E, N), e.helper1 = Ve.create(i), e.helper2 = Ve.create(l), e.helper1.init(d, (f, y) => {
     p = p + f / e.scaleVal, g = g + y / e.scaleVal;
     const x = X({ ...n, ctrlX: p, ctrlY: g });
-    b = x.x, v = x.y, i.style.top = g + "px", i.style.left = p + "px", Ve(h, b, v, p, g, m, w, E, N, t), Z(c, b, v, p, g), t.delta1.x = Math.round(p - n.cx), t.delta1.y = Math.round(g - n.cy), u.fire("updateArrowDelta", t);
+    b = x.x, v = x.y, i.style.top = g + "px", i.style.left = p + "px", Ke(h, b, v, p, g, m, w, E, N, t), Q(c, b, v, p, g), t.delta1.x = Math.round(p - n.cx), t.delta1.y = Math.round(g - n.cy), u.fire("updateArrowDelta", t);
   }), e.helper2.init(d, (f, y) => {
     m = m + f / e.scaleVal, w = w + y / e.scaleVal;
     const x = X({ ...o, ctrlX: m, ctrlY: w });
-    E = x.x, N = x.y, l.style.top = w + "px", l.style.left = m + "px", Ve(h, b, v, p, g, m, w, E, N, t), Z(r, m, w, E, N), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(w - o.cy), u.fire("updateArrowDelta", t);
+    E = x.x, N = x.y, l.style.top = w + "px", l.style.left = m + "px", Ke(h, b, v, p, g, m, w, E, N, t), Q(r, m, w, E, N), t.delta2.x = Math.round(m - o.cx), t.delta2.y = Math.round(w - o.cy), u.fire("updateArrowDelta", t);
   });
 };
 function bo() {
@@ -2274,10 +2283,10 @@ function bo() {
   this.nodes.appendChild(this.arrowSvg);
 }
 function vo(e) {
-  le(this), e && e.labelEl && rt(this, e.labelEl, e.arrowObj);
+  ce(this), e && e.labelEl && rt(this, e.labelEl, e.arrowObj);
 }
 function wo() {
-  this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
+  this.arrows = this.arrows.filter((e) => oe(e.from, this.nodeData) && oe(e.to, this.nodeData));
 }
 const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -2345,27 +2354,27 @@ const xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Ne = function(e, t) {
   const { id: n, label: o, parent: s, start: i, end: l, style: c } = t, { nodes: r, theme: a, summarySvg: d } = e, u = e.findEle(s).nodeObj, b = No(e, t);
   let v = 1 / 0, p = 0, g = 0, m = 0;
-  for (let V = i; V <= l; V++) {
-    const Te = u.children?.[V];
+  for (let K = i; K <= l; K++) {
+    const Te = u.children?.[K];
     if (!Te)
       return e.removeSummary(n), null;
-    const q = So(e.findEle(Te.id)), { offsetLeft: U, offsetTop: ke } = M(r, q), _e = i === l ? 10 : 20;
-    V === i && (g = ke + _e), V === l && (m = ke + q.offsetHeight - _e), U < v && (v = U), q.offsetWidth + U > p && (p = q.offsetWidth + U);
+    const U = So(e.findEle(Te.id)), { offsetLeft: J, offsetTop: ke } = M(r, U), _e = i === l ? 10 : 20;
+    K === i && (g = ke + _e), K === l && (m = ke + U.offsetHeight - _e), J < v && (v = J), U.offsetWidth + J > p && (p = U.offsetWidth + J);
   }
   let w, E;
   const N = u.parent ? 10 : 0, f = g + N, y = m + N, x = (f + y) / 2, S = c?.stroke || a.cssVar["--color"], C = c?.labelColor || a.cssVar["--color"], T = "s-" + n, D = e.markdown ? e.markdown(o, t) : o;
-  b === H.LHS ? (w = ze(`M ${v + 10} ${f} c -5 0 -10 5 -10 10 L ${v} ${y - 10} c 0 5 5 10 10 10 M ${v} ${x} h -10`, S), E = de(D, v - 20, x, { anchor: "end", color: C, dataType: "summary", svgId: T })) : (w = ze(`M ${p - 10} ${f} c 5 0 10 5 10 10 L ${p} ${y - 10} c 0 5 -5 10 -10 10 M ${p} ${x} h 10`, S), E = de(D, p + 20, x, { anchor: "start", color: C, dataType: "summary", svgId: T }));
+  b === H.LHS ? (w = ze(`M ${v + 10} ${f} c -5 0 -10 5 -10 10 L ${v} ${y - 10} c 0 5 5 10 10 10 M ${v} ${x} h -10`, S), E = he(D, v - 20, x, { anchor: "end", color: C, dataType: "summary", svgId: T })) : (w = ze(`M ${p - 10} ${f} c 5 0 10 5 10 10 L ${p} ${y - 10} c 0 5 -5 10 -10 10 M ${p} ${x} h 10`, S), E = he(D, p + 20, x, { anchor: "start", color: C, dataType: "summary", svgId: T }));
   const L = Co(T);
-  return L.appendChild(w), e.labelContainer.appendChild(E), re(E), L.summaryObj = t, L.labelEl = E, d.appendChild(L), L;
+  return L.appendChild(w), e.labelContainer.appendChild(E), le(E), L.summaryObj = t, L.labelEl = E, d.appendChild(L), L;
 }, To = function(e = {}) {
   if (!this.currentNodes) return;
-  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = Eo(t), c = { id: B(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Ne(this, c);
+  const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = Eo(t), c = { id: R(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Ne(this, c);
   n.push(c), this.editSummary(r), o.fire("operation", {
     name: "createSummary",
     obj: c
   });
 }, ko = function(e) {
-  const t = B(), n = { ...e, id: t };
+  const t = R(), n = { ...e, id: t };
   Ne(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
@@ -2459,7 +2468,7 @@ function Io(e, t) {
     "stroke-width": n.borderWidth
   }), i;
 }
-function Q(e, t, n = !1) {
+function ee(e, t, n = !1) {
   const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = M(e.nodes, t), l = document.createElementNS(_, "rect");
   k(l, {
     x: s + "",
@@ -2477,7 +2486,7 @@ function Q(e, t, n = !1) {
   let r;
   return n ? r = jo(t, o, s, i) : r = $o(t, o, s, i), c.appendChild(r), c;
 }
-function Ro(e, t) {
+function Bo(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = document.createElementNS(_, "a"), l = document.createElementNS(_, "text");
   return k(l, {
     x: o + "",
@@ -2489,7 +2498,7 @@ function Ro(e, t) {
     fill: `${n.color}`
   }), l.innerHTML = t.textContent, i.appendChild(l), i.setAttribute("href", t.href), i;
 }
-function Bo(e, t) {
+function Ro(e, t) {
   const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = M(e.nodes, t), i = document.createElementNS(_, "image");
   return k(i, {
     x: o + "",
@@ -2499,8 +2508,8 @@ function Bo(e, t) {
     href: t.src
   }), i;
 }
-const ee = 100, Wo = '<?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">', Yo = (e, t = !1) => {
-  const n = e.nodes, o = n.offsetHeight + ee * 2, s = n.offsetWidth + ee * 2, i = Oo(o + "px", s + "px"), l = document.createElementNS(_, "svg"), c = document.createElementNS(_, "rect");
+const te = 100, Wo = '<?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">', Yo = (e, t = !1) => {
+  const n = e.nodes, o = n.offsetHeight + te * 2, s = n.offsetWidth + te * 2, i = Oo(o + "px", s + "px"), l = document.createElementNS(_, "svg"), c = document.createElementNS(_, "rect");
   k(c, {
     x: "0",
     y: "0",
@@ -2517,18 +2526,18 @@ const ee = 100, Wo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
   a && l.appendChild(a);
   const d = n.querySelector(".summary")?.cloneNode(!0);
   return d && l.appendChild(d), n.querySelectorAll("me-tpc").forEach((h) => {
-    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(Q(e, h, !t)) : (l.appendChild(Io(e, h)), l.appendChild(Q(e, h.text, !t)));
+    h.nodeObj.dangerouslySetInnerHTML ? l.appendChild(ee(e, h, !t)) : (l.appendChild(Io(e, h)), l.appendChild(ee(e, h.text, !t)));
   }), n.querySelectorAll(".tags > span").forEach((h) => {
-    l.appendChild(Q(e, h));
+    l.appendChild(ee(e, h));
   }), n.querySelectorAll(".icons > span").forEach((h) => {
-    l.appendChild(Q(e, h));
+    l.appendChild(ee(e, h));
   }), n.querySelectorAll(".hyper-link").forEach((h) => {
-    l.appendChild(Ro(e, h));
-  }), n.querySelectorAll("img").forEach((h) => {
     l.appendChild(Bo(e, h));
+  }), n.querySelectorAll("img").forEach((h) => {
+    l.appendChild(Ro(e, h));
   }), k(l, {
-    x: ee + "",
-    y: ee + "",
+    x: te + "",
+    y: te + "",
     overflow: "visible"
   }), i.appendChild(l), i;
 }, Xo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Wo + e.outerHTML);
@@ -2542,10 +2551,10 @@ function Fo(e) {
     }, o.readAsDataURL(e);
   });
 }
-const Ko = function(e = !1, t) {
+const Vo = function(e = !1, t) {
   const n = Yo(this, e), o = Xo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, Vo = async function(e = !1, t) {
+}, Ko = async function(e = !1, t) {
   const n = this.exportSvg(e, t), o = await Fo(n);
   return new Promise((s, i) => {
     const l = new Image();
@@ -2556,8 +2565,8 @@ const Ko = function(e = !1, t) {
   });
 }, zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: Vo,
-  exportSvg: Ko
+  exportPng: Ko,
+  exportSvg: Vo
 }, Symbol.toStringTag, { value: "Module" }));
 function Go(e, t) {
   return async function(...n) {
@@ -2571,7 +2580,7 @@ for (let e = 0; e < Ge.length; e++) {
   ut[t] = Go(ot[t], t);
 }
 const qo = {
-  getObjById: ne,
+  getObjById: oe,
   generateNewObj: pt,
   layout: Ct,
   linkDiv: $n,
@@ -2590,7 +2599,7 @@ const qo = {
   ...zo,
   init(e) {
     if (e = JSON.parse(JSON.stringify(e)), !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, R(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Jn(this), this.keypress && An(this, this.keypress), so(this), this.disposable.push(Et()), this.contextMenu && this.disposable.push(In(this, this.contextMenu)), this.allowUndo && this.disposable.push(Bn(this)), this.layout(), this.linkDiv(), this.toCenter();
+    e.direction !== void 0 && (this.direction = e.direction), e.compact !== void 0 && (this.compact = e.compact), this.changeTheme(e.theme || this.theme, !1), e.meta && (this.meta = e.meta), this.nodeData = e.nodeData, B(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Jn(this), this.keypress && An(this, this.keypress), so(this), this.disposable.push(Et()), this.contextMenu && this.disposable.push(In(this, this.contextMenu)), this.allowUndo && this.disposable.push(Rn(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     this.disposable.forEach((e) => e()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.arrowSvg = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, this.selection?.destroy(), this.selection = void 0;
@@ -2620,7 +2629,7 @@ function Jo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction:
   const m = Math.abs(h - b) / 300 * d;
   return r === H.LHS ? (g = t, v = g + d, p = g - d, u = i + d, `M ${v} ${h} C ${g} ${h} ${g + m} ${b} ${p} ${b} H ${u}`) : (g = t + n, v = g - d, p = g + d, u = i + l - d, `M ${v} ${h} C ${g} ${h} ${g - m} ${b} ${p} ${b} H ${u}`);
 }
-const Zo = "5.12.0";
+const Zo = "5.12.2-beta.0";
 function Qo(e) {
   return {
     x: 0,
@@ -2680,7 +2689,7 @@ function P({
   if (T === "[object HTMLDivElement]" ? C = e : T === "[object String]" && (C = document.querySelector(e)), !C) throw new Error("MindElixir: el is not a valid element");
   C.style.position = "relative", C.innerHTML = "", this.el = C, this.disposable = [], this.before = r || {}, this.newTopicName = a || "New Node", this.contextMenu = o ?? !0, this.toolBar = s ?? !0, this.keypress = i ?? !0, this.mouseSelectionButton = l ?? 0, this.direction = t ?? 1, this.editable = n ?? !0, this.allowUndo = d ?? !0, this.scaleSensitivity = m ?? 0.1, this.scaleMax = w ?? 1.4, this.scaleMin = E ?? 0.2, this.generateMainBranch = h || Uo, this.generateSubBranch = u || Jo, this.overflowHidden = b ?? !1, this.compact = v ?? !1, this.alignment = g ?? "root", this.handleWheel = N ?? !0, this.markdown = f || void 0, this.imageProxy = y || void 0, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.mobileMultiSelect = S ?? !1, this.panHelper = Qo(this), this.bus = On(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
   const D = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = p || (D.matches ? ue : fe);
+  this.theme = p || (D.matches ? ue : G);
   const L = document.createElement("div");
   L.className = "map-canvas", this.map = L, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = document.createElement("me-nodes"), this.lines = z("lines"), this.summarySvg = z("summary"), this.linkController = z("linkcontroller"), this.P2 = document.createElement("div"), this.P3 = document.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = je(), this.line2 = je(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.arrowSvg = z("topiclinks"), this.labelContainer = document.createElement("div"), this.labelContainer.className = "label-container", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(Pn(this)), x && (this.pasteHandler = x);
 }
@@ -2694,13 +2703,13 @@ Object.defineProperty(P.prototype, "currentNode", {
 P.LEFT = 0;
 P.RIGHT = 1;
 P.SIDE = 2;
-P.THEME = fe;
+P.THEME = G;
 P.DARK_THEME = ue;
 P.version = Zo;
 P.E = Ze;
 P.new = (e) => ({
   nodeData: {
-    id: B(),
+    id: R(),
     topic: e || "new topic",
     children: []
   }
@@ -2710,6 +2719,6 @@ export {
   es as LEFT,
   ts as RIGHT,
   ns as SIDE,
-  fe as THEME,
+  G as THEME,
   P as default
 };