@loopstack/loopstack-studio 0.29.5 → 0.30.0

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-PNZ67QCA.js

@@ -1,9 +1,9 @@
+import select_default from "../../../../d3-selection/src/select.js";
 import { __export, __name, log } from "./chunk-AGHRB4JF.js";
 import is_dark_default from "../../../../khroma/dist/methods/is_dark.js";
 import lighten_default from "../../../../khroma/dist/methods/lighten.js";
 import darken_default from "../../../../khroma/dist/methods/darken.js";
 import { clear, commonDb_exports, getConfig, getConfig2, setupGraphViewbox } from "./chunk-CSCIHK7Q.js";
-import select_default from "../../../../d3-selection/src/select.js";
 import arc_default from "../../../../d3-shape/src/arc.js";
 import "../../../../d3/src/index.js";
 import { selectSvgElement } from "./chunk-WU5MYG2G.js";
@@ -12,7 +12,7 @@ var parser = (function() {
 	var e = /* @__PURE__ */ __name(function(e, b, x, S) {
 		for (x ||= {}, S = e.length; S--; x[e[S]] = b);
 		return x;
-	}, "o"), x = [
+	}, "o"), b = [
 		6,
 		11,
 		13,
@@ -147,10 +147,10 @@ var parser = (function() {
 				9: [1, 5]
 			},
 			{ 1: [3] },
-			e(x, [2, 5], { 5: 6 }),
-			e(x, [2, 2]),
-			e(x, [2, 3]),
-			e(x, [2, 4]),
+			e(b, [2, 5], { 5: 6 }),
+			e(b, [2, 2]),
+			e(b, [2, 3]),
+			e(b, [2, 4]),
 			{
 				6: [1, 7],
 				10: 8,
@@ -167,8 +167,8 @@ var parser = (function() {
 				23: D,
 				24: O
 			},
-			e(x, [2, 10], { 1: [2, 1] }),
-			e(x, [2, 6]),
+			e(b, [2, 10], { 1: [2, 1] }),
+			e(b, [2, 6]),
 			{
 				12: 21,
 				14: S,
@@ -181,20 +181,20 @@ var parser = (function() {
 				23: D,
 				24: O
 			},
-			e(x, [2, 8]),
-			e(x, [2, 9]),
-			e(x, [2, 11]),
+			e(b, [2, 8]),
+			e(b, [2, 9]),
+			e(b, [2, 11]),
 			{ 16: [1, 22] },
 			{ 18: [1, 23] },
-			e(x, [2, 14]),
-			e(x, [2, 15]),
-			e(x, [2, 16]),
-			e(x, [2, 17]),
-			e(x, [2, 18]),
-			e(x, [2, 19]),
-			e(x, [2, 7]),
-			e(x, [2, 12]),
-			e(x, [2, 13])
+			e(b, [2, 14]),
+			e(b, [2, 15]),
+			e(b, [2, 16]),
+			e(b, [2, 17]),
+			e(b, [2, 18]),
+			e(b, [2, 19]),
+			e(b, [2, 7]),
+			e(b, [2, 12]),
+			e(b, [2, 13])
 		],
 		defaultActions: {},
 		parseError: /* @__PURE__ */ __name(function(e, b) {
@@ -205,7 +205,7 @@ var parser = (function() {
 			}
 		}, "parseError"),
 		parse: /* @__PURE__ */ __name(function(e) {
-			var x = this, S = [0], C = [], w = [null], T = [], E = this.table, D = "", O = 0, k = 0, A = 0, j = 2, M = 1, N = T.slice.call(arguments, 1), P = Object.create(this.lexer), F = { yy: {} };
+			var b = this, S = [0], C = [], w = [null], T = [], E = this.table, D = "", O = 0, k = 0, A = 0, j = 2, M = 1, N = T.slice.call(arguments, 1), P = Object.create(this.lexer), F = { yy: {} };
 			for (var I in this.yy) Object.prototype.hasOwnProperty.call(this.yy, I) && (F.yy[I] = this.yy[I]);
 			P.setInput(e, F.yy), F.yy.lexer = P, F.yy.parser = this, P.yylloc === void 0 && (P.yylloc = {});
 			var L = P.yylloc;
@@ -218,7 +218,7 @@ var parser = (function() {
 			__name(z, "popStack");
 			function B() {
 				var e = C.pop() || P.lex() || M;
-				return typeof e != "number" && (e instanceof Array && (C = e, e = C.pop()), e = x.symbols_[e] || e), e;
+				return typeof e != "number" && (e instanceof Array && (C = e, e = C.pop()), e = b.symbols_[e] || e), e;
 			}
 			__name(B, "lex");
 			for (var V, H, U, W, G, K = {}, q, J, Y, X;;) {
@@ -543,9 +543,9 @@ var currentSection = "", currentTaskId = 0, direction = "LR", sections = [], tas
 }, "addTaskOrg"), compileTasks = /* @__PURE__ */ __name(function() {
 	let e = /* @__PURE__ */ __name(function(e) {
 		return rawTasks[e].processed;
-	}, "compileTask"), x = !0;
-	for (let [b, S] of rawTasks.entries()) e(b), x &&= S.processed;
-	return x;
+	}, "compileTask"), b = !0;
+	for (let [x, S] of rawTasks.entries()) e(x), b &&= S.processed;
+	return b;
 }, "compileTasks"), timelineDb_default = {
 	clear: clear2,
 	getCommonDb,
@@ -560,23 +560,23 @@ var currentSection = "", currentTaskId = 0, direction = "LR", sections = [], tas
 }, nodeCount = 0, drawRect = /* @__PURE__ */ __name(function(e, b) {
 	let x = e.append("rect");
 	return x.attr("x", b.x), x.attr("y", b.y), x.attr("fill", b.fill), x.attr("stroke", b.stroke), x.attr("width", b.width), x.attr("height", b.height), x.attr("rx", b.rx), x.attr("ry", b.ry), b.class !== void 0 && x.attr("class", b.class), x;
-}, "drawRect"), drawFace = /* @__PURE__ */ __name(function(e, x) {
-	let S = e.append("circle").attr("cx", x.cx).attr("cy", x.cy).attr("class", "face").attr("r", 15).attr("stroke-width", 2).attr("overflow", "visible"), C = e.append("g");
-	C.append("circle").attr("cx", x.cx - 15 / 3).attr("cy", x.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666"), C.append("circle").attr("cx", x.cx + 15 / 3).attr("cy", x.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
+}, "drawRect"), drawFace = /* @__PURE__ */ __name(function(e, b) {
+	let S = e.append("circle").attr("cx", b.cx).attr("cy", b.cy).attr("class", "face").attr("r", 15).attr("stroke-width", 2).attr("overflow", "visible"), C = e.append("g");
+	C.append("circle").attr("cx", b.cx - 15 / 3).attr("cy", b.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666"), C.append("circle").attr("cx", b.cx + 15 / 3).attr("cy", b.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
 	function w(e) {
-		let b = arc_default().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(15 / 2).outerRadius(15 / 2.2);
-		e.append("path").attr("class", "mouth").attr("d", b).attr("transform", "translate(" + x.cx + "," + (x.cy + 2) + ")");
+		let x = arc_default().startAngle(Math.PI / 2).endAngle(3 * (Math.PI / 2)).innerRadius(15 / 2).outerRadius(15 / 2.2);
+		e.append("path").attr("class", "mouth").attr("d", x).attr("transform", "translate(" + b.cx + "," + (b.cy + 2) + ")");
 	}
 	__name(w, "smile");
 	function T(e) {
-		let b = arc_default().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(15 / 2).outerRadius(15 / 2.2);
-		e.append("path").attr("class", "mouth").attr("d", b).attr("transform", "translate(" + x.cx + "," + (x.cy + 7) + ")");
+		let x = arc_default().startAngle(3 * Math.PI / 2).endAngle(5 * (Math.PI / 2)).innerRadius(15 / 2).outerRadius(15 / 2.2);
+		e.append("path").attr("class", "mouth").attr("d", x).attr("transform", "translate(" + b.cx + "," + (b.cy + 7) + ")");
 	}
 	__name(T, "sad");
 	function E(e) {
-		e.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", x.cx - 5).attr("y1", x.cy + 7).attr("x2", x.cx + 5).attr("y2", x.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
+		e.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", b.cx - 5).attr("y1", b.cy + 7).attr("x2", b.cx + 5).attr("y2", b.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
 	}
-	return __name(E, "ambivalent"), x.score > 3 ? w(C) : x.score < 3 ? T(C) : E(C), S;
+	return __name(E, "ambivalent"), b.score > 3 ? w(C) : b.score < 3 ? T(C) : E(C), S;
 }, "drawFace"), drawCircle = /* @__PURE__ */ __name(function(e, b) {
 	let x = e.append("circle");
 	return x.attr("cx", b.cx), x.attr("cy", b.cy), x.attr("class", "actor-" + b.pos), x.attr("fill", b.fill), x.attr("stroke", b.stroke), x.attr("r", b.r), x.class !== void 0 && x.attr("class", x.class), b.title !== void 0 && x.append("title").text(b.title), x;
@@ -585,13 +585,13 @@ var currentSection = "", currentTaskId = 0, direction = "LR", sections = [], tas
 	S.attr("x", b.x), S.attr("y", b.y), S.attr("class", "legend"), S.style("text-anchor", b.anchor), b.class !== void 0 && S.attr("class", b.class);
 	let C = S.append("tspan");
 	return C.attr("x", b.x + b.textMargin * 2), C.text(x), S;
-}, "drawText"), drawLabel = /* @__PURE__ */ __name(function(e, x) {
+}, "drawText"), drawLabel = /* @__PURE__ */ __name(function(e, b) {
 	function S(e, b, x, S, C) {
 		return e + "," + b + " " + (e + x) + "," + b + " " + (e + x) + "," + (b + S - C) + " " + (e + x - C * 1.2) + "," + (b + S) + " " + e + "," + (b + S);
 	}
 	__name(S, "genPoints");
 	let C = e.append("polygon");
-	C.attr("points", S(x.x, x.y, 50, 20, 7)), C.attr("class", "labelBox"), x.y += x.labelMargin, x.x += .5 * x.labelMargin, drawText(e, x);
+	C.attr("points", S(b.x, b.y, 50, 20, 7)), C.attr("class", "labelBox"), b.y += b.labelMargin, b.x += .5 * b.labelMargin, drawText(e, b);
 }, "drawLabel"), drawSection = /* @__PURE__ */ __name(function(e, b, x) {
 	let S = e.append("g"), C = getNoteRect();
 	C.x = b.x, C.y = b.y, C.fill = b.fill, C.width = x.width, C.height = x.height, C.class = "journey-section section-type-" + b.num, C.rx = 3, C.ry = 3, drawRect(S, C), _drawTextCandidateFunc(x)(b.text, S, C.x, C.y, C.width, C.height, { class: "journey-section section-type-" + b.num }, x, b.colour);
@@ -640,47 +640,47 @@ var currentSection = "", currentTaskId = 0, direction = "LR", sections = [], tas
 		C(b.append("text").attr("x", x + w / 2).attr("y", S + T / 2 + 5).style("font-color", D).style("text-anchor", "middle").text(e), E);
 	}
 	__name(e, "byText");
-	function x(e, b, x, S, w, T, E, D, O) {
+	function b(e, b, x, S, w, T, E, D, O) {
 		let { taskFontSize: k, taskFontFamily: A } = D, j = e.split(/<br\s*\/?>/gi);
 		for (let e = 0; e < j.length; e++) {
 			let D = e * k - k * (j.length - 1) / 2, M = b.append("text").attr("x", x + w / 2).attr("y", S).attr("fill", O).style("text-anchor", "middle").style("font-size", k).style("font-family", A);
 			M.append("tspan").attr("x", x + w / 2).attr("dy", D).text(j[e]), M.attr("y", S + T / 2).attr("dominant-baseline", "central").attr("alignment-baseline", "central"), C(M, E);
 		}
 	}
-	__name(x, "byTspan");
-	function S(e, b, S, w, T, E, D, O) {
-		let k = b.append("switch"), A = k.append("foreignObject").attr("x", S).attr("y", w).attr("width", T).attr("height", E).attr("position", "fixed").append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
-		A.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(e), x(e, k, S, w, T, E, D, O), C(A, D);
+	__name(b, "byTspan");
+	function S(e, x, S, w, T, E, D, O) {
+		let k = x.append("switch"), A = k.append("foreignObject").attr("x", S).attr("y", w).attr("width", T).attr("height", E).attr("position", "fixed").append("xhtml:div").style("display", "table").style("height", "100%").style("width", "100%");
+		A.append("div").attr("class", "label").style("display", "table-cell").style("text-align", "center").style("vertical-align", "middle").text(e), b(e, k, S, w, T, E, D, O), C(A, D);
 	}
 	__name(S, "byFo");
 	function C(e, b) {
 		for (let x in b) x in b && e.attr(x, b[x]);
 	}
-	return __name(C, "_setTextAttrs"), function(b) {
-		return b.textPlacement === "fo" ? S : b.textPlacement === "old" ? e : x;
+	return __name(C, "_setTextAttrs"), function(x) {
+		return x.textPlacement === "fo" ? S : x.textPlacement === "old" ? e : b;
 	};
 })(), initGraphics = /* @__PURE__ */ __name(function(e, b) {
 	nodeCount = 0, taskCount = -1, e.append("defs").append("marker").attr("id", b + "-arrowhead").attr("refX", 5).attr("refY", 2).attr("markerWidth", 6).attr("markerHeight", 4).attr("orient", "auto").append("path").attr("d", "M 0,0 V 4 L6,2 Z");
 }, "initGraphics");
-function wrap(e, b) {
-	e.each(function() {
-		var e = select_default(this), x = e.text().split(/(\s+|<br>)/).reverse(), S, C = [], w = 1.1, T = e.attr("y"), E = parseFloat(e.attr("dy")), D = e.text(null).append("tspan").attr("x", 0).attr("y", T).attr("dy", E + "em");
-		for (let E = 0; E < x.length; E++) S = x[x.length - 1 - E], C.push(S), D.text(C.join(" ").trim()), (D.node().getComputedTextLength() > b || S === "<br>") && (C.pop(), D.text(C.join(" ").trim()), C = S === "<br>" ? [""] : [S], D = e.append("tspan").attr("x", 0).attr("y", T).attr("dy", w + "em").text(S));
+function wrap(b, x) {
+	b.each(function() {
+		var b = select_default(this), S = b.text().split(/(\s+|<br>)/).reverse(), C, w = [], T = 1.1, E = b.attr("y"), D = parseFloat(b.attr("dy")), O = b.text(null).append("tspan").attr("x", 0).attr("y", E).attr("dy", D + "em");
+		for (let e = 0; e < S.length; e++) C = S[S.length - 1 - e], w.push(C), O.text(w.join(" ").trim()), (O.node().getComputedTextLength() > x || C === "<br>") && (w.pop(), O.text(w.join(" ").trim()), w = C === "<br>" ? [""] : [C], O = b.append("tspan").attr("x", 0).attr("y", E).attr("dy", T + "em").text(C));
 	});
 }
 __name(wrap, "wrap");
-var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
-	let { theme: T, look: E } = S, D = T?.includes("redux"), O = x % (S?.themeVariables?.THEME_COLOR_LIMIT ?? 12) - 1, k = e.append("g");
-	b.section = O, k.attr("class", (b.class ? b.class + " " : "") + "timeline-node " + ("section-" + O));
-	let j = k.append("g"), M = k.append("g"), N = M.append("text").text(b.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, b.width).node().getBBox(), P = S.fontSize?.replace ? S.fontSize.replace("px", "") : S.fontSize;
-	if (b.height = N.height + P * 1.1 * .5 + b.padding, b.height = Math.max(b.height, b.maxHeight), b.width += 2 * b.padding, M.attr("transform", "translate(" + b.width / 2 + ", " + b.padding / 2 + ")"), D && M.attr("transform", `translate(${b.width / 2}, ${w ? b.padding / 2 + 3 : b.padding})`), defaultBkg(j, b, O, C, S), E === "neo" && (k.attr("data-look", "neo"), D)) {
-		let b = T.includes("dark"), x = select_default(e.node()?.ownerSVGElement ?? e.node()), S = x.attr("id") ?? "", C = S ? `${S}-drop-shadow` : "drop-shadow";
-		if (x.select(`#${C}`).empty()) {
-			let e = x.select("defs");
-			(e.empty() ? x.append("defs") : e).append("filter").attr("id", C).attr("height", "130%").attr("width", "130%").append("feDropShadow").attr("dx", "4").attr("dy", "4").attr("stdDeviation", 0).attr("flood-opacity", b ? "0.2" : "0.06").attr("flood-color", b ? "#FFFFFF" : "#000000");
+var drawNode = /* @__PURE__ */ __name(function(b, x, S, C, w, T = !1) {
+	let { theme: E, look: D } = C, O = E?.includes("redux"), k = S % (C?.themeVariables?.THEME_COLOR_LIMIT ?? 12) - 1, A = b.append("g");
+	x.section = k, A.attr("class", (x.class ? x.class + " " : "") + "timeline-node " + ("section-" + k));
+	let j = A.append("g"), M = A.append("g"), N = M.append("text").text(x.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, x.width).node().getBBox(), P = C.fontSize?.replace ? C.fontSize.replace("px", "") : C.fontSize;
+	if (x.height = N.height + P * 1.1 * .5 + x.padding, x.height = Math.max(x.height, x.maxHeight), x.width += 2 * x.padding, M.attr("transform", "translate(" + x.width / 2 + ", " + x.padding / 2 + ")"), O && M.attr("transform", `translate(${x.width / 2}, ${T ? x.padding / 2 + 3 : x.padding})`), defaultBkg(j, x, k, w, C), D === "neo" && (A.attr("data-look", "neo"), O)) {
+		let x = E.includes("dark"), S = select_default(b.node()?.ownerSVGElement ?? b.node()), C = S.attr("id") ?? "", w = C ? `${C}-drop-shadow` : "drop-shadow";
+		if (S.select(`#${w}`).empty()) {
+			let e = S.select("defs");
+			(e.empty() ? S.append("defs") : e).append("filter").attr("id", w).attr("height", "130%").attr("width", "130%").append("feDropShadow").attr("dx", "4").attr("dy", "4").attr("stdDeviation", 0).attr("flood-opacity", x ? "0.2" : "0.06").attr("flood-color", x ? "#FFFFFF" : "#000000");
 		}
 	}
-	return b;
+	return x;
 }, "drawNode"), getVirtualNodeHeight = /* @__PURE__ */ __name(function(e, b, x) {
 	let S = e.append("g"), C = S.append("text").text(b.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(wrap, b.width).node().getBBox(), w = x.fontSize?.replace ? x.fontSize.replace("px", "") : x.fontSize;
 	return S.remove(), C.height + w * 1.1 * .5 + b.padding;
@@ -700,16 +700,16 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 	initGraphics,
 	drawNode,
 	getVirtualNodeHeight
-}, draw = /* @__PURE__ */ __name(function(e, b, S, C) {
-	let w = getConfig2(), { look: T, theme: E, themeVariables: D } = w, { useGradient: j, gradientStart: M, gradientStop: N } = D, P = w.timeline?.leftMargin ?? 50;
-	log.debug("timeline", C.db);
-	let F = w.securityLevel, I;
-	F === "sandbox" && (I = select_default("#i" + b));
-	let L = select_default(F === "sandbox" ? I.nodes()[0].contentDocument.body : "body").select("#" + b);
+}, draw = /* @__PURE__ */ __name(function(b, x, C, w) {
+	let T = getConfig2(), { look: E, theme: D, themeVariables: O } = T, { useGradient: j, gradientStart: M, gradientStop: N } = O, P = T.timeline?.leftMargin ?? 50;
+	log.debug("timeline", w.db);
+	let F = T.securityLevel, I;
+	F === "sandbox" && (I = select_default("#i" + x));
+	let L = select_default(F === "sandbox" ? I.nodes()[0].contentDocument.body : "body").select("#" + x);
 	L.append("g");
-	let R = C.db.getTasks(), z = C.db.getCommonDb().getDiagramTitle();
-	log.debug("task", R), svgDraw_default.initGraphics(L, b);
-	let B = C.db.getSections();
+	let R = w.db.getTasks(), z = w.db.getCommonDb().getDiagramTitle();
+	log.debug("task", R), svgDraw_default.initGraphics(L, x);
+	let B = w.db.getSections();
 	log.debug("sections", B);
 	let V = 0, H = 0, U = 0, W = 0, G = 50 + P, K = 50;
 	W = 50;
@@ -722,22 +722,22 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 			width: 150,
 			padding: 20,
 			maxHeight: V
-		}, S = svgDraw_default.getVirtualNodeHeight(L, b, w);
-		log.debug("sectionHeight before draw", S), V = Math.max(V, S + 20);
+		}, x = svgDraw_default.getVirtualNodeHeight(L, b, T);
+		log.debug("sectionHeight before draw", x), V = Math.max(V, x + 20);
 	});
 	let Y = 0, X = 0;
 	log.debug("tasks.length", R.length);
 	for (let [e, b] of R.entries()) {
-		let S = {
+		let x = {
 			number: e,
 			descr: b,
 			section: b.section,
 			width: 150,
 			padding: 20,
 			maxHeight: H
-		}, C = svgDraw_default.getVirtualNodeHeight(L, S, w);
+		}, C = svgDraw_default.getVirtualNodeHeight(L, x, T);
 		log.debug("taskHeight before draw", C), H = Math.max(H, C + 20), Y = Math.max(Y, b.events.length);
-		let T = 0;
+		let w = 0;
 		for (let e of b.events) {
 			let x = {
 				descr: e,
@@ -747,74 +747,74 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 				padding: 20,
 				maxHeight: 50
 			};
-			T += svgDraw_default.getVirtualNodeHeight(L, x, w);
+			w += svgDraw_default.getVirtualNodeHeight(L, x, T);
 		}
-		b.events.length > 0 && (T += (b.events.length - 1) * 10), X = Math.max(X, T);
+		b.events.length > 0 && (w += (b.events.length - 1) * 10), X = Math.max(X, w);
 	}
 	log.debug("maxSectionHeight before draw", V), log.debug("maxTaskHeight before draw", H), B && B.length > 0 ? B.forEach((e) => {
-		let S = R.filter((b) => b.section === e), C = {
+		let b = R.filter((b) => b.section === e), C = {
 			number: q,
 			descr: e,
 			section: q,
-			width: 200 * Math.max(S.length, 1) - 50,
+			width: 200 * Math.max(b.length, 1) - 50,
 			padding: 20,
 			maxHeight: V
 		};
 		log.debug("sectionNode", C);
-		let T = L.append("g"), E = svgDraw_default.drawNode(T, C, q, w, b);
-		log.debug("sectionNode output", E), T.attr("transform", `translate(${G}, ${W})`), K += V + 50, S.length > 0 && drawTasks(L, S, q, G, K, H, w, Y, X, V, !1, b), G += 200 * Math.max(S.length, 1), K = W, q++;
-	}) : (J = !1, drawTasks(L, R, q, G, K, H, w, Y, X, V, !0, b));
+		let w = L.append("g"), E = svgDraw_default.drawNode(w, C, q, T, x);
+		log.debug("sectionNode output", E), w.attr("transform", `translate(${G}, ${W})`), K += V + 50, b.length > 0 && drawTasks(L, b, q, G, K, H, T, Y, X, V, !1, x), G += 200 * Math.max(b.length, 1), K = W, q++;
+	}) : (J = !1, drawTasks(L, R, q, G, K, H, T, Y, X, V, !0, x));
 	let Z = L.node().getBBox();
-	if (log.debug("bounds", Z), z && L.append("text").text(z).attr("x", T === "neo" ? Z.x * 2 + P : Z.width / 2 - P).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), U = J ? V + H + 150 : H + 100, L.append("g").attr("class", "lineWrapper").append("line").attr("x1", P).attr("y1", U).attr("x2", Z.width + 3 * P).attr("y2", U).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", `url(#${b}-arrowhead)`), T === "neo" && j && E !== "neutral") {
+	if (log.debug("bounds", Z), z && L.append("text").text(z).attr("x", E === "neo" ? Z.x * 2 + P : Z.width / 2 - P).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), U = J ? V + H + 150 : H + 100, L.append("g").attr("class", "lineWrapper").append("line").attr("x1", P).attr("y1", U).attr("x2", Z.width + 3 * P).attr("y2", U).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", `url(#${x}-arrowhead)`), E === "neo" && j && D !== "neutral") {
 		let e = L.select("defs"), b = (e.empty() ? L.append("defs") : e).append("linearGradient").attr("id", L.attr("id") + "-gradient").attr("gradientUnits", "objectBoundingBox").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
 		b.append("stop").attr("offset", "0%").attr("stop-color", M).attr("stop-opacity", 1), b.append("stop").attr("offset", "100%").attr("stop-color", N).attr("stop-opacity", 1);
 	}
-	setupGraphViewbox(void 0, L, w.timeline?.padding ?? 50, w.timeline?.useMaxWidth ?? !1);
-}, "draw"), drawTasks = /* @__PURE__ */ __name(function(e, b, S, C, w, T, E, D, O, k, A, j) {
+	setupGraphViewbox(void 0, L, T.timeline?.padding ?? 50, T.timeline?.useMaxWidth ?? !1);
+}, "draw"), drawTasks = /* @__PURE__ */ __name(function(e, b, x, C, w, T, E, D, O, k, A, j) {
 	for (let D of b) {
 		let b = {
 			descr: D.task,
-			section: S,
-			number: S,
+			section: x,
+			number: x,
 			width: 150,
 			padding: 20,
 			maxHeight: T
 		};
 		log.debug("taskNode", b);
-		let k = e.append("g").attr("class", "taskWrapper"), M = svgDraw_default.drawNode(k, b, S, E, j).height;
+		let k = e.append("g").attr("class", "taskWrapper"), M = svgDraw_default.drawNode(k, b, x, E, j).height;
 		if (log.debug("taskHeight after draw", M), k.attr("transform", `translate(${C}, ${w})`), T = Math.max(T, M), D.events) {
-			let b = e.append("g").attr("class", "lineWrapper"), x = T;
-			w += 100, x += drawEvents(e, D.events, S, C, w, E, j), w -= 100, b.append("line").attr("x1", C + 190 / 2).attr("y1", w + T).attr("x2", C + 190 / 2).attr("y2", w + T + 100 + O + 100).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", `url(#${j}-arrowhead)`).attr("stroke-dasharray", "5,5");
+			let b = e.append("g").attr("class", "lineWrapper"), S = T;
+			w += 100, S += drawEvents(e, D.events, x, C, w, E, j), w -= 100, b.append("line").attr("x1", C + 190 / 2).attr("y1", w + T).attr("x2", C + 190 / 2).attr("y2", w + T + 100 + O + 100).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", `url(#${j}-arrowhead)`).attr("stroke-dasharray", "5,5");
 		}
-		C += 200, A && !E.timeline?.disableMulticolor && S++;
+		C += 200, A && !E.timeline?.disableMulticolor && x++;
 	}
 	w -= 10;
-}, "drawTasks"), drawEvents = /* @__PURE__ */ __name(function(e, b, S, C, w, T, E) {
+}, "drawTasks"), drawEvents = /* @__PURE__ */ __name(function(e, b, x, C, w, T, E) {
 	let D = 0, O = w;
 	w += 100;
 	for (let O of b) {
 		let b = {
 			descr: O,
-			section: S,
-			number: S,
+			section: x,
+			number: x,
 			width: 150,
 			padding: 20,
 			maxHeight: 50
 		};
 		log.debug("eventNode", b);
-		let k = e.append("g").attr("class", "eventWrapper"), A = svgDraw_default.drawNode(k, b, S, T, E, !0).height;
+		let k = e.append("g").attr("class", "eventWrapper"), A = svgDraw_default.drawNode(k, b, x, T, E, !0).height;
 		D += A, k.attr("transform", `translate(${C}, ${w})`), w = w + 10 + A;
 	}
 	return w = O, D;
 }, "drawEvents"), timelineRenderer_default = {
 	setConf: /* @__PURE__ */ __name(() => {}, "setConf"),
 	draw
-}, NODE_WIDTH = 200, NODE_PADDING = 5, NODE_TOTAL_WIDTH = NODE_WIDTH + NODE_PADDING * 2, EVENT_WIDTH = NODE_WIDTH + 100, EVENT_TOTAL_WIDTH = EVENT_WIDTH + NODE_PADDING * 2, EVENT_SPACING = 10, EVENT_VERTICAL_GAP = 0, SECTION_TASK_GAP = 20, TASK_AXIS_GAP = 20, TASK_VERTICAL_GAP = 30, EVENT_AXIS_GAP = 50, draw2 = /* @__PURE__ */ __name(function(e, b, S, C) {
+}, NODE_WIDTH = 200, NODE_PADDING = 5, NODE_TOTAL_WIDTH = NODE_WIDTH + NODE_PADDING * 2, EVENT_WIDTH = NODE_WIDTH + 100, EVENT_TOTAL_WIDTH = EVENT_WIDTH + NODE_PADDING * 2, EVENT_SPACING = 10, EVENT_VERTICAL_GAP = 0, SECTION_TASK_GAP = 20, TASK_AXIS_GAP = 20, TASK_VERTICAL_GAP = 30, EVENT_AXIS_GAP = 50, draw2 = /* @__PURE__ */ __name(function(e, b, x, C) {
 	let w = getConfig2(), T = w.timeline?.leftMargin ?? 50;
 	log.debug("timeline", C.db);
 	let E = selectSvgElement(b);
 	E.append("g");
-	let D = C.db.getTasks(), A = C.db.getCommonDb().getDiagramTitle();
+	let D = C.db.getTasks(), O = C.db.getCommonDb().getDiagramTitle();
 	log.debug("task", D), svgDraw_default.initGraphics(E);
 	let j = C.db.getSections();
 	log.debug("sections", j);
@@ -827,20 +827,20 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 			width: K,
 			padding: NODE_PADDING,
 			maxHeight: P
-		}, S = svgDraw_default.getVirtualNodeHeight(E, b, w);
-		log.debug("sectionHeight before draw", S), P = Math.max(P, S);
+		}, x = svgDraw_default.getVirtualNodeHeight(E, b, w);
+		log.debug("sectionHeight before draw", x), P = Math.max(P, x);
 	});
 	let q = 0;
 	log.debug("tasks.length", D.length);
 	for (let [e, b] of D.entries()) {
-		let S = {
+		let x = {
 			number: e,
 			descr: b,
 			section: b.section,
 			width: NODE_WIDTH,
 			padding: NODE_PADDING,
 			maxHeight: F
-		}, C = svgDraw_default.getVirtualNodeHeight(E, S, w);
+		}, C = svgDraw_default.getVirtualNodeHeight(E, x, w);
 		log.debug("taskHeight before draw", C), F = Math.max(F, C);
 		let T = 0;
 		for (let e of b.events) {
@@ -859,7 +859,7 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 	log.debug("maxSectionHeight before draw", P), log.debug("maxTaskHeight before draw", F);
 	let J = Math.max(F, q) + TASK_VERTICAL_GAP;
 	W ? j.forEach((e) => {
-		let b = D.filter((b) => b.section === e), S = {
+		let b = D.filter((b) => b.section === e), x = {
 			number: U,
 			descr: e,
 			section: U,
@@ -867,8 +867,8 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 			padding: NODE_PADDING,
 			maxHeight: P
 		};
-		log.debug("sectionNode", S);
-		let C = E.append("g"), T = svgDraw_default.drawNode(C, S, U, w);
+		log.debug("sectionNode", x);
+		let C = E.append("g"), T = svgDraw_default.drawNode(C, x, U, w);
 		log.debug("sectionNode output", T);
 		let O = G - B;
 		C.attr("transform", `translate(${O}, ${L})`);
@@ -879,45 +879,45 @@ var drawNode = /* @__PURE__ */ __name(function(e, b, x, S, C, w = !1) {
 	}) : drawTasks2(E, D, U, G, L, F, w, J, !0);
 	let Y = E.node()?.getBBox();
 	if (!Y) throw Error("bbox not found");
-	if (log.debug("bounds", Y), A) {
-		if (E.append("text").text(A).attr("x", Y.width / 2 - T).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), Y = E.node()?.getBBox(), !Y) throw Error("bbox not found");
+	if (log.debug("bounds", Y), O) {
+		if (E.append("text").text(O).attr("x", Y.width / 2 - T).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), Y = E.node()?.getBBox(), !Y) throw Error("bbox not found");
 		log.debug("bounds after title", Y);
 	}
 	let [X] = parseFontSize(w.fontSize), Z = (X ?? 16) * 2, Q = (X ?? 16) * .5 + 20, $ = E.append("g").attr("class", "lineWrapper");
 	$.append("line").attr("x1", G).attr("y1", R - Z).attr("x2", G).attr("y2", Y.y + Y.height + Q).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)"), $.lower(), setupGraphViewbox(void 0, E, w.timeline?.padding ?? 50, w.timeline?.useMaxWidth ?? !1);
-}, "draw"), drawTasks2 = /* @__PURE__ */ __name(function(e, b, S, C, w, T, E, D, O) {
+}, "draw"), drawTasks2 = /* @__PURE__ */ __name(function(e, b, x, C, w, T, E, D, O) {
 	for (let k of b) {
 		let b = {
 			descr: k.task,
-			section: S,
-			number: S,
+			section: x,
+			number: x,
 			width: NODE_WIDTH,
 			padding: NODE_PADDING,
 			maxHeight: T
 		};
 		log.debug("taskNode", b);
-		let A = e.append("g").attr("class", "taskWrapper"), j = svgDraw_default.drawNode(A, b, S, E), M = j.height;
+		let A = e.append("g").attr("class", "taskWrapper"), j = svgDraw_default.drawNode(A, b, x, E), M = j.height;
 		log.debug("taskHeight after draw", M);
 		let N = C - TASK_AXIS_GAP - j.width;
 		if (A.attr("transform", `translate(${N}, ${w})`), T = Math.max(T, M), k.events && k.events.length > 0) {
-			let b = w, x = C + EVENT_AXIS_GAP;
-			drawEvents2(e, k.events, S, C, x, b, E);
+			let b = w, S = C + EVENT_AXIS_GAP;
+			drawEvents2(e, k.events, x, C, S, b, E);
 		}
-		w += D, O && !E.timeline?.disableMulticolor && S++;
+		w += D, O && !E.timeline?.disableMulticolor && x++;
 	}
-}, "drawTasks"), drawEvents2 = /* @__PURE__ */ __name(function(e, b, S, C, w, T, E) {
+}, "drawTasks"), drawEvents2 = /* @__PURE__ */ __name(function(e, b, x, C, w, T, E) {
 	let D = T;
 	for (let T of b) {
 		let b = {
 			descr: T,
-			section: S,
-			number: S,
+			section: x,
+			number: x,
 			width: EVENT_WIDTH,
 			padding: NODE_PADDING,
 			maxHeight: 0
 		};
 		log.debug("eventNode", b);
-		let O = e.append("g").attr("class", "eventWrapper"), k = svgDraw_default.drawNode(O, b, S, E).height;
+		let O = e.append("g").attr("class", "eventWrapper"), k = svgDraw_default.drawNode(O, b, x, E).height;
 		O.attr("transform", `translate(${w}, ${D})`);
 		let A = e.append("g").attr("class", "lineWrapper"), j = D + k / 2;
 		A.append("line").attr("x1", C).attr("y1", j).attr("x2", w).attr("y2", j).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", "url(#arrowhead)").attr("stroke-dasharray", "5,5"), D = D + k + EVENT_SPACING;