mind-elixir 5.12.2-beta.3 → 5.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/MindElixir.css +1 -1
- package/dist/MindElixir.iife.js +4 -4
- package/dist/MindElixir.js +83 -82
- package/dist/MindElixirLite.css +1 -1
- package/dist/MindElixirLite.iife.js +4 -4
- package/dist/MindElixirLite.js +105 -104
- package/dist/types/index.d.ts +1 -1
- package/dist/types/methods.d.ts +1 -1
- package/dist/types/utils/theme.d.ts +1 -1
- package/package.json +1 -1
package/dist/MindElixir.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const es = 0, ts = 1, ns = 2,
|
|
1
|
+
const es = 0, ts = 1, ns = 2, fe = {
|
|
2
2
|
name: "Latte",
|
|
3
3
|
type: "light",
|
|
4
4
|
palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
|
|
@@ -12,6 +12,8 @@ const es = 0, ts = 1, ns = 2, ne = {
|
|
|
12
12
|
"--root-color": "#ffffff",
|
|
13
13
|
"--root-bgcolor": "#4c4f69",
|
|
14
14
|
"--root-border-color": "rgba(0, 0, 0, 0)",
|
|
15
|
+
"--main-border": "",
|
|
16
|
+
// you can customize, it will fallback to 2px solid main-color
|
|
15
17
|
"--main-color": "#444446",
|
|
16
18
|
"--main-bgcolor": "#ffffff",
|
|
17
19
|
"--main-bgcolor-transparent": "rgba(255, 255, 255, 0.8)",
|
|
@@ -39,6 +41,7 @@ const es = 0, ts = 1, ns = 2, ne = {
|
|
|
39
41
|
"--root-color": "#ffffff",
|
|
40
42
|
"--root-bgcolor": "#2d3748",
|
|
41
43
|
"--root-border-color": "rgba(255, 255, 255, 0.1)",
|
|
44
|
+
"--main-border": "",
|
|
42
45
|
"--main-color": "#ffffff",
|
|
43
46
|
"--main-bgcolor": "#4c4f69",
|
|
44
47
|
"--main-bgcolor-transparent": "rgba(76, 79, 105, 0.8)",
|
|
@@ -53,15 +56,15 @@ const es = 0, ts = 1, ns = 2, ne = {
|
|
|
53
56
|
"--map-padding": "50px 80px"
|
|
54
57
|
}
|
|
55
58
|
};
|
|
56
|
-
function
|
|
59
|
+
function ae(e) {
|
|
57
60
|
return e.replace(/&/g, "&").replace(/</g, "<").replace(/"/g, """);
|
|
58
61
|
}
|
|
59
|
-
const
|
|
62
|
+
const ne = function(e, t) {
|
|
60
63
|
if (t.id === e)
|
|
61
64
|
return t;
|
|
62
65
|
if (t.children && t.children.length) {
|
|
63
66
|
for (let n = 0; n < t.children.length; n++) {
|
|
64
|
-
const o =
|
|
67
|
+
const o = ne(e, t.children[n]);
|
|
65
68
|
if (o) return o;
|
|
66
69
|
}
|
|
67
70
|
return null;
|
|
@@ -88,7 +91,7 @@ function pe(e) {
|
|
|
88
91
|
for (let t = 0; t < e.children.length; t++)
|
|
89
92
|
pe(e.children[t]);
|
|
90
93
|
}
|
|
91
|
-
function
|
|
94
|
+
function oe(e, t, n, o) {
|
|
92
95
|
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;
|
|
93
96
|
return {
|
|
94
97
|
x1: n + Math.cos(d) * r,
|
|
@@ -150,11 +153,11 @@ const M = (e, t) => {
|
|
|
150
153
|
return Math.sqrt(n * n + o * o);
|
|
151
154
|
}, yt = function(e, t) {
|
|
152
155
|
if (!t)
|
|
153
|
-
return
|
|
156
|
+
return ie(e), e;
|
|
154
157
|
let n = e.querySelector(".insert-preview");
|
|
155
158
|
const o = `insert-preview ${t} show`;
|
|
156
159
|
return n || (n = document.createElement("div"), e.appendChild(n)), n.className = o, e;
|
|
157
|
-
},
|
|
160
|
+
}, ie = function(e) {
|
|
158
161
|
if (!e) return;
|
|
159
162
|
const t = e.querySelectorAll(".insert-preview");
|
|
160
163
|
for (const n of t || [])
|
|
@@ -228,7 +231,7 @@ function Et(e, t, n) {
|
|
|
228
231
|
const s = n.clientX - t.startX, i = n.clientY - t.startY, l = Math.sqrt(s * s + i * i);
|
|
229
232
|
if (!t.isDragging && l > xt && Je(e, t), !t.isDragging) return;
|
|
230
233
|
const c = e.container.getBoundingClientRect();
|
|
231
|
-
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(),
|
|
234
|
+
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);
|
|
232
235
|
const r = 12 * e.scaleVal, a = document.elementFromPoint(n.clientX, n.clientY - r);
|
|
233
236
|
if (Le(a, o)) {
|
|
234
237
|
t.meet = a;
|
|
@@ -251,7 +254,7 @@ function Ct(e, t, n) {
|
|
|
251
254
|
t.edgeMoveController.stop();
|
|
252
255
|
for (const s of o)
|
|
253
256
|
s.parentElement.parentElement.style.opacity = "1";
|
|
254
|
-
t.ghost.style.display = "none", t.ghost.innerHTML = "", t.isDragging && t.meet && (
|
|
257
|
+
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;
|
|
255
258
|
}
|
|
256
259
|
}
|
|
257
260
|
function Ae(e, t) {
|
|
@@ -260,7 +263,7 @@ function Ae(e, t) {
|
|
|
260
263
|
t.edgeMoveController.stop();
|
|
261
264
|
for (const o of n)
|
|
262
265
|
o.parentElement.parentElement.style.opacity = "1";
|
|
263
|
-
t.meet &&
|
|
266
|
+
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;
|
|
264
267
|
}
|
|
265
268
|
}
|
|
266
269
|
function St(e) {
|
|
@@ -332,7 +335,7 @@ const H = {
|
|
|
332
335
|
} else e.link && (e.link = void 0);
|
|
333
336
|
if (t.icons && t.icons.length) {
|
|
334
337
|
const n = document.createElement("span");
|
|
335
|
-
n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${
|
|
338
|
+
n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${ae(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
|
|
336
339
|
} else e.icons && (e.icons = void 0);
|
|
337
340
|
if (t.tags && t.tags.length) {
|
|
338
341
|
const n = document.createElement("div");
|
|
@@ -405,32 +408,32 @@ const At = function(e) {
|
|
|
405
408
|
}, ve = function(e) {
|
|
406
409
|
const t = document.createElement("me-epd");
|
|
407
410
|
return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
|
|
408
|
-
},
|
|
411
|
+
}, K = (e) => {
|
|
409
412
|
const t = e.parent?.children, n = t?.indexOf(e) ?? 0;
|
|
410
413
|
return { siblings: t, index: n };
|
|
411
414
|
};
|
|
412
415
|
function Pt(e) {
|
|
413
|
-
const { siblings: t, index: n } =
|
|
416
|
+
const { siblings: t, index: n } = K(e);
|
|
414
417
|
if (t === void 0) return;
|
|
415
418
|
const o = t[n];
|
|
416
419
|
n === 0 ? (t[n] = t[t.length - 1], t[t.length - 1] = o) : (t[n] = t[n - 1], t[n - 1] = o);
|
|
417
420
|
}
|
|
418
421
|
function Ot(e) {
|
|
419
|
-
const { siblings: t, index: n } =
|
|
422
|
+
const { siblings: t, index: n } = K(e);
|
|
420
423
|
if (t === void 0) return;
|
|
421
424
|
const o = t[n];
|
|
422
425
|
n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
|
|
423
426
|
}
|
|
424
427
|
function et(e) {
|
|
425
|
-
const { siblings: t, index: n } =
|
|
428
|
+
const { siblings: t, index: n } = K(e);
|
|
426
429
|
return t === void 0 ? 0 : (t.splice(n, 1), t.length);
|
|
427
430
|
}
|
|
428
431
|
function Ht(e, t, n) {
|
|
429
|
-
const { siblings: o, index: s } =
|
|
432
|
+
const { siblings: o, index: s } = K(n);
|
|
430
433
|
o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
|
|
431
434
|
}
|
|
432
435
|
function $t(e, t) {
|
|
433
|
-
const { siblings: n, index: o } =
|
|
436
|
+
const { siblings: n, index: o } = K(e);
|
|
434
437
|
n !== void 0 && (n[o] = t, t.children = [e]);
|
|
435
438
|
}
|
|
436
439
|
function jt(e, t, n) {
|
|
@@ -438,7 +441,7 @@ function jt(e, t, n) {
|
|
|
438
441
|
n.children ? n.children.push(t) : n.children = [t];
|
|
439
442
|
else {
|
|
440
443
|
t.direction !== void 0 && (t.direction = n.direction);
|
|
441
|
-
const { siblings: o, index: s } =
|
|
444
|
+
const { siblings: o, index: s } = K(n);
|
|
442
445
|
if (o === void 0) return;
|
|
443
446
|
e === "before" ? o.splice(s, 0, t) : o.splice(s + 1, 0, t);
|
|
444
447
|
}
|
|
@@ -557,7 +560,7 @@ const It = function({ map: e, direction: t }, n) {
|
|
|
557
560
|
name: "copyNode",
|
|
558
561
|
obj: s
|
|
559
562
|
});
|
|
560
|
-
},
|
|
563
|
+
}, Kt = function(e, t) {
|
|
561
564
|
const n = [];
|
|
562
565
|
for (let o = 0; o < e.length; o++) {
|
|
563
566
|
const s = e[o], i = ge(s.nodeObj);
|
|
@@ -571,7 +574,7 @@ const It = function({ map: e, direction: t }, n) {
|
|
|
571
574
|
name: "copyNodes",
|
|
572
575
|
objs: n
|
|
573
576
|
});
|
|
574
|
-
},
|
|
577
|
+
}, Vt = function(e) {
|
|
575
578
|
const t = e || this.currentNode;
|
|
576
579
|
if (!t) return;
|
|
577
580
|
const n = t.nodeObj;
|
|
@@ -643,14 +646,14 @@ const It = function({ map: e, direction: t }, n) {
|
|
|
643
646
|
addChild: Xt,
|
|
644
647
|
beginEdit: Zt,
|
|
645
648
|
copyNode: Ft,
|
|
646
|
-
copyNodes:
|
|
649
|
+
copyNodes: Kt,
|
|
647
650
|
insertParent: Yt,
|
|
648
651
|
insertSibling: Wt,
|
|
649
652
|
moveDownNode: zt,
|
|
650
653
|
moveNodeAfter: Jt,
|
|
651
654
|
moveNodeBefore: Ut,
|
|
652
655
|
moveNodeIn: qt,
|
|
653
|
-
moveUpNode:
|
|
656
|
+
moveUpNode: Vt,
|
|
654
657
|
removeNodes: Gt,
|
|
655
658
|
reshapeNode: Bt,
|
|
656
659
|
rmSubline: G,
|
|
@@ -1178,11 +1181,11 @@ function $n() {
|
|
|
1178
1181
|
}
|
|
1179
1182
|
};
|
|
1180
1183
|
}
|
|
1181
|
-
const A = "http://www.w3.org/2000/svg",
|
|
1184
|
+
const A = "http://www.w3.org/2000/svg", re = function(e) {
|
|
1182
1185
|
const t = e.clientWidth, n = e.clientHeight, o = e.dataset, s = Number(o.x), i = Number(o.y), l = o.anchor;
|
|
1183
1186
|
let c = s;
|
|
1184
1187
|
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";
|
|
1185
|
-
},
|
|
1188
|
+
}, de = function(e, t, n, o) {
|
|
1186
1189
|
const { anchor: s = "middle", color: i, dataType: l, svgId: c } = o, r = document.createElement("div");
|
|
1187
1190
|
r.className = "svg-label", r.style.color = i || "#666";
|
|
1188
1191
|
const a = "label-" + c;
|
|
@@ -1252,7 +1255,7 @@ const A = "http://www.w3.org/2000/svg", le = function(e) {
|
|
|
1252
1255
|
}), s.addEventListener("blur", () => {
|
|
1253
1256
|
if (!s) return;
|
|
1254
1257
|
const i = s.innerText?.trim() || "";
|
|
1255
|
-
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,
|
|
1258
|
+
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", {
|
|
1256
1259
|
name: "finishEditSummary",
|
|
1257
1260
|
obj: n
|
|
1258
1261
|
}) : e.bus.fire("operation", {
|
|
@@ -1311,7 +1314,7 @@ function Bn(e, t) {
|
|
|
1311
1314
|
return x.innerText = y, x.className = "tips", x;
|
|
1312
1315
|
}, s = (y, x, S) => {
|
|
1313
1316
|
const C = document.createElement("li");
|
|
1314
|
-
return C.id = y, C.innerHTML = `<span>${
|
|
1317
|
+
return C.id = y, C.innerHTML = `<span>${ae(x)}</span><span ${S ? 'class="key"' : ""}>${ae(S)}</span>`, C;
|
|
1315
1318
|
}, 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");
|
|
1316
1319
|
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)
|
|
1317
1320
|
for (let y = 0; y < t.extend.length; y++) {
|
|
@@ -1432,11 +1435,11 @@ function Yn(e) {
|
|
|
1432
1435
|
e.bus.removeListener("operation", i), e.bus.removeListener("selectNodes", c), e.container.removeEventListener("keydown", l);
|
|
1433
1436
|
};
|
|
1434
1437
|
}
|
|
1435
|
-
const 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="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>', 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="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>',
|
|
1438
|
+
const 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="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>', 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="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>', 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="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>', 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="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>', 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="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>', Gn = '<?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>', qn = '<?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>', Un = {
|
|
1436
1439
|
side: Xn,
|
|
1437
1440
|
left: Fn,
|
|
1438
|
-
right:
|
|
1439
|
-
full:
|
|
1441
|
+
right: Kn,
|
|
1442
|
+
full: Vn,
|
|
1440
1443
|
living: zn,
|
|
1441
1444
|
zoomin: Gn,
|
|
1442
1445
|
zoomout: qn
|
|
@@ -1539,8 +1542,8 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e },
|
|
|
1539
1542
|
case "touch":
|
|
1540
1543
|
return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
|
|
1541
1544
|
}
|
|
1542
|
-
}, no = () => matchMedia("(hover: none), (pointer: coarse)").matches, oo = () => "safari" in window,
|
|
1543
|
-
(t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n =
|
|
1545
|
+
}, no = () => matchMedia("(hover: none), (pointer: coarse)").matches, oo = () => "safari" in window, he = (e) => Array.isArray(e) ? e : [e], ct = (e) => (t, n, o, s = {}) => {
|
|
1546
|
+
(t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = he(n), t = he(t);
|
|
1544
1547
|
for (const i of t)
|
|
1545
1548
|
if (i)
|
|
1546
1549
|
for (const l of n)
|
|
@@ -1548,7 +1551,7 @@ const Ie = (e, t = "px") => typeof e == "number" ? e + t : e, $ = ({ style: e },
|
|
|
1548
1551
|
}, W = ct("addEventListener"), O = ct("removeEventListener"), J = (e) => {
|
|
1549
1552
|
const { clientX: t, clientY: n, target: o } = e.touches?.[0] ?? e;
|
|
1550
1553
|
return { x: t, y: n, target: o };
|
|
1551
|
-
}, Y = (e, t = document) =>
|
|
1554
|
+
}, Y = (e, t = document) => he(e).map((n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null).flat().filter(Boolean), so = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
|
|
1552
1555
|
switch (o) {
|
|
1553
1556
|
case "alt":
|
|
1554
1557
|
return e.altKey;
|
|
@@ -2033,18 +2036,16 @@ function dt({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: l, cH: c, direction:
|
|
|
2033
2036
|
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}`);
|
|
2034
2037
|
}
|
|
2035
2038
|
const lo = function(e, t = !0) {
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
...
|
|
2039
|
-
...
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
const
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
const r = l[c];
|
|
2047
|
-
this.container.style.setProperty(r, i[r]);
|
|
2039
|
+
this.theme = e, this.generateMainBranch = this.theme.generateMainBranch || at, this.generateSubBranch = this.theme.generateSubBranch || dt;
|
|
2040
|
+
const o = {
|
|
2041
|
+
...(this.theme.type === "dark" ? ue : fe).cssVar,
|
|
2042
|
+
...this.theme.cssVar
|
|
2043
|
+
};
|
|
2044
|
+
this.compact && (o["--node-gap-x"] = "15px", o["--node-gap-y"] = "2px", o["--main-gap-x"] = "30px", o["--main-gap-y"] = "6px");
|
|
2045
|
+
const s = Object.keys(o);
|
|
2046
|
+
for (let i = 0; i < s.length; i++) {
|
|
2047
|
+
const l = s[i];
|
|
2048
|
+
this.container.style.setProperty(l, o[l]);
|
|
2048
2049
|
}
|
|
2049
2050
|
t && this.refresh();
|
|
2050
2051
|
}, co = function(e) {
|
|
@@ -2084,7 +2085,7 @@ const lo = function(e, t = !0) {
|
|
|
2084
2085
|
this.moved = !1, this.pointerdown = !1;
|
|
2085
2086
|
}
|
|
2086
2087
|
};
|
|
2087
|
-
},
|
|
2088
|
+
}, Ke = {
|
|
2088
2089
|
create: ao
|
|
2089
2090
|
}, ht = "#4dc4ff";
|
|
2090
2091
|
function ft(e, t, n, o, s, i, l, c) {
|
|
@@ -2094,7 +2095,7 @@ function ft(e, t, n, o, s, i, l, c) {
|
|
|
2094
2095
|
};
|
|
2095
2096
|
}
|
|
2096
2097
|
function ho(e, t, n) {
|
|
2097
|
-
e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(),
|
|
2098
|
+
e && (e.dataset.x = t.toString(), e.dataset.y = n.toString(), re(e));
|
|
2098
2099
|
}
|
|
2099
2100
|
function Z(e, t, n, o, s) {
|
|
2100
2101
|
k(e, {
|
|
@@ -2104,7 +2105,7 @@ function Z(e, t, n, o, s) {
|
|
|
2104
2105
|
y2: s + ""
|
|
2105
2106
|
});
|
|
2106
2107
|
}
|
|
2107
|
-
function
|
|
2108
|
+
function Ve(e, t, n, o, s, i, l, c, r, a) {
|
|
2108
2109
|
const d = `M ${t} ${n} C ${o} ${s} ${i} ${l} ${c} ${r}`;
|
|
2109
2110
|
if (e.line.setAttribute("d", d), a.style) {
|
|
2110
2111
|
const p = a.style;
|
|
@@ -2112,7 +2113,7 @@ function Ke(e, t, n, o, s, i, l, c, r, a) {
|
|
|
2112
2113
|
}
|
|
2113
2114
|
const h = e.querySelectorAll('path[stroke="transparent"]');
|
|
2114
2115
|
h.length > 0 && h[0].setAttribute("d", d);
|
|
2115
|
-
const u =
|
|
2116
|
+
const u = oe(i, l, c, r);
|
|
2116
2117
|
if (u) {
|
|
2117
2118
|
const p = `M ${u.x1} ${u.y1} L ${c} ${r} L ${u.x2} ${u.y2}`;
|
|
2118
2119
|
if (e.arrow1.setAttribute("d", p), h.length > 1 && h[1].setAttribute("d", p), a.style) {
|
|
@@ -2121,7 +2122,7 @@ function Ke(e, t, n, o, s, i, l, c, r, a) {
|
|
|
2121
2122
|
}
|
|
2122
2123
|
}
|
|
2123
2124
|
if (a.bidirectional) {
|
|
2124
|
-
const p =
|
|
2125
|
+
const p = oe(o, s, t, n);
|
|
2125
2126
|
if (p) {
|
|
2126
2127
|
const g = `M ${p.x1} ${p.y1} L ${t} ${n} L ${p.x2} ${p.y2}`;
|
|
2127
2128
|
if (e.arrow2.setAttribute("d", g), h.length > 2 && h[2].setAttribute("d", g), a.style) {
|
|
@@ -2137,7 +2138,7 @@ function Ke(e, t, n, o, s, i, l, c, r, a) {
|
|
|
2137
2138
|
}
|
|
2138
2139
|
vo(e);
|
|
2139
2140
|
}
|
|
2140
|
-
function
|
|
2141
|
+
function se(e, t, n) {
|
|
2141
2142
|
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;
|
|
2142
2143
|
return {
|
|
2143
2144
|
w: i,
|
|
@@ -2183,24 +2184,24 @@ const fo = function(e, t, n) {
|
|
|
2183
2184
|
const C = fo(e, t, n);
|
|
2184
2185
|
o.delta1 = C.delta1, o.delta2 = C.delta2;
|
|
2185
2186
|
}
|
|
2186
|
-
const i =
|
|
2187
|
+
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);
|
|
2187
2188
|
if (!p) return;
|
|
2188
2189
|
const g = `M ${p.x1} ${p.y1} L ${b} ${v} L ${p.x2} ${p.y2}`;
|
|
2189
2190
|
let m = "";
|
|
2190
2191
|
if (o.bidirectional) {
|
|
2191
|
-
const C =
|
|
2192
|
+
const C = oe(a, d, c, r);
|
|
2192
2193
|
if (!C) return;
|
|
2193
2194
|
m = `M ${C.x1} ${C.y1} L ${c} ${r} L ${C.x2} ${C.y2}`;
|
|
2194
2195
|
}
|
|
2195
2196
|
const w = jn(`M ${c} ${r} C ${a} ${d} ${h} ${u} ${b} ${v}`, g, m, o.style), { x: E, y: N } = ft(c, r, a, d, h, u, b, v), f = o.style?.labelColor || "rgb(235, 95, 82)", y = "a-" + o.id;
|
|
2196
2197
|
w.id = y;
|
|
2197
|
-
const x = e.markdown ? e.markdown(o.label, o) : o.label, S =
|
|
2198
|
+
const x = e.markdown ? e.markdown(o.label, o) : o.label, S = de(x, E, N, {
|
|
2198
2199
|
anchor: "middle",
|
|
2199
2200
|
color: f,
|
|
2200
2201
|
dataType: "arrow",
|
|
2201
2202
|
svgId: y
|
|
2202
2203
|
});
|
|
2203
|
-
w.labelEl = S, w.arrowObj = o, w.dataset.linkid = o.id, e.labelContainer.appendChild(S), e.arrowSvg.appendChild(w),
|
|
2204
|
+
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, pt(e, o, i, l));
|
|
2204
2205
|
}, uo = function(e, t, n = {}) {
|
|
2205
2206
|
const o = {
|
|
2206
2207
|
id: B(),
|
|
@@ -2214,7 +2215,7 @@ const fo = function(e, t, n) {
|
|
|
2214
2215
|
obj: o
|
|
2215
2216
|
});
|
|
2216
2217
|
}, po = function(e) {
|
|
2217
|
-
|
|
2218
|
+
le(this);
|
|
2218
2219
|
const t = { ...e, id: B() };
|
|
2219
2220
|
Se(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
|
|
2220
2221
|
name: "createArrow",
|
|
@@ -2223,7 +2224,7 @@ const fo = function(e, t, n) {
|
|
|
2223
2224
|
}, go = function(e) {
|
|
2224
2225
|
let t;
|
|
2225
2226
|
if (e ? t = e : t = this.currentArrow, !t) return;
|
|
2226
|
-
|
|
2227
|
+
le(this);
|
|
2227
2228
|
const n = t.arrowObj.id;
|
|
2228
2229
|
this.arrows = this.arrows.filter((o) => o.id !== n), t.labelEl?.remove(), t.remove(), this.bus.fire("operation", {
|
|
2229
2230
|
name: "removeArrow",
|
|
@@ -2233,11 +2234,11 @@ const fo = function(e, t, n) {
|
|
|
2233
2234
|
});
|
|
2234
2235
|
}, mo = function(e) {
|
|
2235
2236
|
this.currentArrow = e;
|
|
2236
|
-
const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), s =
|
|
2237
|
+
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);
|
|
2237
2238
|
this.editable ? pt(this, t, s, i) : ut(e, ht), this.bus.fire("selectArrow", t);
|
|
2238
2239
|
}, yo = function() {
|
|
2239
|
-
|
|
2240
|
-
},
|
|
2240
|
+
le(this), this.currentArrow = null, this.bus.fire("unselectArrow");
|
|
2241
|
+
}, ce = function(e, t) {
|
|
2241
2242
|
const n = document.createElementNS(A, "path");
|
|
2242
2243
|
return k(n, {
|
|
2243
2244
|
d: e,
|
|
@@ -2250,11 +2251,11 @@ const fo = function(e, t, n) {
|
|
|
2250
2251
|
}, ut = function(e, t) {
|
|
2251
2252
|
const n = document.createElementNS(A, "g");
|
|
2252
2253
|
n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
|
|
2253
|
-
const o =
|
|
2254
|
+
const o = ce(e.line.getAttribute("d"), t);
|
|
2254
2255
|
n.appendChild(o);
|
|
2255
|
-
const s =
|
|
2256
|
+
const s = ce(e.arrow1.getAttribute("d"), t);
|
|
2256
2257
|
if (n.appendChild(s), e.arrow2.getAttribute("d")) {
|
|
2257
|
-
const i =
|
|
2258
|
+
const i = ce(e.arrow2.getAttribute("d"), t);
|
|
2258
2259
|
n.appendChild(i);
|
|
2259
2260
|
}
|
|
2260
2261
|
e.insertBefore(n, e.firstChild);
|
|
@@ -2266,21 +2267,21 @@ const fo = function(e, t, n) {
|
|
|
2266
2267
|
if (!t) return;
|
|
2267
2268
|
const n = t.querySelectorAll("path");
|
|
2268
2269
|
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"));
|
|
2269
|
-
},
|
|
2270
|
+
}, le = function(e) {
|
|
2270
2271
|
e.helper1?.destroy(), e.helper2?.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && bo(e.currentArrow);
|
|
2271
2272
|
}, pt = function(e, t, n, o) {
|
|
2272
2273
|
const { linkController: s, P2: i, P3: l, line1: c, line2: r, nodes: a, map: d, currentArrow: h, bus: u } = e;
|
|
2273
2274
|
if (!h) return;
|
|
2274
2275
|
s.style.display = "initial", i.style.display = "initial", l.style.display = "initial", a.appendChild(s), a.appendChild(i), a.appendChild(l), ut(h, ht);
|
|
2275
2276
|
let { x: b, y: v } = X(n), { ctrlX: p, ctrlY: g } = n, { ctrlX: m, ctrlY: w } = o, { x: E, y: N } = X(o);
|
|
2276
|
-
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 =
|
|
2277
|
+
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) => {
|
|
2277
2278
|
p = p + f / e.scaleVal, g = g + y / e.scaleVal;
|
|
2278
2279
|
const x = X({ ...n, ctrlX: p, ctrlY: g });
|
|
2279
|
-
b = x.x, v = x.y, i.style.top = g + "px", i.style.left = p + "px",
|
|
2280
|
+
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);
|
|
2280
2281
|
}), e.helper2.init(d, (f, y) => {
|
|
2281
2282
|
m = m + f / e.scaleVal, w = w + y / e.scaleVal;
|
|
2282
2283
|
const x = X({ ...o, ctrlX: m, ctrlY: w });
|
|
2283
|
-
E = x.x, N = x.y, l.style.top = w + "px", l.style.left = m + "px",
|
|
2284
|
+
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);
|
|
2284
2285
|
});
|
|
2285
2286
|
};
|
|
2286
2287
|
function wo() {
|
|
@@ -2295,10 +2296,10 @@ function wo() {
|
|
|
2295
2296
|
this.nodes.appendChild(this.arrowSvg);
|
|
2296
2297
|
}
|
|
2297
2298
|
function xo(e) {
|
|
2298
|
-
|
|
2299
|
+
le(this), e && e.labelEl && rt(this, e.labelEl, e.arrowObj);
|
|
2299
2300
|
}
|
|
2300
2301
|
function Eo() {
|
|
2301
|
-
this.arrows = this.arrows.filter((e) =>
|
|
2302
|
+
this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
|
|
2302
2303
|
}
|
|
2303
2304
|
const Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2304
2305
|
__proto__: null,
|
|
@@ -2366,18 +2367,18 @@ const Co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
|
2366
2367
|
}, Ne = function(e, t) {
|
|
2367
2368
|
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 = ko(e, t);
|
|
2368
2369
|
let v = 1 / 0, p = 0, g = 0, m = 0;
|
|
2369
|
-
for (let
|
|
2370
|
-
const Te = u.children?.[
|
|
2370
|
+
for (let V = i; V <= l; V++) {
|
|
2371
|
+
const Te = u.children?.[V];
|
|
2371
2372
|
if (!Te)
|
|
2372
2373
|
return e.removeSummary(n), null;
|
|
2373
2374
|
const q = To(e.findEle(Te.id)), { offsetLeft: U, offsetTop: ke } = M(r, q), _e = i === l ? 10 : 20;
|
|
2374
|
-
|
|
2375
|
+
V === i && (g = ke + _e), V === l && (m = ke + q.offsetHeight - _e), U < v && (v = U), q.offsetWidth + U > p && (p = q.offsetWidth + U);
|
|
2375
2376
|
}
|
|
2376
2377
|
let w, E;
|
|
2377
2378
|
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;
|
|
2378
|
-
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 =
|
|
2379
|
+
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 }));
|
|
2379
2380
|
const L = No(T);
|
|
2380
|
-
return L.appendChild(w), e.labelContainer.appendChild(E),
|
|
2381
|
+
return L.appendChild(w), e.labelContainer.appendChild(E), re(E), L.summaryObj = t, L.labelEl = E, d.appendChild(L), L;
|
|
2381
2382
|
}, _o = function(e = {}) {
|
|
2382
2383
|
if (!this.currentNodes) return;
|
|
2383
2384
|
const { currentNodes: t, summaries: n, bus: o } = this, { parent: s, start: i, end: l } = So(t), c = { id: B(), parent: s, start: i, end: l, label: "summary", style: e.style }, r = Ne(this, c);
|
|
@@ -2552,8 +2553,8 @@ const ee = 100, Xo = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC
|
|
|
2552
2553
|
y: ee + "",
|
|
2553
2554
|
overflow: "visible"
|
|
2554
2555
|
}), i.appendChild(l), i;
|
|
2555
|
-
},
|
|
2556
|
-
function
|
|
2556
|
+
}, Ko = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Xo + e.outerHTML);
|
|
2557
|
+
function Vo(e) {
|
|
2557
2558
|
return new Promise((t, n) => {
|
|
2558
2559
|
const o = new FileReader();
|
|
2559
2560
|
o.onload = (s) => {
|
|
@@ -2564,10 +2565,10 @@ function Ko(e) {
|
|
|
2564
2565
|
});
|
|
2565
2566
|
}
|
|
2566
2567
|
const zo = function(e = !1, t) {
|
|
2567
|
-
const n = Fo(this, e), o =
|
|
2568
|
+
const n = Fo(this, e), o = Ko(n, t);
|
|
2568
2569
|
return new Blob([o], { type: "image/svg+xml" });
|
|
2569
2570
|
}, Go = async function(e = !1, t) {
|
|
2570
|
-
const n = this.exportSvg(e, t), o = await
|
|
2571
|
+
const n = this.exportSvg(e, t), o = await Vo(n);
|
|
2571
2572
|
return new Promise((s, i) => {
|
|
2572
2573
|
const l = new Image();
|
|
2573
2574
|
l.setAttribute("crossOrigin", "anonymous"), l.onload = () => {
|
|
@@ -2592,7 +2593,7 @@ for (let e = 0; e < Ge.length; e++) {
|
|
|
2592
2593
|
gt[t] = Uo(ot[t], t);
|
|
2593
2594
|
}
|
|
2594
2595
|
const Jo = {
|
|
2595
|
-
getObjById:
|
|
2596
|
+
getObjById: ne,
|
|
2596
2597
|
generateNewObj: mt,
|
|
2597
2598
|
layout: Nt,
|
|
2598
2599
|
linkDiv: In,
|
|
@@ -2623,7 +2624,7 @@ const Jo = {
|
|
|
2623
2624
|
enableMobileMultiSelect(e) {
|
|
2624
2625
|
this.mobileMultiSelect = e;
|
|
2625
2626
|
}
|
|
2626
|
-
}, Zo = "5.12.2
|
|
2627
|
+
}, Zo = "5.12.2";
|
|
2627
2628
|
function Qo(e) {
|
|
2628
2629
|
return {
|
|
2629
2630
|
x: 0,
|
|
@@ -2683,7 +2684,7 @@ function P({
|
|
|
2683
2684
|
if (T === "[object HTMLDivElement]" ? C = e : T === "[object String]" && (C = document.querySelector(e)), !C) throw new Error("MindElixir: el is not a valid element");
|
|
2684
2685
|
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 || at, this.generateSubBranch = u || dt, 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 = $n(), this.container = document.createElement("div"), this.selectionContainer = c || this.container, this.container.className = "map-container";
|
|
2685
2686
|
const D = window.matchMedia("(prefers-color-scheme: dark)");
|
|
2686
|
-
this.theme = p || (D.matches ? ue :
|
|
2687
|
+
this.theme = p || (D.matches ? ue : fe);
|
|
2687
2688
|
const L = document.createElement("div");
|
|
2688
2689
|
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(Hn(this)), x && (this.pasteHandler = x);
|
|
2689
2690
|
}
|
|
@@ -2697,7 +2698,7 @@ Object.defineProperty(P.prototype, "currentNode", {
|
|
|
2697
2698
|
P.LEFT = 0;
|
|
2698
2699
|
P.RIGHT = 1;
|
|
2699
2700
|
P.SIDE = 2;
|
|
2700
|
-
P.THEME =
|
|
2701
|
+
P.THEME = fe;
|
|
2701
2702
|
P.DARK_THEME = ue;
|
|
2702
2703
|
P.version = Zo;
|
|
2703
2704
|
P.E = Ze;
|
|
@@ -2713,6 +2714,6 @@ export {
|
|
|
2713
2714
|
es as LEFT,
|
|
2714
2715
|
ts as RIGHT,
|
|
2715
2716
|
ns as SIDE,
|
|
2716
|
-
|
|
2717
|
+
fe as THEME,
|
|
2717
2718
|
P as default
|
|
2718
2719
|
};
|
package/dist/MindElixirLite.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.map-container{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;user-select:none;-webkit-user-select:none;height:100%;width:100%;overflow:hidden;font-size:16px;outline:none;touch-action:none;background-color:var(--bgcolor)}.map-container p{margin:0}.map-container *{box-sizing:border-box}.map-container::-webkit-scrollbar{width:0px;height:0px}.map-container .selected{outline:2px solid var(--selected);outline-offset:1px}.map-container.space-pressed,.map-container.space-pressed *{cursor:grab!important}.map-container.space-pressed:active,.map-container.space-pressed:active *{cursor:grabbing!important}.map-container .hyper-link{text-decoration:none;margin-left:.3em}.map-container me-main>me-wrapper>me-parent>me-epd{top:calc(50% - 9px)}.map-container me-epd{top:calc(100% - 9px)}.map-container .lhs{direction:rtl}.map-container .lhs>me-wrapper>me-parent>me-epd{left:-10px}.map-container .lhs me-epd{left:5px}.map-container .lhs me-tpc{direction:ltr}.map-container .rhs>me-wrapper>me-parent>me-epd{right:-10px}.map-container .rhs me-epd{right:5px}.map-container .map-canvas{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:fit-content;transform:scale(1)}.map-container .map-canvas me-nodes{position:relative;display:flex;justify-content:center;align-items:center;height:max-content;width:max-content;padding:var(--map-padding)}.map-container me-main>me-wrapper{position:relative;margin:var(--main-gap-y) var(--main-gap-x)}.map-container me-main>me-wrapper>me-parent{margin:10px;padding:0}.map-container me-main>me-wrapper>me-parent>me-tpc{border-radius:var(--main-radius);background-color:var(--main-bgcolor);border:var(--main-border, 2px solid var(--main-color));color:var(--main-color);padding:8px 25px}.map-container me-wrapper{display:block;width:fit-content}.map-container me-children,.map-container me-parent{display:inline-block;vertical-align:middle}.map-container me-root{position:relative;margin:45px 0;z-index:10}.map-container me-root me-tpc{font-size:25px;color:var(--root-color);padding:10px 30px;border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;background-color:var(--root-bgcolor)}.map-container me-parent{position:relative;cursor:pointer;padding:6px var(--node-gap-x);margin-top:var(--node-gap-y);z-index:10}.map-container me-parent me-tpc{position:relative;border-radius:3px;color:var(--color);padding:var(--topic-padding)}.map-container me-parent me-tpc .insert-preview{position:absolute;width:100%;left:0;z-index:9}.map-container me-parent me-tpc .show{background:#7ad5ff;pointer-events:none;opacity:.7;border-radius:3px}.map-container me-parent me-tpc .before{height:14px;top:-14px}.map-container me-parent me-tpc .in{height:100%;top:0}.map-container me-parent me-tpc .after{height:14px;bottom:-14px}.map-container me-parent me-epd{position:absolute;height:18px;width:18px;opacity:.8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NDcxNzI0MiIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNDgwaC0xMzguNjY2NjY3VjM0MS4zMzMzMzNjMC0xNy4wNjY2NjctMTQuOTMzMzMzLTMyLTMyLTMycy0zMiAxNC45MzMzMzMtMzIgMzJ2MTM4LjY2NjY2N0gzNDEuMzMzMzMzYy0xNy4wNjY2NjcgMC0zMiAxNC45MzMzMzMtMzIgMzJzMTQuOTMzMzMzIDMyIDMyIDMyaDEzOC42NjY2NjdWNjgyLjY2NjY2N2MwIDE3LjA2NjY2NyAxNC45MzMzMzMgMzIgMzIgMzJzMzItMTQuOTMzMzMzIDMyLTMydi0xMzguNjY2NjY3SDY4Mi42NjY2NjdjMTcuMDY2NjY3IDAgMzItMTQuOTMzMzMzIDMyLTMycy0xNC45MzMzMzMtMzItMzItMzJ6Ij48L3BhdGg+Cjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;z-index:9}.map-container me-parent me-epd.minus{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NTU2NDk4NSIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNTQ0SDM0MS4zMzMzMzNjLTE3LjA2NjY2NyAwLTMyLTE0LjkzMzMzMy0zMi0zMnMxNC45MzMzMzMtMzIgMzItMzJoMzQxLjMzMzMzNGMxNy4wNjY2NjcgMCAzMiAxNC45MzMzMzMgMzIgMzJzLTE0LjkzMzMzMyAzMi0zMiAzMnoiPjwvcGF0aD4KPC9zdmc+)!important;transition:opacity .3s;opacity:0}@media (hover: hover){.map-container me-parent me-epd.minus:hover{opacity:.8}}@media (hover: none){.map-container me-parent me-epd.minus{opacity:.8}}.map-container .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.map-container .lines,.map-container .summary,.map-container .subLines,.map-container .topiclinks,.map-container .linkcontroller{position:absolute;height:102%;width:100%;top:0;left:0}.map-container .topiclinks,.map-container .linkcontroller,.map-container .summary{pointer-events:none;z-index:20}.map-container .summary>g,.map-container .topiclinks>g{cursor:pointer;pointer-events:stroke;z-index:20}.map-container .label-container{z-index:21}.map-container .lines,.map-container .subLines{pointer-events:none}.map-container #input-box{position:absolute;top:0;left:0;width:max-content;max-width:35em;direction:ltr;-webkit-user-select:auto;user-select:auto;pointer-events:auto;color:var(--color);background-color:var(--bgcolor);outline:1px solid #ccc;border-radius:2px;z-index:100}.map-container me-tpc{display:block;max-width:35em;white-space:pre-wrap;pointer-events:all}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>.text{display:inline-block}.map-container me-tpc>.text a{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container .circle{position:absolute;pointer-events:all;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;z-index:50;cursor:pointer}.map-container .circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:transparent}.map-container .tags{direction:ltr}.map-container .tags span{display:inline-block;border-radius:3px;padding:2px 4px;background:#d6f0f8;color:#276f86;margin:2px 4px 0 0;font-size:12px;line-height:1.3em}.map-container .icons{display:inline-block;direction:ltr;margin-left:5px}.map-container .icons span{display:inline-block;line-height:1.3em}.map-container .mind-elixir-ghost{position:absolute;top:0;left:0;box-sizing:content-box;opacity:.7;background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);max-width:200px;width:fit-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;border-radius:6px;display:none;pointer-events:none;z-index:1000}.map-container .selection-area{background:#4f90f22d;border:1px solid #4f90f2}.map-container .svg-label{position:absolute;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;pointer-events:auto;cursor:pointer;z-index:10;width:max-content;max-width:200px;border-radius:3px;padding:var(--topic-padding)}.map-container .svg-label[data-type=arrow]{background-color:var(--main-bgcolor-transparent)}.map-container h1{font-size:1.5rem;font-weight:700;color:var(--selected)}.map-container h2{font-size:1.25rem;font-weight:600;color:var(--selected)}.map-container h3{font-size:1.125rem;font-weight:600;color:var(--selected)}.map-container h4{font-size:1rem;font-weight:600;color:var(--selected)}.map-container h5{font-size:.875rem;font-weight:600;color:var(--selected)}.map-container h6{font-size:.875rem;font-weight:500;margin:.1rem 0;color:var(--selected);font-style:italic}.map-container strong.asterisk-emphasis,.map-container em{color:var(--selected)}.map-container strong.underscore-emphasis{background:#ffeb3b40;padding:.05em .15em;border-radius:.15em}.map-container a{color:var(--selected)}.map-container a:hover{color:var(--selected);text-decoration:underline}.map-container .context-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.map-container .context-menu .menu-list{position:fixed;list-style:none;margin:0;padding:0;color:var(--panel-color);box-shadow:0 12px 15px #0003;border-radius:5px;overflow:hidden}.map-container .context-menu .menu-list li{min-width:200px;overflow:hidden;white-space:nowrap;padding:6px 10px;background:var(--panel-bgcolor);border-bottom:1px solid var(--panel-border-color);cursor:pointer}.map-container .context-menu .menu-list li span{line-height:20px}.map-container .context-menu .menu-list li a{color:#333;text-decoration:none}.map-container .context-menu .menu-list li.disabled{display:none}.map-container .context-menu .menu-list li:hover{filter:brightness(.95)}.map-container .context-menu .menu-list li:last-child{border-bottom:0}.map-container .context-menu .menu-list li span:last-child{float:right}.map-container .context-menu .key{font-size:10px;background-color:#f1f1f1;color:#333;padding:2px 5px;border-radius:3px}.map-container .tips{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--panel-color);background:var(--panel-bgcolor);opacity:.8;padding:5px 10px;border-radius:5px;font-weight:700}.mind-elixir-toolbar{position:absolute;color:var(--panel-color);background:var(--panel-bgcolor);padding:10px;border-radius:5px;box-shadow:0 1px 2px #0003}.mind-elixir-toolbar svg{display:inline-block}.mind-elixir-toolbar span:active{opacity:.5}.mind-elixir-toolbar.rb{right:20px;bottom:20px}.mind-elixir-toolbar.rb span+span{margin-left:10px}.mind-elixir-toolbar.lt{font-size:20px;left:20px;top:20px}.mind-elixir-toolbar.lt span{display:block}.mind-elixir-toolbar.lt span+span{margin-top:10px}
|
|
1
|
+
.map-container{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;user-select:none;-webkit-user-select:none;height:100%;width:100%;overflow:hidden;font-size:16px;outline:none;touch-action:none;background-color:var(--bgcolor)}.map-container p{margin:0}.map-container *{box-sizing:border-box}.map-container::-webkit-scrollbar{width:0px;height:0px}.map-container .selected{outline:2px solid var(--selected);outline-offset:1px}.map-container.space-pressed,.map-container.space-pressed *{cursor:grab!important}.map-container.space-pressed:active,.map-container.space-pressed:active *{cursor:grabbing!important}.map-container .hyper-link{text-decoration:none;margin-left:.3em}.map-container me-main>me-wrapper>me-parent>me-epd{top:calc(50% - 9px)}.map-container me-epd{top:calc(100% - 9px)}.map-container .lhs{direction:rtl}.map-container .lhs>me-wrapper>me-parent>me-epd{left:-10px}.map-container .lhs me-epd{left:5px}.map-container .lhs me-tpc{direction:ltr}.map-container .rhs>me-wrapper>me-parent>me-epd{right:-10px}.map-container .rhs me-epd{right:5px}.map-container .map-canvas{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;width:fit-content;transform:scale(1)}.map-container .map-canvas me-nodes{position:relative;display:flex;justify-content:center;align-items:center;height:max-content;width:max-content;padding:var(--map-padding)}.map-container me-main>me-wrapper{position:relative;margin:var(--main-gap-y) var(--main-gap-x)}.map-container me-main>me-wrapper>me-parent{margin:10px;padding:0}.map-container me-main>me-wrapper>me-parent>me-tpc{border-radius:var(--main-radius);background-color:var(--main-bgcolor);border:var(--main-border, 2px solid var(--main-color));color:var(--main-color);padding:8px 25px}.map-container me-wrapper{display:block;width:fit-content}.map-container me-children,.map-container me-parent{display:inline-block;vertical-align:middle}.map-container me-root{position:relative;margin:45px 0;z-index:10}.map-container me-root me-tpc{font-size:25px;color:var(--root-color);padding:10px 30px;border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;background-color:var(--root-bgcolor)}.map-container me-parent{position:relative;cursor:pointer;padding:6px var(--node-gap-x);margin-top:var(--node-gap-y);z-index:10}.map-container me-parent me-tpc{position:relative;border-radius:3px;color:var(--color);padding:var(--topic-padding)}.map-container me-parent me-tpc .insert-preview{position:absolute;width:100%;left:0;z-index:9}.map-container me-parent me-tpc .show{background:#7ad5ff;pointer-events:none;opacity:.7;border-radius:3px}.map-container me-parent me-tpc .before{height:14px;top:-14px}.map-container me-parent me-tpc .in{height:100%;top:0}.map-container me-parent me-tpc .after{height:14px;bottom:-14px}.map-container me-parent me-epd{position:absolute;height:18px;width:18px;opacity:.8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NDcxNzI0MiIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNDgwaC0xMzguNjY2NjY3VjM0MS4zMzMzMzNjMC0xNy4wNjY2NjctMTQuOTMzMzMzLTMyLTMyLTMycy0zMiAxNC45MzMzMzMtMzIgMzJ2MTM4LjY2NjY2N0gzNDEuMzMzMzMzYy0xNy4wNjY2NjcgMC0zMiAxNC45MzMzMzMtMzIgMzJzMTQuOTMzMzMzIDMyIDMyIDMyaDEzOC42NjY2NjdWNjgyLjY2NjY2N2MwIDE3LjA2NjY2NyAxNC45MzMzMzMgMzIgMzIgMzJzMzItMTQuOTMzMzMzIDMyLTMydi0xMzguNjY2NjY3SDY4Mi42NjY2NjdjMTcuMDY2NjY3IDAgMzItMTQuOTMzMzMzIDMyLTMycy0xNC45MzMzMzMtMzItMzItMzJ6Ij48L3BhdGg+Cjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;z-index:9}.map-container me-parent me-epd.minus{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NTU2NDk4NSIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNTQ0SDM0MS4zMzMzMzNjLTE3LjA2NjY2NyAwLTMyLTE0LjkzMzMzMy0zMi0zMnMxNC45MzMzMzMtMzIgMzItMzJoMzQxLjMzMzMzNGMxNy4wNjY2NjcgMCAzMiAxNC45MzMzMzMgMzIgMzJzLTE0LjkzMzMzMyAzMi0zMiAzMnoiPjwvcGF0aD4KPC9zdmc+)!important;transition:opacity .3s;opacity:0}@media (hover: hover){.map-container me-parent me-epd.minus:hover{opacity:.8}}@media (hover: none){.map-container me-parent me-epd.minus{opacity:.8}}.map-container .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.map-container .lines,.map-container .summary,.map-container .subLines,.map-container .topiclinks,.map-container .linkcontroller{position:absolute;height:102%;width:100%;top:0;left:0}.map-container .topiclinks,.map-container .linkcontroller,.map-container .summary{pointer-events:none;z-index:20}.map-container .summary>g,.map-container .topiclinks>g{cursor:pointer;pointer-events:stroke;z-index:20}.map-container .label-container{z-index:21}.map-container .lines,.map-container .subLines{pointer-events:none}.map-container #input-box{position:absolute;top:0;left:0;width:max-content;max-width:35em;direction:ltr;-webkit-user-select:auto;user-select:auto;pointer-events:auto;color:var(--color);background-color:var(--bgcolor);outline:1px solid #ccc;border-radius:3px;z-index:100}.map-container me-tpc{display:block;max-width:35em;white-space:pre-wrap;pointer-events:all}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>.text{display:inline-block}.map-container me-tpc>.text a{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container .circle{position:absolute;pointer-events:all;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;z-index:50;cursor:pointer}.map-container .circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:transparent}.map-container .tags{direction:ltr}.map-container .tags span{display:inline-block;border-radius:3px;padding:2px 4px;background:#d6f0f8;color:#276f86;margin:2px 4px 0 0;font-size:12px;line-height:1.3em}.map-container .icons{display:inline-block;direction:ltr;margin-left:5px}.map-container .icons span{display:inline-block;line-height:1.3em}.map-container .mind-elixir-ghost{position:absolute;top:0;left:0;box-sizing:content-box;opacity:.7;background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);max-width:200px;width:fit-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;border-radius:6px;display:none;pointer-events:none;z-index:1000}.map-container .selection-area{background:#4f90f22d;border:1px solid #4f90f2}.map-container .svg-label{position:absolute;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;pointer-events:auto;cursor:pointer;z-index:10;width:max-content;max-width:200px;border-radius:3px;padding:var(--topic-padding)}.map-container .svg-label[data-type=arrow]{background-color:var(--main-bgcolor-transparent)}.map-container h1{font-size:1.5rem;font-weight:700;color:var(--selected)}.map-container h2{font-size:1.25rem;font-weight:600;color:var(--selected)}.map-container h3{font-size:1.125rem;font-weight:600;color:var(--selected)}.map-container h4{font-size:1rem;font-weight:600;color:var(--selected)}.map-container h5{font-size:.875rem;font-weight:600;color:var(--selected)}.map-container h6{font-size:.875rem;font-weight:500;margin:.1rem 0;color:var(--selected);font-style:italic}.map-container strong.asterisk-emphasis,.map-container em{color:var(--selected)}.map-container strong.underscore-emphasis{background:#ffeb3b40;padding:.05em .15em;border-radius:.15em}.map-container a{color:var(--selected)}.map-container a:hover{color:var(--selected);text-decoration:underline}.map-container .context-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.map-container .context-menu .menu-list{position:fixed;list-style:none;margin:0;padding:0;color:var(--panel-color);box-shadow:0 12px 15px #0003;border-radius:5px;overflow:hidden}.map-container .context-menu .menu-list li{min-width:200px;overflow:hidden;white-space:nowrap;padding:6px 10px;background:var(--panel-bgcolor);border-bottom:1px solid var(--panel-border-color);cursor:pointer}.map-container .context-menu .menu-list li span{line-height:20px}.map-container .context-menu .menu-list li a{color:#333;text-decoration:none}.map-container .context-menu .menu-list li.disabled{display:none}.map-container .context-menu .menu-list li:hover{filter:brightness(.95)}.map-container .context-menu .menu-list li:last-child{border-bottom:0}.map-container .context-menu .menu-list li span:last-child{float:right}.map-container .context-menu .key{font-size:10px;background-color:#f1f1f1;color:#333;padding:2px 5px;border-radius:3px}.map-container .tips{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--panel-color);background:var(--panel-bgcolor);opacity:.8;padding:5px 10px;border-radius:5px;font-weight:700}.mind-elixir-toolbar{position:absolute;color:var(--panel-color);background:var(--panel-bgcolor);padding:10px;border-radius:5px;box-shadow:0 1px 2px #0003}.mind-elixir-toolbar svg{display:inline-block}.mind-elixir-toolbar span:active{opacity:.5}.mind-elixir-toolbar.rb{right:20px;bottom:20px}.mind-elixir-toolbar.rb span+span{margin-left:10px}.mind-elixir-toolbar.lt{font-size:20px;left:20px;top:20px}.mind-elixir-toolbar.lt span{display:block}.mind-elixir-toolbar.lt span+span{margin-top:10px}
|