@countermeasure-platform/web-components 1.2.1 → 1.2.2-dev.8.1

package/dist/{timeline-definition-YZTLITO2-CjxxCuOg.js → timeline-definition-PNZ67QCA-rsiMN1-p.js}

@@ -1,120 +1,136 @@
-import { w as e } from "./src-D1EMXotX.js";
-import { n as t, r as n, t as r } from "./src-BhNgmpel.js";
-import { K as i, Q as a, Z as o, a as s, b as c, et as l, o as u } from "./chunk-7R4GIKGN-DJmroLCH.js";
-import { t as d } from "./arc-jVbrWVYZ.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-YZTLITO2.mjs
-var f = (function() {
+import { w as e } from "./src-CWnvxuyh.js";
+import { n as t, r as n, t as r } from "./src-DngnQkx_.js";
+import { $ as i, J as a, a as o, b as s, et as c, nt as l, o as u, x as d } from "./chunk-CSCIHK7Q-DyRIc27i.js";
+import { t as f } from "./arc-DOJ9myHo.js";
+import { p } from "./chunk-5ZQYHXKU-CjOcwRY6.js";
+import { t as m } from "./chunk-WU5MYG2G-mzocEmS2.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-PNZ67QCA.mjs
+var h = (function() {
 	var e = /* @__PURE__ */ t(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
 		return n;
 	}, "o"), n = [
 		6,
-		8,
-		10,
 		11,
-		12,
+		13,
 		14,
-		16,
+		15,
 		17,
+		19,
 		20,
-		21
-	], r = [1, 9], i = [1, 10], a = [1, 11], o = [1, 12], s = [1, 13], c = [1, 16], l = [1, 17], u = {
+		23,
+		24
+	], r = [1, 12], i = [1, 13], a = [1, 14], o = [1, 15], s = [1, 16], c = [1, 19], l = [1, 20], u = {
 		trace: /* @__PURE__ */ t(function() {}, "trace"),
 		yy: {},
 		symbols_: {
 			error: 2,
 			start: 3,
-			timeline: 4,
+			timeline_header: 4,
 			document: 5,
 			EOF: 6,
-			line: 7,
-			SPACE: 8,
-			statement: 9,
-			NEWLINE: 10,
-			title: 11,
-			acc_title: 12,
-			acc_title_value: 13,
-			acc_descr: 14,
-			acc_descr_value: 15,
-			acc_descr_multiline_value: 16,
-			section: 17,
-			period_statement: 18,
-			event_statement: 19,
-			period: 20,
-			event: 21,
+			timeline: 7,
+			timeline_lr: 8,
+			timeline_td: 9,
+			line: 10,
+			SPACE: 11,
+			statement: 12,
+			NEWLINE: 13,
+			title: 14,
+			acc_title: 15,
+			acc_title_value: 16,
+			acc_descr: 17,
+			acc_descr_value: 18,
+			acc_descr_multiline_value: 19,
+			section: 20,
+			period_statement: 21,
+			event_statement: 22,
+			period: 23,
+			event: 24,
 			$accept: 0,
 			$end: 1
 		},
 		terminals_: {
 			2: "error",
-			4: "timeline",
 			6: "EOF",
-			8: "SPACE",
-			10: "NEWLINE",
-			11: "title",
-			12: "acc_title",
-			13: "acc_title_value",
-			14: "acc_descr",
-			15: "acc_descr_value",
-			16: "acc_descr_multiline_value",
-			17: "section",
-			20: "period",
-			21: "event"
+			7: "timeline",
+			8: "timeline_lr",
+			9: "timeline_td",
+			11: "SPACE",
+			13: "NEWLINE",
+			14: "title",
+			15: "acc_title",
+			16: "acc_title_value",
+			17: "acc_descr",
+			18: "acc_descr_value",
+			19: "acc_descr_multiline_value",
+			20: "section",
+			23: "period",
+			24: "event"
 		},
 		productions_: [
 			0,
 			[3, 3],
+			[4, 1],
+			[4, 1],
+			[4, 1],
 			[5, 0],
 			[5, 2],
-			[7, 2],
-			[7, 1],
-			[7, 1],
-			[7, 1],
-			[9, 1],
-			[9, 2],
-			[9, 2],
-			[9, 1],
-			[9, 1],
-			[9, 1],
-			[9, 1],
-			[18, 1],
-			[19, 1]
+			[10, 2],
+			[10, 1],
+			[10, 1],
+			[10, 1],
+			[12, 1],
+			[12, 2],
+			[12, 2],
+			[12, 1],
+			[12, 1],
+			[12, 1],
+			[12, 1],
+			[21, 1],
+			[22, 1]
 		],
 		performAction: /* @__PURE__ */ t(function(e, t, n, r, i, a, o) {
 			var s = a.length - 1;
 			switch (i) {
 				case 1: return a[s - 1];
-				case 2:
-					this.$ = [];
-					break;
 				case 3:
-					a[s - 1].push(a[s]), this.$ = a[s - 1];
+					r.setDirection("LR");
 					break;
 				case 4:
+					r.setDirection("TD");
+					break;
 				case 5:
-					this.$ = a[s];
+					this.$ = [];
 					break;
 				case 6:
+					a[s - 1].push(a[s]), this.$ = a[s - 1];
+					break;
 				case 7:
+				case 8:
+					this.$ = a[s];
+					break;
+				case 9:
+				case 10:
 					this.$ = [];
 					break;
-				case 8:
+				case 11:
 					r.getCommonDb().setDiagramTitle(a[s].substr(6)), this.$ = a[s].substr(6);
 					break;
-				case 9:
+				case 12:
 					this.$ = a[s].trim(), r.getCommonDb().setAccTitle(this.$);
 					break;
-				case 10:
-				case 11:
+				case 13:
+				case 14:
 					this.$ = a[s].trim(), r.getCommonDb().setAccDescription(this.$);
 					break;
-				case 12:
+				case 15:
 					r.addSection(a[s].substr(8)), this.$ = a[s].substr(8);
 					break;
-				case 15:
+				case 18:
 					r.addTask(a[s], 0, ""), this.$ = a[s];
 					break;
-				case 16:
+				case 19:
 					r.addEvent(a[s].substr(2)), this.$ = a[s];
 					break;
 			}
@@ -122,54 +138,60 @@ var f = (function() {
 		table: [
 			{
 				3: 1,
-				4: [1, 2]
+				4: 2,
+				7: [1, 3],
+				8: [1, 4],
+				9: [1, 5]
 			},
 			{ 1: [3] },
-			e(n, [2, 2], { 5: 3 }),
-			{
-				6: [1, 4],
-				7: 5,
-				8: [1, 6],
-				9: 7,
-				10: [1, 8],
-				11: r,
-				12: i,
-				14: a,
-				16: o,
-				17: s,
-				18: 14,
-				19: 15,
-				20: c,
-				21: l
-			},
-			e(n, [2, 7], { 1: [2, 1] }),
+			e(n, [2, 5], { 5: 6 }),
+			e(n, [2, 2]),
 			e(n, [2, 3]),
+			e(n, [2, 4]),
 			{
-				9: 18,
-				11: r,
-				12: i,
-				14: a,
-				16: o,
-				17: s,
-				18: 14,
-				19: 15,
-				20: c,
-				21: l
+				6: [1, 7],
+				10: 8,
+				11: [1, 9],
+				12: 10,
+				13: [1, 11],
+				14: r,
+				15: i,
+				17: a,
+				19: o,
+				20: s,
+				21: 17,
+				22: 18,
+				23: c,
+				24: l
 			},
-			e(n, [2, 5]),
+			e(n, [2, 10], { 1: [2, 1] }),
 			e(n, [2, 6]),
+			{
+				12: 21,
+				14: r,
+				15: i,
+				17: a,
+				19: o,
+				20: s,
+				21: 17,
+				22: 18,
+				23: c,
+				24: l
+			},
 			e(n, [2, 8]),
-			{ 13: [1, 19] },
-			{ 15: [1, 20] },
+			e(n, [2, 9]),
 			e(n, [2, 11]),
-			e(n, [2, 12]),
-			e(n, [2, 13]),
+			{ 16: [1, 22] },
+			{ 18: [1, 23] },
 			e(n, [2, 14]),
 			e(n, [2, 15]),
 			e(n, [2, 16]),
-			e(n, [2, 4]),
-			e(n, [2, 9]),
-			e(n, [2, 10])
+			e(n, [2, 17]),
+			e(n, [2, 18]),
+			e(n, [2, 19]),
+			e(n, [2, 7]),
+			e(n, [2, 12]),
+			e(n, [2, 13])
 		],
 		defaultActions: {},
 		parseError: /* @__PURE__ */ t(function(e, t) {
@@ -374,27 +396,29 @@ var f = (function() {
 				switch (n) {
 					case 0: break;
 					case 1: break;
-					case 2: return 10;
+					case 2: return 13;
 					case 3: break;
 					case 4: break;
-					case 5: return 4;
-					case 6: return 11;
-					case 7: return this.begin("acc_title"), 12;
-					case 8: return this.popState(), "acc_title_value";
-					case 9: return this.begin("acc_descr"), 14;
-					case 10: return this.popState(), "acc_descr_value";
-					case 11:
+					case 5: return 8;
+					case 6: return 9;
+					case 7: return 7;
+					case 8: return 14;
+					case 9: return this.begin("acc_title"), 15;
+					case 10: return this.popState(), "acc_title_value";
+					case 11: return this.begin("acc_descr"), 17;
+					case 12: return this.popState(), "acc_descr_value";
+					case 13:
 						this.begin("acc_descr_multiline");
 						break;
-					case 12:
+					case 14:
 						this.popState();
 						break;
-					case 13: return "acc_descr_multiline_value";
-					case 14: return 17;
-					case 15: return 21;
+					case 15: return "acc_descr_multiline_value";
 					case 16: return 20;
-					case 17: return 6;
-					case 18: return "INVALID";
+					case 17: return 24;
+					case 18: return 23;
+					case 19: return 6;
+					case 20: return "INVALID";
 				}
 			}, "anonymous"),
 			rules: [
@@ -403,6 +427,8 @@ var f = (function() {
 				/^(?:[\n]+)/i,
 				/^(?:\s+)/i,
 				/^(?:#[^\n]*)/i,
+				/^(?:timeline[ \t]+LR\b)/i,
+				/^(?:timeline[ \t]+TD\b)/i,
 				/^(?:timeline\b)/i,
 				/^(?:title\s[^\n]+)/i,
 				/^(?:accTitle\s*:\s*)/i,
@@ -420,15 +446,15 @@ var f = (function() {
 			],
 			conditions: {
 				acc_descr_multiline: {
-					rules: [12, 13],
+					rules: [14, 15],
 					inclusive: !1
 				},
 				acc_descr: {
-					rules: [10],
+					rules: [12],
 					inclusive: !1
 				},
 				acc_title: {
-					rules: [8],
+					rules: [10],
 					inclusive: !1
 				},
 				INITIAL: {
@@ -441,13 +467,15 @@ var f = (function() {
 						5,
 						6,
 						7,
+						8,
 						9,
 						11,
-						14,
-						15,
+						13,
 						16,
 						17,
-						18
+						18,
+						19,
+						20
 					],
 					inclusive: !0
 				}
@@ -459,78 +487,86 @@ var f = (function() {
 	}
 	return t(d, "Parser"), d.prototype = u, u.Parser = d, new d();
 })();
-f.parser = f;
-var p = f, m = {};
-r(m, {
-	addEvent: () => E,
-	addSection: () => S,
-	addTask: () => T,
-	addTaskOrg: () => D,
-	clear: () => x,
-	default: () => k,
-	getCommonDb: () => b,
-	getSections: () => C,
-	getTasks: () => w
+h.parser = h;
+var g = h, _ = {};
+r(_, {
+	addEvent: () => M,
+	addSection: () => O,
+	addTask: () => j,
+	addTaskOrg: () => N,
+	clear: () => T,
+	default: () => ee,
+	getCommonDb: () => w,
+	getDirection: () => D,
+	getSections: () => k,
+	getTasks: () => A,
+	setDirection: () => E
 });
-var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCommonDb"), x = /* @__PURE__ */ t(function() {
-	_.length = 0, v.length = 0, h = "", y.length = 0, s();
-}, "clear"), S = /* @__PURE__ */ t(function(e) {
-	h = e, _.push(e);
-}, "addSection"), C = /* @__PURE__ */ t(function() {
-	return _;
-}, "getSections"), w = /* @__PURE__ */ t(function() {
-	let e = O(), t = 0;
-	for (; !e && t < 100;) e = O(), t++;
-	return v.push(...y), v;
-}, "getTasks"), T = /* @__PURE__ */ t(function(e, t, n) {
+var v = "", y = 0, b = "LR", x = [], S = [], C = [], w = /* @__PURE__ */ t(() => u, "getCommonDb"), T = /* @__PURE__ */ t(function() {
+	x.length = 0, S.length = 0, v = "", C.length = 0, b = "LR", o();
+}, "clear"), E = /* @__PURE__ */ t(function(e) {
+	b = e;
+}, "setDirection"), D = /* @__PURE__ */ t(function() {
+	return b;
+}, "getDirection"), O = /* @__PURE__ */ t(function(e) {
+	v = e, x.push(e);
+}, "addSection"), k = /* @__PURE__ */ t(function() {
+	return x;
+}, "getSections"), A = /* @__PURE__ */ t(function() {
+	let e = P(), t = 0;
+	for (; !e && t < 100;) e = P(), t++;
+	return S.push(...C), S;
+}, "getTasks"), j = /* @__PURE__ */ t(function(e, t, n) {
 	let r = {
-		id: g++,
-		section: h,
-		type: h,
+		id: y++,
+		section: v,
+		type: v,
 		task: e,
 		score: t || 0,
 		events: n ? [n] : []
 	};
-	y.push(r);
-}, "addTask"), E = /* @__PURE__ */ t(function(e) {
-	y.find((e) => e.id === g - 1).events.push(e);
-}, "addEvent"), D = /* @__PURE__ */ t(function(e) {
+	C.push(r);
+}, "addTask"), M = /* @__PURE__ */ t(function(e) {
+	C.find((e) => e.id === y - 1).events.push(e);
+}, "addEvent"), N = /* @__PURE__ */ t(function(e) {
 	let t = {
-		section: h,
-		type: h,
+		section: v,
+		type: v,
 		description: e,
 		task: e,
 		classes: []
 	};
-	v.push(t);
-}, "addTaskOrg"), O = /* @__PURE__ */ t(function() {
+	S.push(t);
+}, "addTaskOrg"), P = /* @__PURE__ */ t(function() {
 	let e = /* @__PURE__ */ t(function(e) {
-		return y[e].processed;
+		return C[e].processed;
 	}, "compileTask"), n = !0;
-	for (let [t, r] of y.entries()) e(t), n &&= r.processed;
+	for (let [t, r] of C.entries()) e(t), n &&= r.processed;
 	return n;
-}, "compileTasks"), k = {
-	clear: x,
-	getCommonDb: b,
-	addSection: S,
-	getSections: C,
-	getTasks: w,
-	addTask: T,
-	addTaskOrg: D,
-	addEvent: E
-}, A = 12, j = /* @__PURE__ */ t(function(e, t) {
+}, "compileTasks"), ee = {
+	clear: T,
+	getCommonDb: w,
+	getDirection: D,
+	setDirection: E,
+	addSection: O,
+	getSections: k,
+	getTasks: A,
+	addTask: j,
+	addTaskOrg: N,
+	addEvent: M
+}, F = 0, I = /* @__PURE__ */ t(function(e, t) {
 	let n = e.append("rect");
 	return n.attr("x", t.x), n.attr("y", t.y), n.attr("fill", t.fill), n.attr("stroke", t.stroke), n.attr("width", t.width), n.attr("height", t.height), n.attr("rx", t.rx), n.attr("ry", t.ry), t.class !== void 0 && n.attr("class", t.class), n;
-}, "drawRect"), M = /* @__PURE__ */ t(function(e, n) {
+}, "drawRect"), te = /* @__PURE__ */ t(function(e, n) {
 	let r = e.append("circle").attr("cx", n.cx).attr("cy", n.cy).attr("class", "face").attr("r", 15).attr("stroke-width", 2).attr("overflow", "visible"), i = e.append("g");
 	i.append("circle").attr("cx", n.cx - 15 / 3).attr("cy", n.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666"), i.append("circle").attr("cx", n.cx + 15 / 3).attr("cy", n.cy - 15 / 3).attr("r", 1.5).attr("stroke-width", 2).attr("fill", "#666").attr("stroke", "#666");
 	function a(e) {
-		let t = d().startAngle(Math.PI / 2).endAngle(Math.PI / 2 * 3).innerRadius(15 / 2).outerRadius(15 / 2.2);
+		let t = f().startAngle(Math.PI / 2).endAngle(Math.PI / 2 * 3).innerRadius(15 / 2).outerRadius(15 / 2.2);
 		e.append("path").attr("class", "mouth").attr("d", t).attr("transform", "translate(" + n.cx + "," + (n.cy + 2) + ")");
 	}
 	t(a, "smile");
 	function o(e) {
-		let t = d().startAngle(3 * Math.PI / 2).endAngle(Math.PI / 2 * 5).innerRadius(15 / 2).outerRadius(15 / 2.2);
+		let t = f().startAngle(3 * Math.PI / 2).endAngle(Math.PI / 2 * 5).innerRadius(15 / 2).outerRadius(15 / 2.2);
 		e.append("path").attr("class", "mouth").attr("d", t).attr("transform", "translate(" + n.cx + "," + (n.cy + 7) + ")");
 	}
 	t(o, "sad");
@@ -538,35 +574,35 @@ var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCo
 		e.append("line").attr("class", "mouth").attr("stroke", 2).attr("x1", n.cx - 5).attr("y1", n.cy + 7).attr("x2", n.cx + 5).attr("y2", n.cy + 7).attr("class", "mouth").attr("stroke-width", "1px").attr("stroke", "#666");
 	}
 	return t(s, "ambivalent"), n.score > 3 ? a(i) : n.score < 3 ? o(i) : s(i), r;
-}, "drawFace"), N = /* @__PURE__ */ t(function(e, t) {
+}, "drawFace"), ne = /* @__PURE__ */ t(function(e, t) {
 	let n = e.append("circle");
 	return n.attr("cx", t.cx), n.attr("cy", t.cy), n.attr("class", "actor-" + t.pos), n.attr("fill", t.fill), n.attr("stroke", t.stroke), n.attr("r", t.r), n.class !== void 0 && n.attr("class", n.class), t.title !== void 0 && n.append("title").text(t.title), n;
-}, "drawCircle"), P = /* @__PURE__ */ t(function(e, t) {
+}, "drawCircle"), L = /* @__PURE__ */ t(function(e, t) {
 	let n = t.text.replace(/<br\s*\/?>/gi, " "), r = e.append("text");
 	r.attr("x", t.x), r.attr("y", t.y), r.attr("class", "legend"), r.style("text-anchor", t.anchor), t.class !== void 0 && r.attr("class", t.class);
 	let i = r.append("tspan");
 	return i.attr("x", t.x + t.textMargin * 2), i.text(n), r;
-}, "drawText"), F = /* @__PURE__ */ t(function(e, n) {
+}, "drawText"), re = /* @__PURE__ */ t(function(e, n) {
 	function r(e, t, n, r, i) {
 		return e + "," + t + " " + (e + n) + "," + t + " " + (e + n) + "," + (t + r - i) + " " + (e + n - i * 1.2) + "," + (t + r) + " " + e + "," + (t + r);
 	}
 	t(r, "genPoints");
 	let i = e.append("polygon");
-	i.attr("points", r(n.x, n.y, 50, 20, 7)), i.attr("class", "labelBox"), n.y += n.labelMargin, n.x += .5 * n.labelMargin, P(e, n);
-}, "drawLabel"), I = /* @__PURE__ */ t(function(e, t, n) {
-	let r = e.append("g"), i = V();
-	i.x = t.x, i.y = t.y, i.fill = t.fill, i.width = n.width, i.height = n.height, i.class = "journey-section section-type-" + t.num, i.rx = 3, i.ry = 3, j(r, i), H(n)(t.text, r, i.x, i.y, i.width, i.height, { class: "journey-section section-type-" + t.num }, n, t.colour);
-}, "drawSection"), L = -1, R = /* @__PURE__ */ t(function(e, t, n) {
-	let r = t.x + n.width / 2, i = e.append("g");
-	L++, i.append("line").attr("id", "task" + L).attr("x1", r).attr("y1", t.y).attr("x2", r).attr("y2", 450).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666"), M(i, {
-		cx: r,
+	i.attr("points", r(n.x, n.y, 50, 20, 7)), i.attr("class", "labelBox"), n.y += n.labelMargin, n.x += .5 * n.labelMargin, L(e, n);
+}, "drawLabel"), R = /* @__PURE__ */ t(function(e, t, n) {
+	let r = e.append("g"), i = B();
+	i.x = t.x, i.y = t.y, i.fill = t.fill, i.width = n.width, i.height = n.height, i.class = "journey-section section-type-" + t.num, i.rx = 3, i.ry = 3, I(r, i), V(n)(t.text, r, i.x, i.y, i.width, i.height, { class: "journey-section section-type-" + t.num }, n, t.colour);
+}, "drawSection"), z = -1, ie = /* @__PURE__ */ t(function(e, t, n, r) {
+	let i = t.x + n.width / 2, a = e.append("g");
+	z++, a.append("line").attr("id", r + "-task" + z).attr("x1", i).attr("y1", t.y).attr("x2", i).attr("y2", 450).attr("class", "task-line").attr("stroke-width", "1px").attr("stroke-dasharray", "4 2").attr("stroke", "#666"), te(a, {
+		cx: i,
 		cy: 300 + (5 - t.score) * 30,
 		score: t.score
 	});
-	let a = V();
-	a.x = t.x, a.y = t.y, a.fill = t.fill, a.width = n.width, a.height = n.height, a.class = "task task-type-" + t.num, a.rx = 3, a.ry = 3, j(i, a), H(n)(t.task, i, a.x, a.y, a.width, a.height, { class: "task" }, n, t.colour);
-}, "drawTask"), z = /* @__PURE__ */ t(function(e, t) {
-	j(e, {
+	let o = B();
+	o.x = t.x, o.y = t.y, o.fill = t.fill, o.width = n.width, o.height = n.height, o.class = "task task-type-" + t.num, o.rx = 3, o.ry = 3, I(a, o), V(n)(t.task, a, o.x, o.y, o.width, o.height, { class: "task" }, n, t.colour);
+}, "drawTask"), ae = /* @__PURE__ */ t(function(e, t) {
+	I(e, {
 		x: t.startx,
 		y: t.starty,
 		width: t.stopx - t.startx,
@@ -574,7 +610,7 @@ var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCo
 		fill: t.fill,
 		class: "rect"
 	}).lower();
-}, "drawBackgroundRect"), B = /* @__PURE__ */ t(function() {
+}, "drawBackgroundRect"), oe = /* @__PURE__ */ t(function() {
 	return {
 		x: 0,
 		y: 0,
@@ -586,7 +622,7 @@ var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCo
 		rx: 0,
 		ry: 0
 	};
-}, "getTextObj"), V = /* @__PURE__ */ t(function() {
+}, "getTextObj"), B = /* @__PURE__ */ t(function() {
 	return {
 		x: 0,
 		y: 0,
@@ -596,7 +632,7 @@ var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCo
 		rx: 0,
 		ry: 0
 	};
-}, "getNoteRect"), H = /* @__PURE__ */ (function() {
+}, "getNoteRect"), V = /* @__PURE__ */ (function() {
 	function e(e, t, n, r, a, o, s, c) {
 		i(t.append("text").attr("x", n + a / 2).attr("y", r + o / 2 + 5).style("font-color", c).style("text-anchor", "middle").text(e), s);
 	}
@@ -620,76 +656,84 @@ var h = "", g = 0, _ = [], v = [], y = [], b = /* @__PURE__ */ t(() => u, "getCo
 	return t(i, "_setTextAttrs"), function(t) {
 		return t.textPlacement === "fo" ? r : t.textPlacement === "old" ? e : n;
 	};
-})(), U = /* @__PURE__ */ t(function(e) {
-	e.append("defs").append("marker").attr("id", "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");
+})(), se = /* @__PURE__ */ t(function(e, t) {
+	F = 0, z = -1, e.append("defs").append("marker").attr("id", t + "-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 W(t, n) {
+function H(t, n) {
 	t.each(function() {
 		var t = e(this), r = t.text().split(/(\s+|<br>)/).reverse(), i, a = [], o = 1.1, s = t.attr("y"), c = parseFloat(t.attr("dy")), l = t.text(null).append("tspan").attr("x", 0).attr("y", s).attr("dy", c + "em");
 		for (let e = 0; e < r.length; e++) i = r[r.length - 1 - e], a.push(i), l.text(a.join(" ").trim()), (l.node().getComputedTextLength() > n || i === "<br>") && (a.pop(), l.text(a.join(" ").trim()), a = i === "<br>" ? [""] : [i], l = t.append("tspan").attr("x", 0).attr("y", s).attr("dy", o + "em").text(i));
 	});
 }
-t(W, "wrap");
-var G = /* @__PURE__ */ t(function(e, t, n, r) {
-	let i = n % A - 1, a = e.append("g");
-	t.section = i, a.attr("class", (t.class ? t.class + " " : "") + "timeline-node " + ("section-" + i));
-	let o = a.append("g"), s = a.append("g"), c = s.append("text").text(t.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(W, t.width).node().getBBox(), l = r.fontSize?.replace ? r.fontSize.replace("px", "") : r.fontSize;
-	return t.height = c.height + l * 1.1 * .5 + t.padding, t.height = Math.max(t.height, t.maxHeight), t.width += 2 * t.padding, s.attr("transform", "translate(" + t.width / 2 + ", " + t.padding / 2 + ")"), q(o, t, i, r), t;
-}, "drawNode"), K = /* @__PURE__ */ t(function(e, t, n) {
-	let r = e.append("g"), i = r.append("text").text(t.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(W, t.width).node().getBBox(), a = n.fontSize?.replace ? n.fontSize.replace("px", "") : n.fontSize;
+t(H, "wrap");
+var ce = /* @__PURE__ */ t(function(t, n, r, i, a, o = !1) {
+	let { theme: s, look: c } = i, l = s?.includes("redux"), u = r % (i?.themeVariables?.THEME_COLOR_LIMIT ?? 12) - 1, d = t.append("g");
+	n.section = u, d.attr("class", (n.class ? n.class + " " : "") + "timeline-node " + ("section-" + u));
+	let f = d.append("g"), p = d.append("g"), m = p.append("text").text(n.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(H, n.width).node().getBBox(), h = i.fontSize?.replace ? i.fontSize.replace("px", "") : i.fontSize;
+	if (n.height = m.height + h * 1.1 * .5 + n.padding, n.height = Math.max(n.height, n.maxHeight), n.width += 2 * n.padding, p.attr("transform", "translate(" + n.width / 2 + ", " + n.padding / 2 + ")"), l && p.attr("transform", `translate(${n.width / 2}, ${o ? n.padding / 2 + 3 : n.padding})`), ue(f, n, u, a, i), c === "neo" && (d.attr("data-look", "neo"), l)) {
+		let n = s.includes("dark"), r = e(t.node()?.ownerSVGElement ?? t.node()), i = r.attr("id") ?? "", a = i ? `${i}-drop-shadow` : "drop-shadow";
+		if (r.select(`#${a}`).empty()) {
+			let e = r.select("defs");
+			(e.empty() ? r.append("defs") : e).append("filter").attr("id", a).attr("height", "130%").attr("width", "130%").append("feDropShadow").attr("dx", "4").attr("dy", "4").attr("stdDeviation", 0).attr("flood-opacity", n ? "0.2" : "0.06").attr("flood-color", n ? "#FFFFFF" : "#000000");
+		}
+	}
+	return n;
+}, "drawNode"), le = /* @__PURE__ */ t(function(e, t, n) {
+	let r = e.append("g"), i = r.append("text").text(t.descr).attr("dy", "1em").attr("alignment-baseline", "middle").attr("dominant-baseline", "middle").attr("text-anchor", "middle").call(H, t.width).node().getBBox(), a = n.fontSize?.replace ? n.fontSize.replace("px", "") : n.fontSize;
 	return r.remove(), i.height + a * 1.1 * .5 + t.padding;
-}, "getVirtualNodeHeight"), q = /* @__PURE__ */ t(function(e, t, n) {
-	e.append("path").attr("id", "node-" + t.id).attr("class", "node-bkg node-" + t.type).attr("d", `M0 ${t.height - 5} v${-t.height + 10} q0,-5 5,-5 h${t.width - 10} q5,0 5,5 v${t.height - 5} H0 Z`), e.append("line").attr("class", "node-line-" + n).attr("x1", 0).attr("y1", t.height).attr("x2", t.width).attr("y2", t.height);
-}, "defaultBkg"), J = {
-	drawRect: j,
-	drawCircle: N,
-	drawSection: I,
-	drawText: P,
-	drawLabel: F,
-	drawTask: R,
-	drawBackgroundRect: z,
-	getTextObj: B,
-	getNoteRect: V,
-	initGraphics: U,
-	drawNode: G,
-	getVirtualNodeHeight: K
-}, Y = /* @__PURE__ */ t(function(t, r, a, o) {
-	let s = c(), l = s.timeline?.leftMargin ?? 50;
+}, "getVirtualNodeHeight"), ue = /* @__PURE__ */ t(function(e, t, n, r, i) {
+	let { theme: a } = i, o = a?.includes("redux") ? 0 : 5, s = o > 0 ? `M0 ${t.height - 5} v${-t.height + 10} q0,-${o},${o},-${o} h${t.width - 10} q${o},0,${o},${o} v${t.height - 5} H0 Z` : `M0 ${t.height - 5} v${-(t.height - 5)} h${t.width} v${t.height} H0 Z`;
+	e.append("path").attr("id", r + "-node-" + F++).attr("class", "node-bkg node-" + t.type).attr("d", s), a?.includes("redux") || e.append("line").attr("class", "node-line-" + n).attr("x1", 0).attr("y1", t.height).attr("x2", t.width).attr("y2", t.height);
+}, "defaultBkg"), U = {
+	drawRect: I,
+	drawCircle: ne,
+	drawSection: R,
+	drawText: L,
+	drawLabel: re,
+	drawTask: ie,
+	drawBackgroundRect: ae,
+	getTextObj: oe,
+	getNoteRect: B,
+	initGraphics: se,
+	drawNode: ce,
+	getVirtualNodeHeight: le
+}, de = /* @__PURE__ */ t(function(t, r, i, o) {
+	let s = d(), { look: c, theme: l, themeVariables: u } = s, { useGradient: f, gradientStart: p, gradientStop: m } = u, h = s.timeline?.leftMargin ?? 50;
 	n.debug("timeline", o.db);
-	let u = s.securityLevel, d;
-	u === "sandbox" && (d = e("#i" + r));
-	let f = e(u === "sandbox" ? d.nodes()[0].contentDocument.body : "body").select("#" + r);
-	f.append("g");
-	let p = o.db.getTasks(), m = o.db.getCommonDb().getDiagramTitle();
-	n.debug("task", p), J.initGraphics(f);
-	let h = o.db.getSections();
-	n.debug("sections", h);
-	let g = 0, _ = 0, v = 0, y = 0, b = 50 + l, x = 50;
-	y = 50;
-	let S = 0, C = !0;
-	h.forEach(function(e) {
+	let g = s.securityLevel, _;
+	g === "sandbox" && (_ = e("#i" + r));
+	let v = e(g === "sandbox" ? _.nodes()[0].contentDocument.body : "body").select("#" + r);
+	v.append("g");
+	let y = o.db.getTasks(), b = o.db.getCommonDb().getDiagramTitle();
+	n.debug("task", y), U.initGraphics(v, r);
+	let x = o.db.getSections();
+	n.debug("sections", x);
+	let S = 0, C = 0, w = 0, T = 0, E = 50 + h, D = 50;
+	T = 50;
+	let O = 0, k = !0;
+	x.forEach(function(e) {
 		let t = {
-			number: S,
+			number: O,
 			descr: e,
-			section: S,
+			section: O,
 			width: 150,
 			padding: 20,
-			maxHeight: g
-		}, r = J.getVirtualNodeHeight(f, t, s);
-		n.debug("sectionHeight before draw", r), g = Math.max(g, r + 20);
+			maxHeight: S
+		}, r = U.getVirtualNodeHeight(v, t, s);
+		n.debug("sectionHeight before draw", r), S = Math.max(S, r + 20);
 	});
-	let w = 0, T = 0;
-	n.debug("tasks.length", p.length);
-	for (let [e, t] of p.entries()) {
+	let A = 0, j = 0;
+	n.debug("tasks.length", y.length);
+	for (let [e, t] of y.entries()) {
 		let r = {
 			number: e,
 			descr: t,
 			section: t.section,
 			width: 150,
 			padding: 20,
-			maxHeight: _
-		}, i = J.getVirtualNodeHeight(f, r, s);
-		n.debug("taskHeight before draw", i), _ = Math.max(_, i + 20), w = Math.max(w, t.events.length);
+			maxHeight: C
+		}, i = U.getVirtualNodeHeight(v, r, s);
+		n.debug("taskHeight before draw", i), C = Math.max(C, i + 20), A = Math.max(A, t.events.length);
 		let a = 0;
 		for (let e of t.events) {
 			let n = {
@@ -700,26 +744,30 @@ var G = /* @__PURE__ */ t(function(e, t, n, r) {
 				padding: 20,
 				maxHeight: 50
 			};
-			a += J.getVirtualNodeHeight(f, n, s);
+			a += U.getVirtualNodeHeight(v, n, s);
 		}
-		t.events.length > 0 && (a += (t.events.length - 1) * 10), T = Math.max(T, a);
+		t.events.length > 0 && (a += (t.events.length - 1) * 10), j = Math.max(j, a);
 	}
-	n.debug("maxSectionHeight before draw", g), n.debug("maxTaskHeight before draw", _), h && h.length > 0 ? h.forEach((e) => {
-		let t = p.filter((t) => t.section === e), r = {
-			number: S,
+	n.debug("maxSectionHeight before draw", S), n.debug("maxTaskHeight before draw", C), x && x.length > 0 ? x.forEach((e) => {
+		let t = y.filter((t) => t.section === e), i = {
+			number: O,
 			descr: e,
-			section: S,
+			section: O,
 			width: 200 * Math.max(t.length, 1) - 50,
 			padding: 20,
-			maxHeight: g
+			maxHeight: S
 		};
-		n.debug("sectionNode", r);
-		let i = f.append("g"), a = J.drawNode(i, r, S, s);
-		n.debug("sectionNode output", a), i.attr("transform", `translate(${b}, ${y})`), x += g + 50, t.length > 0 && X(f, t, S, b, x, _, s, w, T, g, !1), b += 200 * Math.max(t.length, 1), x = y, S++;
-	}) : (C = !1, X(f, p, S, b, x, _, s, w, T, g, !0));
-	let E = f.node().getBBox();
-	n.debug("bounds", E), m && f.append("text").text(m).attr("x", E.width / 2 - l).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), v = C ? g + _ + 150 : _ + 100, f.append("g").attr("class", "lineWrapper").append("line").attr("x1", l).attr("y1", v).attr("x2", E.width + 3 * l).attr("y2", v).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)"), i(void 0, f, s.timeline?.padding ?? 50, s.timeline?.useMaxWidth ?? !1);
-}, "draw"), X = /* @__PURE__ */ t(function(e, t, r, i, a, o, s, c, l, u, d) {
+		n.debug("sectionNode", i);
+		let a = v.append("g"), o = U.drawNode(a, i, O, s, r);
+		n.debug("sectionNode output", o), a.attr("transform", `translate(${E}, ${T})`), D += S + 50, t.length > 0 && W(v, t, O, E, D, C, s, A, j, S, !1, r), E += 200 * Math.max(t.length, 1), D = T, O++;
+	}) : (k = !1, W(v, y, O, E, D, C, s, A, j, S, !0, r));
+	let M = v.node().getBBox();
+	if (n.debug("bounds", M), b && v.append("text").text(b).attr("x", c === "neo" ? M.x * 2 + h : M.width / 2 - h).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), w = k ? S + C + 150 : C + 100, v.append("g").attr("class", "lineWrapper").append("line").attr("x1", h).attr("y1", w).attr("x2", M.width + 3 * h).attr("y2", w).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", `url(#${r}-arrowhead)`), c === "neo" && f && l !== "neutral") {
+		let e = v.select("defs"), t = (e.empty() ? v.append("defs") : e).append("linearGradient").attr("id", v.attr("id") + "-gradient").attr("gradientUnits", "objectBoundingBox").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%");
+		t.append("stop").attr("offset", "0%").attr("stop-color", p).attr("stop-opacity", 1), t.append("stop").attr("offset", "100%").attr("stop-color", m).attr("stop-opacity", 1);
+	}
+	a(void 0, v, s.timeline?.padding ?? 50, s.timeline?.useMaxWidth ?? !1);
+}, "draw"), W = /* @__PURE__ */ t(function(e, t, r, i, a, o, s, c, l, u, d, f) {
 	for (let c of t) {
 		let t = {
 			descr: c.task,
@@ -730,20 +778,20 @@ var G = /* @__PURE__ */ t(function(e, t, n, r) {
 			maxHeight: o
 		};
 		n.debug("taskNode", t);
-		let u = e.append("g").attr("class", "taskWrapper"), f = J.drawNode(u, t, r, s).height;
-		if (n.debug("taskHeight after draw", f), u.attr("transform", `translate(${i}, ${a})`), o = Math.max(o, f), c.events) {
+		let u = e.append("g").attr("class", "taskWrapper"), p = U.drawNode(u, t, r, s, f).height;
+		if (n.debug("taskHeight after draw", p), u.attr("transform", `translate(${i}, ${a})`), o = Math.max(o, p), c.events) {
 			let t = e.append("g").attr("class", "lineWrapper"), n = o;
-			a += 100, n += Z(e, c.events, r, i, a, s), a -= 100, t.append("line").attr("x1", i + 190 / 2).attr("y1", a + o).attr("x2", i + 190 / 2).attr("y2", a + o + 100 + l + 100).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", "url(#arrowhead)").attr("stroke-dasharray", "5,5");
+			a += 100, n += fe(e, c.events, r, i, a, s, f), a -= 100, t.append("line").attr("x1", i + 190 / 2).attr("y1", a + o).attr("x2", i + 190 / 2).attr("y2", a + o + 100 + l + 100).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", `url(#${f}-arrowhead)`).attr("stroke-dasharray", "5,5");
 		}
 		i += 200, d && !s.timeline?.disableMulticolor && r++;
 	}
 	a -= 10;
-}, "drawTasks"), Z = /* @__PURE__ */ t(function(e, t, r, i, a, o) {
-	let s = 0, c = a;
+}, "drawTasks"), fe = /* @__PURE__ */ t(function(e, t, r, i, a, o, s) {
+	let c = 0, l = a;
 	a += 100;
-	for (let c of t) {
+	for (let l of t) {
 		let t = {
-			descr: c,
+			descr: l,
 			section: r,
 			number: r,
 			width: 150,
@@ -751,16 +799,187 @@ var G = /* @__PURE__ */ t(function(e, t, n, r) {
 			maxHeight: 50
 		};
 		n.debug("eventNode", t);
-		let l = e.append("g").attr("class", "eventWrapper"), u = J.drawNode(l, t, r, o).height;
-		s += u, l.attr("transform", `translate(${i}, ${a})`), a = a + 10 + u;
+		let u = e.append("g").attr("class", "eventWrapper"), d = U.drawNode(u, t, r, o, s, !0).height;
+		c += d, u.attr("transform", `translate(${i}, ${a})`), a = a + 10 + d;
+	}
+	return a = l, c;
+}, "drawEvents"), pe = {
+	setConf: /* @__PURE__ */ t(() => {}, "setConf"),
+	draw: de
+}, G = 200, K = 5, me = G + K * 2, q = G + 100, he = q + K * 2, J = 10, ge = 0, Y = 20, X = 20, Z = 30, Q = 50, _e = /* @__PURE__ */ t(function(e, t, r, i) {
+	let o = d(), s = o.timeline?.leftMargin ?? 50;
+	n.debug("timeline", i.db);
+	let c = m(t);
+	c.append("g");
+	let l = i.db.getTasks(), u = i.db.getCommonDb().getDiagramTitle();
+	n.debug("task", l), U.initGraphics(c);
+	let f = i.db.getSections();
+	n.debug("sections", f);
+	let h = 0, g = 0, _ = 50 + s, v = 50, y = v, b = _, x = me + X, S = he + Q, C = b + x, w = 0, T = f && f.length > 0, E = T ? C : _ + x, D = Math.max(50, x + S - K * 2);
+	f.forEach(function(e) {
+		let t = {
+			number: w,
+			descr: e,
+			section: w,
+			width: D,
+			padding: K,
+			maxHeight: h
+		}, r = U.getVirtualNodeHeight(c, t, o);
+		n.debug("sectionHeight before draw", r), h = Math.max(h, r);
+	});
+	let O = 0;
+	n.debug("tasks.length", l.length);
+	for (let [e, t] of l.entries()) {
+		let r = {
+			number: e,
+			descr: t,
+			section: t.section,
+			width: G,
+			padding: K,
+			maxHeight: g
+		}, i = U.getVirtualNodeHeight(c, r, o);
+		n.debug("taskHeight before draw", i), g = Math.max(g, i);
+		let a = 0;
+		for (let e of t.events) {
+			let n = {
+				descr: e,
+				section: t.section,
+				number: t.section,
+				width: q,
+				padding: K,
+				maxHeight: 50
+			};
+			a += U.getVirtualNodeHeight(c, n, o);
+		}
+		t.events.length > 0 && (a += (t.events.length - 1) * J), O = Math.max(O, a) + ge;
+	}
+	n.debug("maxSectionHeight before draw", h), n.debug("maxTaskHeight before draw", g);
+	let k = Math.max(g, O) + Z;
+	T ? f.forEach((e) => {
+		let t = l.filter((t) => t.section === e), r = {
+			number: w,
+			descr: e,
+			section: w,
+			width: D,
+			padding: K,
+			maxHeight: h
+		};
+		n.debug("sectionNode", r);
+		let i = c.append("g"), a = U.drawNode(i, r, w, o);
+		n.debug("sectionNode output", a);
+		let s = E - x;
+		i.attr("transform", `translate(${s}, ${v})`);
+		let u = v + a.height + Y;
+		t.length > 0 && $(c, t, w, E, u, g, o, k, !1);
+		let d = t.length, f = a.height + Y + k * Math.max(d, 1) - (d > 0 ? Z * 2 : 0);
+		v += f, w++;
+	}) : $(c, l, w, E, v, g, o, k, !0);
+	let A = c.node()?.getBBox();
+	if (!A) throw Error("bbox not found");
+	if (n.debug("bounds", A), u) {
+		if (c.append("text").text(u).attr("x", A.width / 2 - s).attr("font-size", "4ex").attr("font-weight", "bold").attr("y", 20), A = c.node()?.getBBox(), !A) throw Error("bbox not found");
+		n.debug("bounds after title", A);
+	}
+	let [j] = p(o.fontSize), M = (j ?? 16) * 2, N = (j ?? 16) * .5 + 20, P = c.append("g").attr("class", "lineWrapper");
+	P.append("line").attr("x1", E).attr("y1", y - M).attr("x2", E).attr("y2", A.y + A.height + N).attr("stroke-width", 4).attr("stroke", "black").attr("marker-end", "url(#arrowhead)"), P.lower(), a(void 0, c, o.timeline?.padding ?? 50, o.timeline?.useMaxWidth ?? !1);
+}, "draw"), $ = /* @__PURE__ */ t(function(e, t, r, i, a, o, s, c, l) {
+	for (let u of t) {
+		let t = {
+			descr: u.task,
+			section: r,
+			number: r,
+			width: G,
+			padding: K,
+			maxHeight: o
+		};
+		n.debug("taskNode", t);
+		let d = e.append("g").attr("class", "taskWrapper"), f = U.drawNode(d, t, r, s), p = f.height;
+		n.debug("taskHeight after draw", p);
+		let m = i - X - f.width;
+		if (d.attr("transform", `translate(${m}, ${a})`), o = Math.max(o, p), u.events && u.events.length > 0) {
+			let t = a, n = i + Q;
+			ve(e, u.events, r, i, n, t, s);
+		}
+		a += c, l && !s.timeline?.disableMulticolor && r++;
+	}
+}, "drawTasks"), ve = /* @__PURE__ */ t(function(e, t, r, i, a, o, s) {
+	let c = o;
+	for (let o of t) {
+		let t = {
+			descr: o,
+			section: r,
+			number: r,
+			width: q,
+			padding: K,
+			maxHeight: 0
+		};
+		n.debug("eventNode", t);
+		let l = e.append("g").attr("class", "eventWrapper"), u = U.drawNode(l, t, r, s).height;
+		l.attr("transform", `translate(${a}, ${c})`);
+		let d = e.append("g").attr("class", "lineWrapper"), f = c + u / 2;
+		d.append("line").attr("x1", i).attr("y1", f).attr("x2", a).attr("y2", f).attr("stroke-width", 2).attr("stroke", "black").attr("marker-end", "url(#arrowhead)").attr("stroke-dasharray", "5,5"), c = c + u + J;
 	}
-	return a = c, s;
-}, "drawEvents"), Q = {
+	return c - o;
+}, "drawEvents"), ye = {
 	setConf: /* @__PURE__ */ t(() => {}, "setConf"),
-	draw: Y
-}, $ = /* @__PURE__ */ t((e) => {
+	draw: _e
+}, be = /* @__PURE__ */ t((e) => {
+	let { theme: t } = s(), n = t?.includes("dark"), r = t?.includes("color"), i = e.svgId?.replace(/^#/, "") ?? "", a = i ? `url(#${i}-drop-shadow)` : e.dropShadow ?? "none", o = "";
+	for (let t = 0; t < e.THEME_COLOR_LIMIT; t++) {
+		let i = `${17 - 3 * t}`, s = r ? e.borderColorArray[t] : e.mainBkg, c = r ? e.borderColorArray[t] : e.nodeBorder;
+		o += `
+    .section-${t - 1} rect,
+    .section-${t - 1} path,
+    .section-${t - 1} circle {
+      fill: ${n && r ? e.mainBkg : s};
+      stroke: ${c};
+      stroke-width: ${e.strokeWidth};
+      filter: ${a};
+    }
+
+    .section-${t - 1} text {
+      fill: ${e.nodeBorder};
+      font-weight: ${e.fontWeight}
+    }
+
+    .node-icon-${t - 1} {
+      font-size: 40px;
+      color: ${e["cScaleLabel" + t]};
+    }
+
+    .section-edge-${t - 1} {
+      stroke: ${e["cScale" + t]};
+    }
+
+    .edge-depth-${t - 1} {
+      stroke-width: ${i};
+    }
+
+    .section-${t - 1} line {
+      stroke: ${e["cScaleInv" + t]};
+      stroke-width: 3;
+    }
+
+    .lineWrapper line {
+      stroke: ${e.nodeBorder};
+      stroke-width:${e.strokeWidth}
+    }
+
+    .disabled,
+    .disabled circle,
+    .disabled text {
+      fill: ${e.tertiaryColor ?? "lightgray"};
+    }
+
+    .disabled text {
+      fill: ${e.clusterBorder ?? "#efefef"};
+    }
+    `;
+	}
+	return o;
+}, "genReduxSections"), xe = /* @__PURE__ */ t((e) => {
 	let t = "";
-	for (let t = 0; t < e.THEME_COLOR_LIMIT; t++) e["lineColor" + t] = e["lineColor" + t] || e["cScaleInv" + t], l(e["lineColor" + t]) ? e["lineColor" + t] = a(e["lineColor" + t], 20) : e["lineColor" + t] = o(e["lineColor" + t], 20);
+	for (let t = 0; t < e.THEME_COLOR_LIMIT; t++) e["lineColor" + t] = e["lineColor" + t] || e["cScaleInv" + t], l(e["lineColor" + t]) ? e["lineColor" + t] = c(e["lineColor" + t], 20) : e["lineColor" + t] = i(e["lineColor" + t], 20);
 	for (let n = 0; n < e.THEME_COLOR_LIMIT; n++) {
 		let r = "" + (17 - 3 * n);
 		t += `
@@ -790,23 +1009,41 @@ var G = /* @__PURE__ */ t(function(e, t, n, r) {
     }
 
     .disabled, .disabled circle, .disabled text {
-      fill: lightgray;
+      fill: ${e.tertiaryColor ?? "lightgray"};
     }
     .disabled text {
-      fill: #efefef;
+      fill: ${e.clusterBorder ?? "#efefef"};
     }
     `;
 	}
 	return t;
-}, "genSections"), ee = {
-	db: m,
-	renderer: Q,
-	parser: p,
-	styles: /* @__PURE__ */ t((e) => `
+}, "genSections"), Se = {
+	db: _,
+	renderer: {
+		setConf: /* @__PURE__ */ t(() => {}, "setConf"),
+		draw: /* @__PURE__ */ t((e, t, n, r) => (r?.db?.getDirection?.() ?? "LR") === "TD" ? ye.draw(e, t, n, r) : pe.draw(e, t, n, r), "draw")
+	},
+	parser: g,
+	styles: /* @__PURE__ */ t((e) => {
+		let { theme: t } = s(), n = t?.includes("redux"), r = t === "neutral", i = e.svgId?.replace(/^#/, "") ?? "", a = "";
+		if (e.useGradient && i && e.THEME_COLOR_LIMIT && !r) for (let t = 0; t < e.THEME_COLOR_LIMIT; t++) a += `
+      .section-${t - 1}[data-look="neo"] rect,
+      .section-${t - 1}[data-look="neo"] path,
+      .section-${t - 1}[data-look="neo"] circle {
+        fill: ${e.mainBkg};
+        stroke: url(#${i}-gradient);
+        stroke-width: 2;
+      }
+      .section-${t - 1}[data-look="neo"] line {
+        stroke: url(#${i}-gradient);
+        stroke-width: 2;
+      }`;
+		return `
   .edge {
     stroke-width: 3;
   }
-  ${$(e)}
+  ${n ? be(e) : xe(e)}
+  ${a}
   .section-root rect, .section-root path, .section-root circle  {
     fill: ${e.git0};
   }
@@ -825,9 +1062,10 @@ var G = /* @__PURE__ */ t(function(e, t, n, r) {
   .eventWrapper  {
    filter: brightness(120%);
   }
-`, "getStyles")
+`;
+	}, "getStyles")
 };
 //#endregion
-export { ee as diagram };
+export { Se as diagram };
 
-//# sourceMappingURL=timeline-definition-YZTLITO2-CjxxCuOg.js.map
+//# sourceMappingURL=timeline-definition-PNZ67QCA-rsiMN1-p.js.map