@sme.up/ketchup2 2.7.0 → 2.8.1

package/dist/{wardleyDiagram-YWT4CUSO-Bq-BejOl.js → wardleyDiagram-VM6X3IG4-DFoKuS9s.js}

@@ -1,24 +1,25 @@
-import { g as e, h as t } from "./src-DjDATEq3.js";
-import { D as n, H as r, K as i, U as a, a as o, b as s, c, v as l, w as u, x as d, y as f } from "./chunk-CSCIHK7Q-BEk3YcEH.js";
-import { i as p } from "./chunk-5ZQYHXKU-B_nOC8-n.js";
-import { t as m } from "./chunk-WU5MYG2G-DuCEb9G-.js";
-import { t as h } from "./mermaid-parser.core-D6xVjl2t.js";
-import { t as g } from "./chunk-4BX2VUAB-zglw1T4d.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-YWT4CUSO.mjs
-var _ = /* @__PURE__ */ t((e, t) => {
+import { m as e } from "./src-DQoflmwT.js";
+import { D as t, H as n, K as r, U as i, a, b as o, c as s, v as c, w as l, x as u, y as d } from "./chunk-DU6HZSFF-waeanndy.js";
+import { n as f } from "./chunk-Y2CYZVJY-i11wjrBe.js";
+import { i as p } from "./chunk-75Z2AOVW-Drsj7a97.js";
+import { t as m } from "./chunk-CLGD4ZFX-CLGio9rD.js";
+import { n as h } from "./mermaid-parser.core-BwVmI_Rq.js";
+import { t as g } from "./chunk-JWPE2WC7-Ccb0QaC8.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VM6X3IG4.mjs
+var _ = /* @__PURE__ */ f((e, t) => {
 	let n = e <= 1 ? e * 100 : e;
 	if (n < 0 || n > 100) throw Error(`${t} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${e}`);
 	return n;
-}, "toPercent"), v = /* @__PURE__ */ t((e, t, n) => ({
+}, "toPercent"), v = /* @__PURE__ */ f((e, t, n) => ({
 	x: _(t, `${n} evolution`),
 	y: _(e, `${n} visibility`)
-}), "toCoordinates"), y = /* @__PURE__ */ t((e) => {
+}), "toCoordinates"), y = /* @__PURE__ */ f((e) => {
 	if (e) {
 		if (e === "+<>") return "bidirectional";
 		if (e === "+<") return "backward";
 		if (e === "+>") return "forward";
 	}
-}, "getFlowFromPort"), b = /* @__PURE__ */ t((e) => {
+}, "getFlowFromPort"), b = /* @__PURE__ */ f((e) => {
 	if (!e?.startsWith("+")) return {};
 	let t = /^\+'([^']*)'/.exec(e)?.[1];
 	return e.includes("<>") ? {
@@ -31,7 +32,7 @@ var _ = /* @__PURE__ */ t((e, t) => {
 		flow: "forward",
 		label: t
 	} : { label: t };
-}, "extractFlowFromArrow"), x = /* @__PURE__ */ t((e, t) => {
+}, "extractFlowFromArrow"), x = /* @__PURE__ */ f((e, t) => {
 	if (g(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
 		let n = e.evolution.stages.map((e) => e.secondName ? `${e.name.trim()} / ${e.secondName.trim()}` : e.name.trim()), r = e.evolution.stages.filter((e) => e.boundary !== void 0).map((e) => e.boundary);
 		t.updateAxes({
@@ -86,7 +87,7 @@ var _ = /* @__PURE__ */ t((e, t) => {
 	});
 }, "populateDb"), S = {
 	parser: { yy: void 0 },
-	parse: /* @__PURE__ */ t(async (t) => {
+	parse: /* @__PURE__ */ f(async (t) => {
 		let n = await h("wardley", t);
 		e.debug(n);
 		let r = S.parser?.yy;
@@ -98,7 +99,7 @@ var _ = /* @__PURE__ */ t((e, t) => {
 		this.nodes = /* @__PURE__ */ new Map(), this.links = [], this.trends = /* @__PURE__ */ new Map(), this.pipelines = /* @__PURE__ */ new Map(), this.annotations = [], this.notes = [], this.accelerators = [], this.deaccelerators = [], this.axes = {};
 	}
 	static {
-		t(this, "WardleyBuilder");
+		f(this, "WardleyBuilder");
 	}
 	addNode(e) {
 		let t = this.nodes.get(e.id) ?? {
@@ -196,9 +197,9 @@ var _ = /* @__PURE__ */ t((e, t) => {
 	}
 }();
 function w() {
-	return d()["wardley-beta"];
+	return u()["wardley-beta"];
 }
-t(w, "getConfig");
+f(w, "getConfig");
 function T(e, t, n, r, i, a, o, s, c) {
 	C.addNode({
 		id: e,
@@ -212,7 +213,7 @@ function T(e, t, n, r, i, a, o, s, c) {
 		sourceStrategy: c
 	});
 }
-t(T, "addNode");
+f(T, "addNode");
 function E(e, t, n = !1, r, i) {
 	C.addLink({
 		source: e,
@@ -222,7 +223,7 @@ function E(e, t, n = !1, r, i) {
 		flow: i
 	});
 }
-t(E, "addLink");
+f(E, "addLink");
 function D(e, t, n) {
 	C.addTrend({
 		nodeId: e,
@@ -230,7 +231,7 @@ function D(e, t, n) {
 		targetY: n
 	});
 }
-t(D, "addTrend");
+f(D, "addTrend");
 function O(e, t, n) {
 	C.addAnnotation({
 		number: e,
@@ -238,7 +239,7 @@ function O(e, t, n) {
 		text: n
 	});
 }
-t(O, "addAnnotation");
+f(O, "addAnnotation");
 function k(e, t, n) {
 	C.addNote({
 		text: e,
@@ -246,7 +247,7 @@ function k(e, t, n) {
 		y: n
 	});
 }
-t(k, "addNote");
+f(k, "addNote");
 function A(e, t, n) {
 	C.addAccelerator({
 		name: e,
@@ -254,7 +255,7 @@ function A(e, t, n) {
 		y: n
 	});
 }
-t(A, "addAccelerator");
+f(A, "addAccelerator");
 function j(e, t, n) {
 	C.addDeaccelerator({
 		name: e,
@@ -262,43 +263,43 @@ function j(e, t, n) {
 		y: n
 	});
 }
-t(j, "addDeaccelerator");
+f(j, "addDeaccelerator");
 function M(e, t) {
 	C.setAnnotationsBox(e, t);
 }
-t(M, "setAnnotationsBox");
+f(M, "setAnnotationsBox");
 function N(e, t) {
 	C.setSize(e, t);
 }
-t(N, "setSize");
+f(N, "setSize");
 function P(e) {
 	C.startPipeline(e);
 }
-t(P, "startPipeline");
+f(P, "startPipeline");
 function F(e, t) {
 	C.addPipelineComponent(e, t);
 }
-t(F, "addPipelineComponent");
+f(F, "addPipelineComponent");
 function I(e) {
 	C.setAxes(e);
 }
-t(I, "updateAxes");
+f(I, "updateAxes");
 function L(e) {
 	return C.getNode(e);
 }
-t(L, "getNode");
+f(L, "getNode");
 function R(e) {
 	return C.resolveNodeId(e);
 }
-t(R, "resolveNodeId");
+f(R, "resolveNodeId");
 function z() {
 	return C.build();
 }
-t(z, "getWardleyData");
+f(z, "getWardleyData");
 function B() {
-	C.clear(), o();
+	C.clear(), a();
 }
-t(B, "clear");
+f(B, "clear");
 var V = {
 	getConfig: w,
 	addNode: T,
@@ -317,19 +318,19 @@ var V = {
 	resolveNodeId: R,
 	getWardleyData: z,
 	clear: B,
-	setAccTitle: a,
-	getAccTitle: f,
-	setDiagramTitle: i,
-	getDiagramTitle: u,
-	getAccDescription: l,
-	setAccDescription: r
+	setAccTitle: i,
+	getAccTitle: d,
+	setDiagramTitle: r,
+	getDiagramTitle: l,
+	getAccDescription: c,
+	setAccDescription: n
 }, H = [
 	"Genesis",
 	"Custom Built",
 	"Product",
 	"Commodity"
-], U = /* @__PURE__ */ t(() => {
-	let { themeVariables: e } = d();
+], U = /* @__PURE__ */ f(() => {
+	let { themeVariables: e } = u();
 	return {
 		backgroundColor: e.wardley?.backgroundColor ?? e.background ?? "#fff",
 		axisColor: e.wardley?.axisColor ?? "#000",
@@ -344,8 +345,8 @@ var V = {
 		annotationTextColor: e.wardley?.annotationTextColor ?? e.primaryTextColor ?? "#222",
 		annotationFill: e.wardley?.annotationFill ?? e.background ?? "#fff"
 	};
-}, "getTheme"), W = /* @__PURE__ */ t(() => {
-	let e = d()["wardley-beta"];
+}, "getTheme"), W = /* @__PURE__ */ f(() => {
+	let e = u()["wardley-beta"];
 	return {
 		width: e?.width ?? 900,
 		height: e?.height ?? 600,
@@ -360,21 +361,21 @@ var V = {
 }, "getConfigValues"), G = {
 	parser: S,
 	db: V,
-	renderer: { draw: /* @__PURE__ */ t((n, r, i, a) => {
-		e.debug("Rendering Wardley map\n" + n);
-		let o = W(), s = U(), l = o.nodeRadius * 1.6, u = a.db, d = u.getWardleyData(), f = u.getDiagramTitle(), p = d.size?.width ?? o.width, h = d.size?.height ?? o.height, g = m(r);
-		g.selectAll("*").remove(), c(g, h, p, o.useMaxWidth), g.attr("viewBox", `0 0 ${p} ${h}`);
+	renderer: { draw: /* @__PURE__ */ f((t, n, r, i) => {
+		e.debug("Rendering Wardley map\n" + t);
+		let a = W(), o = U(), c = a.nodeRadius * 1.6, l = i.db, u = l.getWardleyData(), d = l.getDiagramTitle(), p = u.size?.width ?? a.width, h = u.size?.height ?? a.height, g = m(n);
+		g.selectAll("*").remove(), s(g, h, p, a.useMaxWidth), g.attr("viewBox", `0 0 ${p} ${h}`);
 		let _ = g.append("g").attr("class", "wardley-map"), v = g.append("defs");
-		v.append("marker").attr("id", `arrow-${r}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 6).attr("markerHeight", 6).attr("orient", "auto-start-reverse").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", s.evolutionStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-end-${r}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", s.linkStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-start-${r}`).attr("viewBox", "0 0 10 10").attr("refX", 1).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 10 0 L 0 5 L 10 10 z").attr("fill", s.linkStroke).attr("stroke", "none"), _.append("rect").attr("class", "wardley-background").attr("width", p).attr("height", h).attr("fill", s.backgroundColor);
-		let y = p - o.padding * 2, b = h - o.padding * 2;
-		f && _.append("text").attr("class", "wardley-title").attr("x", p / 2).attr("y", o.padding / 2).attr("fill", s.axisTextColor).attr("font-size", o.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(f);
-		let x = /* @__PURE__ */ t((e) => o.padding + e / 100 * y, "projectX"), S = /* @__PURE__ */ t((e) => h - o.padding - e / 100 * b, "projectY"), C = _.append("g").attr("class", "wardley-axes");
-		C.append("line").attr("x1", o.padding).attr("x2", p - o.padding).attr("y1", h - o.padding).attr("y2", h - o.padding).attr("stroke", s.axisColor).attr("stroke-width", 1), C.append("line").attr("x1", o.padding).attr("x2", o.padding).attr("y1", o.padding).attr("y2", h - o.padding).attr("stroke", s.axisColor).attr("stroke-width", 1);
-		let w = d.axes.xLabel ?? "Evolution", T = d.axes.yLabel ?? "Visibility";
-		C.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", o.padding + y / 2).attr("y", h - o.padding / 4).attr("fill", s.axisTextColor).attr("font-size", o.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(w), C.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", o.padding / 3).attr("y", o.padding + b / 2).attr("fill", s.axisTextColor).attr("font-size", o.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${o.padding / 3} ${o.padding + b / 2})`).text(T);
-		let E = d.axes.stages && d.axes.stages.length > 0 ? d.axes.stages : H;
+		v.append("marker").attr("id", `arrow-${n}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 6).attr("markerHeight", 6).attr("orient", "auto-start-reverse").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", o.evolutionStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-end-${n}`).attr("viewBox", "0 0 10 10").attr("refX", 9).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 0 0 L 10 5 L 0 10 z").attr("fill", o.linkStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-start-${n}`).attr("viewBox", "0 0 10 10").attr("refX", 1).attr("refY", 5).attr("markerWidth", 5).attr("markerHeight", 5).attr("orient", "auto").append("path").attr("d", "M 10 0 L 0 5 L 10 10 z").attr("fill", o.linkStroke).attr("stroke", "none"), _.append("rect").attr("class", "wardley-background").attr("width", p).attr("height", h).attr("fill", o.backgroundColor);
+		let y = p - a.padding * 2, b = h - a.padding * 2;
+		d && _.append("text").attr("class", "wardley-title").attr("x", p / 2).attr("y", a.padding / 2).attr("fill", o.axisTextColor).attr("font-size", a.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(d);
+		let x = /* @__PURE__ */ f((e) => a.padding + e / 100 * y, "projectX"), S = /* @__PURE__ */ f((e) => h - a.padding - e / 100 * b, "projectY"), C = _.append("g").attr("class", "wardley-axes");
+		C.append("line").attr("x1", a.padding).attr("x2", p - a.padding).attr("y1", h - a.padding).attr("y2", h - a.padding).attr("stroke", o.axisColor).attr("stroke-width", 1), C.append("line").attr("x1", a.padding).attr("x2", a.padding).attr("y1", a.padding).attr("y2", h - a.padding).attr("stroke", o.axisColor).attr("stroke-width", 1);
+		let w = u.axes.xLabel ?? "Evolution", T = u.axes.yLabel ?? "Visibility";
+		C.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", a.padding + y / 2).attr("y", h - a.padding / 4).attr("fill", o.axisTextColor).attr("font-size", a.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(w), C.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", a.padding / 3).attr("y", a.padding + b / 2).attr("fill", o.axisTextColor).attr("font-size", a.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${a.padding / 3} ${a.padding + b / 2})`).text(T);
+		let E = u.axes.stages && u.axes.stages.length > 0 ? u.axes.stages : H;
 		if (E.length > 0) {
-			let e = _.append("g").attr("class", "wardley-stages"), t = d.axes.stageBoundaries, n = [];
+			let e = _.append("g").attr("class", "wardley-stages"), t = u.axes.stageBoundaries, n = [];
 			if (t && t.length === E.length) {
 				let e = 0;
 				t.forEach((t) => {
@@ -393,249 +394,249 @@ var V = {
 				});
 			}
 			E.forEach((t, r) => {
-				let i = n[r], a = o.padding + i.start * y, c = (a + (o.padding + i.end * y)) / 2;
-				r > 0 && e.append("line").attr("x1", a).attr("x2", a).attr("y1", o.padding).attr("y2", h - o.padding).attr("stroke", "#000").attr("stroke-width", 1).attr("stroke-dasharray", "5 5").attr("opacity", .8), e.append("text").attr("class", "wardley-stage-label").attr("x", c).attr("y", h - o.padding / 1.5).attr("fill", s.axisTextColor).attr("font-size", o.axisFontSize - 2).attr("text-anchor", "middle").text(t);
+				let i = n[r], s = a.padding + i.start * y, c = (s + (a.padding + i.end * y)) / 2;
+				r > 0 && e.append("line").attr("x1", s).attr("x2", s).attr("y1", a.padding).attr("y2", h - a.padding).attr("stroke", "#000").attr("stroke-width", 1).attr("stroke-dasharray", "5 5").attr("opacity", .8), e.append("text").attr("class", "wardley-stage-label").attr("x", c).attr("y", h - a.padding / 1.5).attr("fill", o.axisTextColor).attr("font-size", a.axisFontSize - 2).attr("text-anchor", "middle").text(t);
 			});
 		}
-		if (o.showGrid) {
+		if (a.showGrid) {
 			let e = _.append("g").attr("class", "wardley-grid");
 			for (let t = 1; t < 4; t++) {
-				let n = t / 4, r = o.padding + y * n;
-				e.append("line").attr("x1", r).attr("x2", r).attr("y1", o.padding).attr("y2", h - o.padding).attr("stroke", s.gridColor).attr("stroke-dasharray", "2 6"), e.append("line").attr("x1", o.padding).attr("x2", p - o.padding).attr("y1", h - o.padding - b * n).attr("y2", h - o.padding - b * n).attr("stroke", s.gridColor).attr("stroke-dasharray", "2 6");
+				let n = t / 4, r = a.padding + y * n;
+				e.append("line").attr("x1", r).attr("x2", r).attr("y1", a.padding).attr("y2", h - a.padding).attr("stroke", o.gridColor).attr("stroke-dasharray", "2 6"), e.append("line").attr("x1", a.padding).attr("x2", p - a.padding).attr("y1", h - a.padding - b * n).attr("y2", h - a.padding - b * n).attr("stroke", o.gridColor).attr("stroke-dasharray", "2 6");
 			}
 		}
 		let D = /* @__PURE__ */ new Map();
-		if (d.nodes.forEach((e) => {
+		if (u.nodes.forEach((e) => {
 			D.set(e.id, {
 				x: x(e.x),
 				y: S(e.y),
 				node: e
 			});
-		}), d.pipelines.length > 0) {
+		}), u.pipelines.length > 0) {
 			let e = _.append("g").attr("class", "wardley-pipelines"), t = _.append("g").attr("class", "wardley-pipeline-links");
-			d.pipelines.forEach((n) => {
+			u.pipelines.forEach((n) => {
 				if (n.componentIds.length === 0) return;
 				let r = n.componentIds.map((e) => ({
 					id: e,
 					pos: D.get(e),
-					node: d.nodes.find((t) => t.id === e)
+					node: u.nodes.find((t) => t.id === e)
 				})).filter((e) => e.pos && e.node).sort((e, t) => e.node.x - t.node.x);
 				for (let e = 0; e < r.length - 1; e++) {
 					let n = r[e], i = r[e + 1];
-					t.append("line").attr("class", "wardley-pipeline-evolution-link").attr("x1", n.pos.x).attr("y1", n.pos.y).attr("x2", i.pos.x).attr("y2", i.pos.y).attr("stroke", s.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
+					t.append("line").attr("class", "wardley-pipeline-evolution-link").attr("x1", n.pos.x).attr("y1", n.pos.y).attr("x2", i.pos.x).attr("y2", i.pos.y).attr("stroke", o.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
 				}
-				let i = Infinity, a = -Infinity, c = 0;
+				let i = Infinity, s = -Infinity, l = 0;
 				if (n.componentIds.forEach((e) => {
 					let t = D.get(e);
-					t && (i = Math.min(i, t.x), a = Math.max(a, t.x), c = t.y);
-				}), i !== Infinity && a !== -Infinity) {
-					let t = o.nodeRadius * 4, r = c - t / 2, u = D.get(n.nodeId);
-					u && (u.x = (i + a) / 2, u.y = r - l / 6), e.append("rect").attr("class", "wardley-pipeline-box").attr("x", i - 15).attr("y", r).attr("width", a - i + 30).attr("height", t).attr("fill", "none").attr("stroke", s.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+					t && (i = Math.min(i, t.x), s = Math.max(s, t.x), l = t.y);
+				}), i !== Infinity && s !== -Infinity) {
+					let t = a.nodeRadius * 4, r = l - t / 2, u = D.get(n.nodeId);
+					u && (u.x = (i + s) / 2, u.y = r - c / 6), e.append("rect").attr("class", "wardley-pipeline-box").attr("x", i - 15).attr("y", r).attr("width", s - i + 30).attr("height", t).attr("fill", "none").attr("stroke", o.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
 				}
 			});
 		}
 		let O = _.append("g").attr("class", "wardley-links"), k = /* @__PURE__ */ new Map();
-		d.pipelines.forEach((e) => {
+		u.pipelines.forEach((e) => {
 			k.set(e.nodeId, new Set(e.componentIds));
 		});
-		let A = d.links.filter((e) => !(!D.has(e.source) || !D.has(e.target) || k.get(e.target)?.has(e.source)));
+		let A = u.links.filter((e) => !(!D.has(e.source) || !D.has(e.target) || k.get(e.target)?.has(e.source)));
 		O.selectAll("line").data(A).enter().append("line").attr("class", (e) => `wardley-link${e.dashed ? " wardley-link--dashed" : ""}`).attr("x1", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = d.nodes.find((t) => t.id === e.source).isPipelineParent ? l / Math.sqrt(2) : o.nodeRadius, i = n.x - t.x, a = n.y - t.y, s = Math.sqrt(i * i + a * a);
+			let t = D.get(e.source), n = D.get(e.target), r = u.nodes.find((t) => t.id === e.source).isPipelineParent ? c / Math.sqrt(2) : a.nodeRadius, i = n.x - t.x, o = n.y - t.y, s = Math.sqrt(i * i + o * o);
 			return t.x + i / s * r;
 		}).attr("y1", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = d.nodes.find((t) => t.id === e.source).isPipelineParent ? l / Math.sqrt(2) : o.nodeRadius, i = n.x - t.x, a = n.y - t.y, s = Math.sqrt(i * i + a * a);
-			return t.y + a / s * r;
+			let t = D.get(e.source), n = D.get(e.target), r = u.nodes.find((t) => t.id === e.source).isPipelineParent ? c / Math.sqrt(2) : a.nodeRadius, i = n.x - t.x, o = n.y - t.y, s = Math.sqrt(i * i + o * o);
+			return t.y + o / s * r;
 		}).attr("x2", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = d.nodes.find((t) => t.id === e.target).isPipelineParent ? l / Math.sqrt(2) : o.nodeRadius, i = t.x - n.x, a = t.y - n.y, s = Math.sqrt(i * i + a * a);
+			let t = D.get(e.source), n = D.get(e.target), r = u.nodes.find((t) => t.id === e.target).isPipelineParent ? c / Math.sqrt(2) : a.nodeRadius, i = t.x - n.x, o = t.y - n.y, s = Math.sqrt(i * i + o * o);
 			return n.x + i / s * r;
 		}).attr("y2", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = d.nodes.find((t) => t.id === e.target).isPipelineParent ? l / Math.sqrt(2) : o.nodeRadius, i = t.x - n.x, a = t.y - n.y, s = Math.sqrt(i * i + a * a);
-			return n.y + a / s * r;
-		}).attr("stroke", s.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", (e) => e.dashed ? "6 6" : null).attr("marker-end", (e) => e.flow === "forward" || e.flow === "bidirectional" ? `url(#link-arrow-end-${r})` : null).attr("marker-start", (e) => e.flow === "backward" || e.flow === "bidirectional" ? `url(#link-arrow-start-${r})` : null), O.selectAll("text").data(A.filter((e) => e.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (e) => {
+			let t = D.get(e.source), n = D.get(e.target), r = u.nodes.find((t) => t.id === e.target).isPipelineParent ? c / Math.sqrt(2) : a.nodeRadius, i = t.x - n.x, o = t.y - n.y, s = Math.sqrt(i * i + o * o);
+			return n.y + o / s * r;
+		}).attr("stroke", o.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", (e) => e.dashed ? "6 6" : null).attr("marker-end", (e) => e.flow === "forward" || e.flow === "bidirectional" ? `url(#link-arrow-end-${n})` : null).attr("marker-start", (e) => e.flow === "backward" || e.flow === "bidirectional" ? `url(#link-arrow-start-${n})` : null), O.selectAll("text").data(A.filter((e) => e.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (e) => {
 			let t = D.get(e.source), n = D.get(e.target), r = (t.x + n.x) / 2, i = n.y - t.y, a = n.x - t.x;
 			return r + i / Math.sqrt(a * a + i * i) * 8;
 		}).attr("y", (e) => {
 			let t = D.get(e.source), n = D.get(e.target), r = (t.y + n.y) / 2, i = n.x - t.x, a = n.y - t.y, o = Math.sqrt(i * i + a * a);
 			return r + -i / o * 8;
-		}).attr("fill", s.axisTextColor).attr("font-size", o.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (e) => {
+		}).attr("fill", o.axisTextColor).attr("font-size", a.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (e) => {
 			let t = D.get(e.source), n = D.get(e.target), r = (t.x + n.x) / 2, i = (t.y + n.y) / 2, a = n.x - t.x, o = n.y - t.y, s = Math.sqrt(a * a + o * o), c = o / s, l = -a / s, u = r + c * 8, d = i + l * 8, f = Math.atan2(o, a) * 180 / Math.PI;
 			return (f > 90 || f < -90) && (f += 180), `rotate(${f} ${u} ${d})`;
 		}).text((e) => e.label);
-		let j = _.append("g").attr("class", "wardley-trends"), M = d.trends.map((e) => {
+		let j = _.append("g").attr("class", "wardley-trends"), M = u.trends.map((e) => {
 			let t = D.get(e.nodeId);
 			if (!t) return null;
-			let n = x(e.targetX), r = S(e.targetY), i = n - t.x, a = r - t.y, s = Math.sqrt(i * i + a * a), c = o.nodeRadius + 2;
+			let n = x(e.targetX), r = S(e.targetY), i = n - t.x, o = r - t.y, s = Math.sqrt(i * i + o * o), c = a.nodeRadius + 2;
 			return {
 				origin: t,
 				targetX: n,
 				targetY: r,
 				adjustedX2: s > c ? n - i / s * c : n,
-				adjustedY2: s > c ? r - a / s * c : r
+				adjustedY2: s > c ? r - o / s * c : r
 			};
 		}).filter((e) => e !== null);
-		j.selectAll("line").data(M).enter().append("line").attr("class", "wardley-trend").attr("x1", (e) => e.origin.x).attr("y1", (e) => e.origin.y).attr("x2", (e) => e.adjustedX2).attr("y2", (e) => e.adjustedY2).attr("stroke", s.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${r})`);
-		let N = _.append("g").attr("class", "wardley-nodes").selectAll("g").data(d.nodes).enter().append("g").attr("class", (e) => ["wardley-node", e.className ? `wardley-node--${e.className}` : ""].filter(Boolean).join(" "));
-		N.filter((e) => e.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", o.nodeRadius * 2).attr("fill", "#666").attr("stroke", s.componentStroke).attr("stroke-width", 1), N.filter((e) => e.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", o.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", s.componentStroke).attr("stroke-width", 1), N.filter((e) => e.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", o.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
+		j.selectAll("line").data(M).enter().append("line").attr("class", "wardley-trend").attr("x1", (e) => e.origin.x).attr("y1", (e) => e.origin.y).attr("x2", (e) => e.adjustedX2).attr("y2", (e) => e.adjustedY2).attr("stroke", o.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${n})`);
+		let N = _.append("g").attr("class", "wardley-nodes").selectAll("g").data(u.nodes).enter().append("g").attr("class", (e) => ["wardley-node", e.className ? `wardley-node--${e.className}` : ""].filter(Boolean).join(" "));
+		N.filter((e) => e.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#666").attr("stroke", o.componentStroke).attr("stroke-width", 1), N.filter((e) => e.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", o.componentStroke).attr("stroke-width", 1), N.filter((e) => e.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", a.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
 		let P = N.filter((e) => e.sourceStrategy === "market");
-		P.append("circle").attr("class", "wardley-market-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", o.nodeRadius * 2).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 1), N.filter((e) => !e.isPipelineParent && e.sourceStrategy !== "market" && e.className !== "anchor").append("circle").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", o.nodeRadius).attr("fill", s.componentFill).attr("stroke", s.componentStroke).attr("stroke-width", 1);
-		let F = o.nodeRadius * .7, I = o.nodeRadius * 1.2;
-		if (P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x).attr("y1", (e) => D.get(e.id).y - I).attr("x2", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("y2", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("stroke", s.componentStroke).attr("stroke-width", 1), P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("y1", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("x2", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("y2", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("stroke", s.componentStroke).attr("stroke-width", 1), P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("y1", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("x2", (e) => D.get(e.id).x).attr("y2", (e) => D.get(e.id).y - I).attr("stroke", s.componentStroke).attr("stroke-width", 1), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y - I).attr("r", F).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 2), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("cy", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("r", F).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 2), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("cy", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("r", F).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 2), N.filter((e) => e.isPipelineParent === !0).append("rect").attr("x", (e) => D.get(e.id).x - l / 2).attr("y", (e) => D.get(e.id).y - l / 2).attr("width", l).attr("height", l).attr("fill", s.componentFill).attr("stroke", s.componentStroke).attr("stroke-width", 1), N.filter((e) => e.inertia === !0).append("line").attr("class", "wardley-inertia").attr("x1", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? l / 2 + 15 : o.nodeRadius + 15;
-			return e.sourceStrategy && (n += o.nodeRadius + 10), t.x + n;
+		P.append("circle").attr("class", "wardley-market-overlay").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", a.nodeRadius * 2).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 1), N.filter((e) => !e.isPipelineParent && e.sourceStrategy !== "market" && e.className !== "anchor").append("circle").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y).attr("r", a.nodeRadius).attr("fill", o.componentFill).attr("stroke", o.componentStroke).attr("stroke-width", 1);
+		let F = a.nodeRadius * .7, I = a.nodeRadius * 1.2;
+		if (P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x).attr("y1", (e) => D.get(e.id).y - I).attr("x2", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("y2", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("stroke", o.componentStroke).attr("stroke-width", 1), P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("y1", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("x2", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("y2", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("stroke", o.componentStroke).attr("stroke-width", 1), P.append("line").attr("class", "wardley-market-line").attr("x1", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("y1", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("x2", (e) => D.get(e.id).x).attr("y2", (e) => D.get(e.id).y - I).attr("stroke", o.componentStroke).attr("stroke-width", 1), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x).attr("cy", (e) => D.get(e.id).y - I).attr("r", F).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 2), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x - I * Math.cos(Math.PI / 6)).attr("cy", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("r", F).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 2), P.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => D.get(e.id).x + I * Math.cos(Math.PI / 6)).attr("cy", (e) => D.get(e.id).y + I * Math.sin(Math.PI / 6)).attr("r", F).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 2), N.filter((e) => e.isPipelineParent === !0).append("rect").attr("x", (e) => D.get(e.id).x - c / 2).attr("y", (e) => D.get(e.id).y - c / 2).attr("width", c).attr("height", c).attr("fill", o.componentFill).attr("stroke", o.componentStroke).attr("stroke-width", 1), N.filter((e) => e.inertia === !0).append("line").attr("class", "wardley-inertia").attr("x1", (e) => {
+			let t = D.get(e.id), n = e.isPipelineParent ? c / 2 + 15 : a.nodeRadius + 15;
+			return e.sourceStrategy && (n += a.nodeRadius + 10), t.x + n;
 		}).attr("y1", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? l : o.nodeRadius * 2;
+			let t = D.get(e.id), n = e.isPipelineParent ? c : a.nodeRadius * 2;
 			return t.y - n / 2;
 		}).attr("x2", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? l / 2 + 15 : o.nodeRadius + 15;
-			return e.sourceStrategy && (n += o.nodeRadius + 10), t.x + n;
+			let t = D.get(e.id), n = e.isPipelineParent ? c / 2 + 15 : a.nodeRadius + 15;
+			return e.sourceStrategy && (n += a.nodeRadius + 10), t.x + n;
 		}).attr("y2", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? l : o.nodeRadius * 2;
+			let t = D.get(e.id), n = e.isPipelineParent ? c : a.nodeRadius * 2;
 			return t.y + n / 2;
-		}).attr("stroke", s.componentStroke).attr("stroke-width", 6), N.append("text").attr("x", (e) => {
+		}).attr("stroke", o.componentStroke).attr("stroke-width", 6), N.append("text").attr("x", (e) => {
 			let t = D.get(e.id);
 			if (e.className === "anchor") return e.labelOffsetX === void 0 ? t.x : t.x + e.labelOffsetX;
-			let n = o.nodeLabelOffset;
+			let n = a.nodeLabelOffset;
 			e.sourceStrategy && e.labelOffsetX === void 0 && (n += 10);
 			let r = e.labelOffsetX ?? n;
 			return t.x + r;
 		}).attr("y", (e) => {
 			let t = D.get(e.id);
 			if (e.className === "anchor") return e.labelOffsetY === void 0 ? t.y - 3 : t.y + e.labelOffsetY;
-			let n = -o.nodeLabelOffset;
+			let n = -a.nodeLabelOffset;
 			e.sourceStrategy && e.labelOffsetY === void 0 && (n -= 10);
 			let r = e.labelOffsetY ?? n;
 			return t.y + r;
-		}).attr("class", "wardley-node-label").attr("fill", (e) => e.className === "evolved" ? s.evolutionStroke : e.className === "anchor" ? "#000" : s.componentLabelColor).attr("font-size", o.labelFontSize).attr("font-weight", (e) => e.className === "anchor" ? "bold" : "normal").attr("text-anchor", (e) => e.className === "anchor" ? "middle" : "start").attr("dominant-baseline", (e) => e.className === "anchor" ? "middle" : "auto").text((e) => e.label), d.annotations.length > 0) {
+		}).attr("class", "wardley-node-label").attr("fill", (e) => e.className === "evolved" ? o.evolutionStroke : e.className === "anchor" ? "#000" : o.componentLabelColor).attr("font-size", a.labelFontSize).attr("font-weight", (e) => e.className === "anchor" ? "bold" : "normal").attr("text-anchor", (e) => e.className === "anchor" ? "middle" : "start").attr("dominant-baseline", (e) => e.className === "anchor" ? "middle" : "auto").text((e) => e.label), u.annotations.length > 0) {
 			let e = _.append("g").attr("class", "wardley-annotations");
-			if (d.annotations.forEach((t) => {
+			if (u.annotations.forEach((t) => {
 				let n = t.coordinates.map((e) => ({
 					x: x(e.x),
 					y: S(e.y)
 				}));
-				if (n.length > 1) for (let t = 0; t < n.length - 1; t++) e.append("line").attr("class", "wardley-annotation-line").attr("x1", n[t].x).attr("y1", n[t].y).attr("x2", n[t + 1].x).attr("y2", n[t + 1].y).attr("stroke", s.axisColor).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4");
+				if (n.length > 1) for (let t = 0; t < n.length - 1; t++) e.append("line").attr("class", "wardley-annotation-line").attr("x1", n[t].x).attr("y1", n[t].y).attr("x2", n[t + 1].x).attr("y2", n[t + 1].y).attr("stroke", o.axisColor).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4");
 				n.forEach((n) => {
 					let r = e.append("g").attr("class", "wardley-annotation");
-					r.append("circle").attr("cx", n.x).attr("cy", n.y).attr("r", 10).attr("fill", "white").attr("stroke", s.axisColor).attr("stroke-width", 1.5), r.append("text").attr("x", n.x).attr("y", n.y).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", 10).attr("fill", s.axisTextColor).attr("font-weight", "bold").text(t.number);
+					r.append("circle").attr("cx", n.x).attr("cy", n.y).attr("r", 10).attr("fill", "white").attr("stroke", o.axisColor).attr("stroke-width", 1.5), r.append("text").attr("x", n.x).attr("y", n.y).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", 10).attr("fill", o.axisTextColor).attr("font-weight", "bold").text(t.number);
 				});
-			}), d.annotationsBox) {
-				let t = x(d.annotationsBox.x), n = S(d.annotationsBox.y), r = e.append("g").attr("class", "wardley-annotations-box"), i = [...d.annotations].filter((e) => e.text).sort((e, t) => e.number - t.number), a = [];
+			}), u.annotationsBox) {
+				let t = x(u.annotationsBox.x), n = S(u.annotationsBox.y), r = e.append("g").attr("class", "wardley-annotations-box"), i = [...u.annotations].filter((e) => e.text).sort((e, t) => e.number - t.number), s = [];
 				if (i.forEach((e, i) => {
-					let o = r.append("text").attr("x", t + 10).attr("y", n + 10 + (i + 1) * 16).attr("font-size", 11).attr("fill", s.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${e.number}. ${e.text}`);
-					a.push(o);
-				}), a.length > 0) {
+					let a = r.append("text").attr("x", t + 10).attr("y", n + 10 + (i + 1) * 16).attr("font-size", 11).attr("fill", o.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${e.number}. ${e.text}`);
+					s.push(a);
+				}), s.length > 0) {
 					let e = 0, c = 0;
-					a.forEach((t) => {
+					s.forEach((t) => {
 						let n = t.node(), r = n.getComputedTextLength();
 						e = Math.max(e, r);
 						let i = n.getBBox();
 						c = Math.max(c, i.height);
 					});
-					let l = e + 20 + 105, u = i.length * 16 + 20 + c / 2, d = o.padding, f = p - o.padding - l, m = o.padding, g = h - o.padding - u;
-					t = Math.max(d, Math.min(t, f)), n = Math.max(m, Math.min(n, g)), a.forEach((e, r) => {
+					let l = e + 20 + 105, u = i.length * 16 + 20 + c / 2, d = a.padding, f = p - a.padding - l, m = a.padding, g = h - a.padding - u;
+					t = Math.max(d, Math.min(t, f)), n = Math.max(m, Math.min(n, g)), s.forEach((e, r) => {
 						e.attr("x", t + 10).attr("y", n + 10 + (r + 1) * 16);
-					}), r.insert("rect", "text").attr("x", t).attr("y", n).attr("width", l).attr("height", u).attr("fill", "white").attr("stroke", s.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+					}), r.insert("rect", "text").attr("x", t).attr("y", n).attr("width", l).attr("height", u).attr("fill", "white").attr("stroke", o.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
 				}
 			}
 		}
-		if (d.notes.length > 0) {
+		if (u.notes.length > 0) {
 			let e = _.append("g").attr("class", "wardley-notes");
-			d.notes.forEach((t) => {
+			u.notes.forEach((t) => {
 				let n = x(t.x), r = S(t.y);
-				e.append("text").attr("x", n).attr("y", r).attr("text-anchor", "start").attr("font-size", 11).attr("fill", s.axisTextColor).attr("font-weight", "bold").text(t.text);
+				e.append("text").attr("x", n).attr("y", r).attr("text-anchor", "start").attr("font-size", 11).attr("fill", o.axisTextColor).attr("font-weight", "bold").text(t.text);
 			});
 		}
-		if (d.accelerators.length > 0) {
+		if (u.accelerators.length > 0) {
 			let e = _.append("g").attr("class", "wardley-accelerators");
-			d.accelerators.forEach((t) => {
+			u.accelerators.forEach((t) => {
 				let n = x(t.x), r = S(t.y), i = `
-        M ${n} ${r - 30 / 2}
-        L ${n + 60 - 20} ${r - 30 / 2}
-        L ${n + 60 - 20} ${r - 30 / 2 - 8}
+        M ${n} ${r - 15}
+        L ${n + 60 - 20} ${r - 15}
+        L ${n + 60 - 20} ${r - 15 - 8}
         L ${n + 60} ${r}
-        L ${n + 60 - 20} ${r + 30 / 2 + 8}
-        L ${n + 60 - 20} ${r + 30 / 2}
-        L ${n} ${r + 30 / 2}
+        L ${n + 60 - 20} ${r + 15 + 8}
+        L ${n + 60 - 20} ${r + 15}
+        L ${n} ${r + 15}
         Z
       `;
-				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 1), e.append("text").attr("x", n + 60 / 2).attr("y", r + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", s.axisTextColor).attr("font-weight", "bold").text(t.name);
+				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 1), e.append("text").attr("x", n + 30).attr("y", r + 15 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", o.axisTextColor).attr("font-weight", "bold").text(t.name);
 			});
 		}
-		if (d.deaccelerators.length > 0) {
+		if (u.deaccelerators.length > 0) {
 			let e = _.append("g").attr("class", "wardley-deaccelerators");
-			d.deaccelerators.forEach((t) => {
+			u.deaccelerators.forEach((t) => {
 				let n = x(t.x), r = S(t.y), i = `
-        M ${n + 60} ${r - 30 / 2}
-        L ${n + 20} ${r - 30 / 2}
-        L ${n + 20} ${r - 30 / 2 - 8}
+        M ${n + 60} ${r - 15}
+        L ${n + 20} ${r - 15}
+        L ${n + 20} ${r - 15 - 8}
         L ${n} ${r}
-        L ${n + 20} ${r + 30 / 2 + 8}
-        L ${n + 20} ${r + 30 / 2}
-        L ${n + 60} ${r + 30 / 2}
+        L ${n + 20} ${r + 15 + 8}
+        L ${n + 20} ${r + 15}
+        L ${n + 60} ${r + 15}
         Z
       `;
-				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", s.componentStroke).attr("stroke-width", 1), e.append("text").attr("x", n + 60 / 2).attr("y", r + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", s.axisTextColor).attr("font-weight", "bold").text(t.name);
+				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", o.componentStroke).attr("stroke-width", 1), e.append("text").attr("x", n + 30).attr("y", r + 15 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", o.axisTextColor).attr("font-weight", "bold").text(t.name);
 			});
 		}
 	}, "draw") },
-	styles: /* @__PURE__ */ t(({ wardley: e } = {}) => {
-		let t = p(p(n(), s().themeVariables).wardley, e);
+	styles: /* @__PURE__ */ f(({ wardley: e } = {}) => {
+		let n = t(), r = o(), i = p(n, r.themeVariables), a = p(i.wardley, e);
 		return `
   .wardley-background {
-    fill: ${t.backgroundColor};
+    fill: ${a.backgroundColor};
   }
   .wardley-axes line, .wardley-axes path {
-    stroke: ${t.axisColor};
+    stroke: ${a.axisColor};
   }
   .wardley-axis-label {
-    fill: ${t.axisTextColor};
+    fill: ${a.axisTextColor};
   }
   .wardley-stage-label {
-    fill: ${t.axisTextColor};
+    fill: ${a.axisTextColor};
   }
   .wardley-grid line {
-    stroke: ${t.gridColor};
+    stroke: ${a.gridColor};
   }
   .wardley-node circle {
-    fill: ${t.componentFill};
-    stroke: ${t.componentStroke};
+    fill: ${a.componentFill};
+    stroke: ${a.componentStroke};
   }
   .wardley-node-label {
-    fill: ${t.componentLabelColor};
+    fill: ${a.componentLabelColor};
   }
   .wardley-link {
-    stroke: ${t.linkStroke};
+    stroke: ${a.linkStroke};
   }
   .wardley-link--dashed {
     stroke-dasharray: 4 4;
   }
   .wardley-link-label {
-    fill: ${t.axisTextColor};
+    fill: ${a.axisTextColor};
   }
   .wardley-trend line {
-    stroke: ${t.evolutionStroke};
+    stroke: ${a.evolutionStroke};
   }
   .wardley-annotation-line {
-    stroke: ${t.annotationStroke};
+    stroke: ${a.annotationStroke};
   }
   .wardley-annotation circle {
-    fill: ${t.annotationFill};
-    stroke: ${t.annotationStroke};
+    fill: ${a.annotationFill};
+    stroke: ${a.annotationStroke};
   }
   .wardley-annotation text {
-    fill: ${t.annotationTextColor};
+    fill: ${a.annotationTextColor};
   }
   .wardley-annotations-box rect {
-    fill: ${t.annotationFill};
-    stroke: ${t.annotationStroke};
+    fill: ${a.annotationFill};
+    stroke: ${a.annotationStroke};
   }
   .wardley-annotations-box text {
-    fill: ${t.annotationTextColor};
+    fill: ${a.annotationTextColor};
   }
   .wardley-pipeline-box {
-    stroke: ${t.componentStroke};
+    stroke: ${a.componentStroke};
   }
   .wardley-notes text {
-    fill: ${t.axisTextColor};
+    fill: ${a.axisTextColor};
   }
   `;
 	}, "styles")