@sme.up/ketchup2 2.1.0 → 2.3.0

package/dist/{wardleyDiagram-NUSXRM2D-CUX1SYhw.js → wardleyDiagram-YWT4CUSO-D1o116Wi.js}

@@ -1,23 +1,24 @@
-import { B as e, C as t, L as n, V as r, W as i, _ as a, a as o, b as s, c, v as l } from "./chunk-ICPOFSXX-Sn6LWD0k.js";
-import { g as u, h as d } from "./src-BQiFKP24.js";
-import { t as f } from "./chunk-426QAEUC-JjFVHKYG.js";
-import { t as p } from "./chunk-4BX2VUAB-BW54-JWg.js";
-import { t as m } from "./mermaid-parser.core-CERDf-UG.js";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-NUSXRM2D.mjs
-var h = /* @__PURE__ */ d((e, t) => {
+import { g as e, h as t } from "./src-v9RrE_4h.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-9WKhcDqw.js";
+import { i as p } from "./chunk-5ZQYHXKU-C4uam08j.js";
+import { t as m } from "./chunk-WU5MYG2G-mQn7Wt-i.js";
+import { t as h } from "./chunk-4BX2VUAB-BO1KRGb1.js";
+import { t as g } from "./mermaid-parser.core-Dz33ts1l.js";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-YWT4CUSO.mjs
+var _ = /* @__PURE__ */ t((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"), g = /* @__PURE__ */ d((e, t, n) => ({
-	x: h(t, `${n} evolution`),
-	y: h(e, `${n} visibility`)
-}), "toCoordinates"), _ = /* @__PURE__ */ d((e) => {
+}, "toPercent"), v = /* @__PURE__ */ t((e, t, n) => ({
+	x: _(t, `${n} evolution`),
+	y: _(e, `${n} visibility`)
+}), "toCoordinates"), y = /* @__PURE__ */ t((e) => {
 	if (e) {
 		if (e === "+<>") return "bidirectional";
 		if (e === "+<") return "backward";
 		if (e === "+>") return "forward";
 	}
-}, "getFlowFromPort"), v = /* @__PURE__ */ d((e) => {
+}, "getFlowFromPort"), b = /* @__PURE__ */ t((e) => {
 	if (!e?.startsWith("+")) return {};
 	let t = /^\+'([^']*)'/.exec(e)?.[1];
 	return e.includes("<>") ? {
@@ -30,8 +31,8 @@ var h = /* @__PURE__ */ d((e, t) => {
 		flow: "forward",
 		label: t
 	} : { label: t };
-}, "extractFlowFromArrow"), y = /* @__PURE__ */ d((e, t) => {
-	if (p(e, t), e.size && t.setSize(e.size.width, e.size.height), e.evolution) {
+}, "extractFlowFromArrow"), x = /* @__PURE__ */ t((e, t) => {
+	if (h(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({
 			stages: n,
@@ -39,65 +40,65 @@ var h = /* @__PURE__ */ d((e, t) => {
 		});
 	}
 	if (e.anchors.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Anchor "${e.name}"`);
+		let n = v(e.visibility, e.evolution, `Anchor "${e.name}"`);
 		t.addNode(e.name, e.name, n.x, n.y, "anchor");
 	}), e.components.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Component "${e.name}"`), r = e.label ? (e.label.negX ? -1 : 1) * e.label.offsetX : void 0, i = e.label ? (e.label.negY ? -1 : 1) * e.label.offsetY : void 0, a = e.decorator?.strategy;
+		let n = v(e.visibility, e.evolution, `Component "${e.name}"`), r = e.label ? (e.label.negX ? -1 : 1) * e.label.offsetX : void 0, i = e.label ? (e.label.negY ? -1 : 1) * e.label.offsetY : void 0, a = e.decorator?.strategy;
 		t.addNode(e.name, e.name, n.x, n.y, "component", r, i, e.inertia, a);
 	}), e.notes.forEach((e) => {
-		let n = g(e.visibility, e.evolution, `Note "${e.text}"`);
+		let n = v(e.visibility, e.evolution, `Note "${e.text}"`);
 		t.addNote(e.text, n.x, n.y);
 	}), e.pipelines.forEach((e) => {
 		let n = t.getNode(e.parent);
 		if (!n || typeof n.y != "number") throw Error(`Pipeline "${e.parent}" must reference an existing component with coordinates.`);
 		let r = n.y;
 		t.startPipeline(e.parent), e.components.forEach((n) => {
-			let i = `${e.parent}_${n.name}`, a = n.label ? (n.label.negX ? -1 : 1) * n.label.offsetX : void 0, o = n.label ? (n.label.negY ? -1 : 1) * n.label.offsetY : void 0, s = h(n.evolution, `Pipeline component "${n.name}" evolution`);
+			let i = `${e.parent}_${n.name}`, a = n.label ? (n.label.negX ? -1 : 1) * n.label.offsetX : void 0, o = n.label ? (n.label.negY ? -1 : 1) * n.label.offsetY : void 0, s = _(n.evolution, `Pipeline component "${n.name}" evolution`);
 			t.addNode(i, n.name, s, r, "pipeline-component", a, o), t.addPipelineComponent(e.parent, i);
 		});
 	}), e.links.forEach((e) => {
-		let n = !!e.arrow && (e.arrow.includes("-.->") || e.arrow.includes(".-.")), r = _(e.fromPort) ?? _(e.toPort), { flow: i, label: a } = v(e.arrow);
+		let n = !!e.arrow && (e.arrow.includes("-.->") || e.arrow.includes(".-.")), r = y(e.fromPort) ?? y(e.toPort), { flow: i, label: a } = b(e.arrow);
 		!r && i && (r = i);
 		let o = e.linkLabel, s = a ?? o;
-		t.addLink(e.from, e.to, n, s, r);
+		t.addLink(t.resolveNodeId(e.from), t.resolveNodeId(e.to), n, s, r);
 	}), e.evolves.forEach((e) => {
 		let n = t.getNode(e.component);
 		if (n?.y !== void 0) {
-			let r = h(e.target, `Evolve target for "${e.component}"`);
+			let r = _(e.target, `Evolve target for "${e.component}"`);
 			t.addTrend(e.component, r, n.y);
 		}
 	}), e.annotations.length > 0) {
-		let n = e.annotations[0], r = g(n.x, n.y, "Annotations box");
+		let n = e.annotations[0], r = v(n.x, n.y, "Annotations box");
 		t.setAnnotationsBox(r.x, r.y);
 	}
 	e.annotation.forEach((e) => {
-		let n = g(e.x, e.y, `Annotation ${e.number}`);
+		let n = v(e.x, e.y, `Annotation ${e.number}`);
 		t.addAnnotation(e.number, [{
 			x: n.x,
 			y: n.y
 		}], e.text);
 	}), e.accelerators.forEach((e) => {
-		let n = g(e.x, e.y, `Accelerator "${e.name}"`);
+		let n = v(e.x, e.y, `Accelerator "${e.name}"`);
 		t.addAccelerator(e.name, n.x, n.y);
 	}), e.deaccelerators.forEach((e) => {
-		let n = g(e.x, e.y, `Deaccelerator "${e.name}"`);
+		let n = v(e.x, e.y, `Deaccelerator "${e.name}"`);
 		t.addDeaccelerator(e.name, n.x, n.y);
 	});
-}, "populateDb"), b = {
+}, "populateDb"), S = {
 	parser: { yy: void 0 },
-	parse: /* @__PURE__ */ d(async (e) => {
-		let t = await m("wardley", e);
-		u.debug(t);
-		let n = b.parser?.yy;
-		if (!n || typeof n.addNode != "function") throw Error("parser.parser?.yy was not a WardleyDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
-		y(t, n);
+	parse: /* @__PURE__ */ t(async (t) => {
+		let n = await g("wardley", t);
+		e.debug(n);
+		let r = S.parser?.yy;
+		if (!r || typeof r.addNode != "function") throw Error("parser.parser?.yy was not a WardleyDB. This is due to a bug within Mermaid, please report this issue at https://github.com/mermaid-js/mermaid/issues.");
+		x(n, r);
 	}, "parse")
-}, x = new class {
+}, C = new class {
 	constructor() {
 		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 {
-		d(this, "WardleyBuilder");
+		t(this, "WardleyBuilder");
 	}
 	addNode(e) {
 		let t = this.nodes.get(e.id) ?? {
@@ -165,6 +166,11 @@ var h = /* @__PURE__ */ d((e, t) => {
 	getNode(e) {
 		return this.nodes.get(e);
 	}
+	resolveNodeId(e) {
+		if (this.nodes.has(e)) return e;
+		for (let [t, n] of this.nodes) if (n.label === e) return t;
+		return e;
+	}
 	build() {
 		let e = [];
 		for (let t of this.nodes.values()) {
@@ -189,19 +195,14 @@ var h = /* @__PURE__ */ d((e, t) => {
 		this.nodes.clear(), this.links = [], this.trends.clear(), this.pipelines.clear(), this.annotations = [], this.notes = [], this.accelerators = [], this.deaccelerators = [], this.annotationsBox = void 0, this.axes = {}, this.size = void 0;
 	}
 }();
-function S(e) {
-	let t = s();
-	return n(e.trim(), t);
-}
-d(S, "textSanitizer");
-function C() {
-	return s()["wardley-beta"];
+function w() {
+	return d()["wardley-beta"];
 }
-d(C, "getConfig");
-function w(e, t, n, r, i, a, o, s, c) {
-	x.addNode({
+t(w, "getConfig");
+function T(e, t, n, r, i, a, o, s, c) {
+	C.addNode({
 		id: e,
-		label: S(t),
+		label: t,
 		x: n,
 		y: r,
 		className: i,
@@ -211,9 +212,9 @@ function w(e, t, n, r, i, a, o, s, c) {
 		sourceStrategy: c
 	});
 }
-d(w, "addNode");
-function T(e, t, n = !1, r, i) {
-	x.addLink({
+t(T, "addNode");
+function E(e, t, n = !1, r, i) {
+	C.addLink({
 		source: e,
 		target: t,
 		dashed: n,
@@ -221,110 +222,114 @@ function T(e, t, n = !1, r, i) {
 		flow: i
 	});
 }
-d(T, "addLink");
-function E(e, t, n) {
-	x.addTrend({
+t(E, "addLink");
+function D(e, t, n) {
+	C.addTrend({
 		nodeId: e,
 		targetX: t,
 		targetY: n
 	});
 }
-d(E, "addTrend");
-function D(e, t, n) {
-	x.addAnnotation({
+t(D, "addTrend");
+function O(e, t, n) {
+	C.addAnnotation({
 		number: e,
 		coordinates: t,
-		text: n ? S(n) : void 0
+		text: n
 	});
 }
-d(D, "addAnnotation");
-function O(e, t, n) {
-	x.addNote({
-		text: S(e),
+t(O, "addAnnotation");
+function k(e, t, n) {
+	C.addNote({
+		text: e,
 		x: t,
 		y: n
 	});
 }
-d(O, "addNote");
-function k(e, t, n) {
-	x.addAccelerator({
-		name: S(e),
+t(k, "addNote");
+function A(e, t, n) {
+	C.addAccelerator({
+		name: e,
 		x: t,
 		y: n
 	});
 }
-d(k, "addAccelerator");
-function A(e, t, n) {
-	x.addDeaccelerator({
-		name: S(e),
+t(A, "addAccelerator");
+function j(e, t, n) {
+	C.addDeaccelerator({
+		name: e,
 		x: t,
 		y: n
 	});
 }
-d(A, "addDeaccelerator");
-function j(e, t) {
-	x.setAnnotationsBox(e, t);
-}
-d(j, "setAnnotationsBox");
+t(j, "addDeaccelerator");
 function M(e, t) {
-	x.setSize(e, t);
+	C.setAnnotationsBox(e, t);
 }
-d(M, "setSize");
-function N(e) {
-	x.startPipeline(e);
+t(M, "setAnnotationsBox");
+function N(e, t) {
+	C.setSize(e, t);
 }
-d(N, "startPipeline");
-function P(e, t) {
-	x.addPipelineComponent(e, t);
+t(N, "setSize");
+function P(e) {
+	C.startPipeline(e);
 }
-d(P, "addPipelineComponent");
-function F(e) {
-	let t = {};
-	e.xLabel && (t.xLabel = S(e.xLabel)), e.yLabel && (t.yLabel = S(e.yLabel)), e.stages && (t.stages = e.stages.map((e) => S(e))), e.stageBoundaries && (t.stageBoundaries = e.stageBoundaries), x.setAxes(t);
+t(P, "startPipeline");
+function F(e, t) {
+	C.addPipelineComponent(e, t);
 }
-d(F, "updateAxes");
+t(F, "addPipelineComponent");
 function I(e) {
-	return x.getNode(e);
+	C.setAxes(e);
+}
+t(I, "updateAxes");
+function L(e) {
+	return C.getNode(e);
+}
+t(L, "getNode");
+function R(e) {
+	return C.resolveNodeId(e);
 }
-d(I, "getNode");
-function L() {
-	return x.build();
+t(R, "resolveNodeId");
+function z() {
+	return C.build();
 }
-d(L, "getWardleyData");
-function R() {
-	x.clear(), o();
+t(z, "getWardleyData");
+function B() {
+	C.clear(), o();
 }
-d(R, "clear");
-var z = {
-	getConfig: C,
-	addNode: w,
-	addLink: T,
-	addTrend: E,
-	addAnnotation: D,
-	addNote: O,
-	addAccelerator: k,
-	addDeaccelerator: A,
-	setAnnotationsBox: j,
-	setSize: M,
-	startPipeline: N,
-	addPipelineComponent: P,
-	updateAxes: F,
-	getNode: I,
-	getWardleyData: L,
-	clear: R,
-	setAccTitle: r,
-	getAccTitle: l,
+t(B, "clear");
+var V = {
+	getConfig: w,
+	addNode: T,
+	addLink: E,
+	addTrend: D,
+	addAnnotation: O,
+	addNote: k,
+	addAccelerator: A,
+	addDeaccelerator: j,
+	setAnnotationsBox: M,
+	setSize: N,
+	startPipeline: P,
+	addPipelineComponent: F,
+	updateAxes: I,
+	getNode: L,
+	resolveNodeId: R,
+	getWardleyData: z,
+	clear: B,
+	setAccTitle: a,
+	getAccTitle: f,
 	setDiagramTitle: i,
-	getDiagramTitle: t,
-	getAccDescription: a,
-	setAccDescription: e
-}, B = [
+	getDiagramTitle: u,
+	getAccDescription: l,
+	setAccDescription: r
+}, H = [
 	"Genesis",
 	"Custom Built",
 	"Product",
 	"Commodity"
-], V = /* @__PURE__ */ d(() => {
-	let { themeVariables: e } = s();
+], U = /* @__PURE__ */ t(() => {
+	let { themeVariables: e } = d();
 	return {
 		backgroundColor: e.wardley?.backgroundColor ?? e.background ?? "#fff",
 		axisColor: e.wardley?.axisColor ?? "#000",
@@ -339,8 +344,8 @@ var z = {
 		annotationTextColor: e.wardley?.annotationTextColor ?? e.primaryTextColor ?? "#222",
 		annotationFill: e.wardley?.annotationFill ?? e.background ?? "#fff"
 	};
-}, "getTheme"), H = /* @__PURE__ */ d(() => {
-	let e = s()["wardley-beta"];
+}, "getTheme"), W = /* @__PURE__ */ t(() => {
+	let e = d()["wardley-beta"];
 	return {
 		width: e?.width ?? 900,
 		height: e?.height ?? 600,
@@ -352,24 +357,24 @@ var z = {
 		showGrid: e?.showGrid ?? !1,
 		useMaxWidth: e?.useMaxWidth ?? !0
 	};
-}, "getConfigValues"), U = {
-	parser: b,
-	db: z,
-	renderer: { draw: /* @__PURE__ */ d((e, t, n, r) => {
-		u.debug("Rendering Wardley map\n" + e);
-		let i = H(), a = V(), o = i.nodeRadius * 1.6, s = r.db, l = s.getWardleyData(), p = s.getDiagramTitle(), m = l.size?.width ?? i.width, h = l.size?.height ?? i.height, g = f(t);
-		g.selectAll("*").remove(), c(g, h, m, i.useMaxWidth), g.attr("viewBox", `0 0 ${m} ${h}`);
+}, "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}`);
 		let _ = g.append("g").attr("class", "wardley-map"), v = g.append("defs");
-		v.append("marker").attr("id", `arrow-${t}`).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", a.evolutionStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-end-${t}`).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", a.linkStroke).attr("stroke", "none"), v.append("marker").attr("id", `link-arrow-start-${t}`).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", a.linkStroke).attr("stroke", "none"), _.append("rect").attr("class", "wardley-background").attr("width", m).attr("height", h).attr("fill", a.backgroundColor);
-		let y = m - i.padding * 2, b = h - i.padding * 2;
-		p && _.append("text").attr("class", "wardley-title").attr("x", m / 2).attr("y", i.padding / 2).attr("fill", a.axisTextColor).attr("font-size", i.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(p);
-		let x = /* @__PURE__ */ d((e) => i.padding + e / 100 * y, "projectX"), S = /* @__PURE__ */ d((e) => h - i.padding - e / 100 * b, "projectY"), C = _.append("g").attr("class", "wardley-axes");
-		C.append("line").attr("x1", i.padding).attr("x2", m - i.padding).attr("y1", h - i.padding).attr("y2", h - i.padding).attr("stroke", a.axisColor).attr("stroke-width", 1), C.append("line").attr("x1", i.padding).attr("x2", i.padding).attr("y1", i.padding).attr("y2", h - i.padding).attr("stroke", a.axisColor).attr("stroke-width", 1);
-		let w = l.axes.xLabel ?? "Evolution", T = l.axes.yLabel ?? "Visibility";
-		C.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", i.padding + y / 2).attr("y", h - i.padding / 4).attr("fill", a.axisTextColor).attr("font-size", i.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", i.padding / 3).attr("y", i.padding + b / 2).attr("fill", a.axisTextColor).attr("font-size", i.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${i.padding / 3} ${i.padding + b / 2})`).text(T);
-		let E = l.axes.stages && l.axes.stages.length > 0 ? l.axes.stages : B;
+		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;
 		if (E.length > 0) {
-			let e = _.append("g").attr("class", "wardley-stages"), t = l.axes.stageBoundaries, n = [];
+			let e = _.append("g").attr("class", "wardley-stages"), t = d.axes.stageBoundaries, n = [];
 			if (t && t.length === E.length) {
 				let e = 0;
 				t.forEach((t) => {
@@ -388,160 +393,160 @@ var z = {
 				});
 			}
 			E.forEach((t, r) => {
-				let o = n[r], s = i.padding + o.start * y, c = (s + (i.padding + o.end * y)) / 2;
-				r > 0 && e.append("line").attr("x1", s).attr("x2", s).attr("y1", i.padding).attr("y2", h - i.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 - i.padding / 1.5).attr("fill", a.axisTextColor).attr("font-size", i.axisFontSize - 2).attr("text-anchor", "middle").text(t);
+				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);
 			});
 		}
-		if (i.showGrid) {
+		if (o.showGrid) {
 			let e = _.append("g").attr("class", "wardley-grid");
 			for (let t = 1; t < 4; t++) {
-				let n = t / 4, r = i.padding + y * n;
-				e.append("line").attr("x1", r).attr("x2", r).attr("y1", i.padding).attr("y2", h - i.padding).attr("stroke", a.gridColor).attr("stroke-dasharray", "2 6"), e.append("line").attr("x1", i.padding).attr("x2", m - i.padding).attr("y1", h - i.padding - b * n).attr("y2", h - i.padding - b * n).attr("stroke", a.gridColor).attr("stroke-dasharray", "2 6");
+				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 D = /* @__PURE__ */ new Map();
-		if (l.nodes.forEach((e) => {
+		if (d.nodes.forEach((e) => {
 			D.set(e.id, {
 				x: x(e.x),
 				y: S(e.y),
 				node: e
 			});
-		}), l.pipelines.length > 0) {
+		}), d.pipelines.length > 0) {
 			let e = _.append("g").attr("class", "wardley-pipelines"), t = _.append("g").attr("class", "wardley-pipeline-links");
-			l.pipelines.forEach((n) => {
+			d.pipelines.forEach((n) => {
 				if (n.componentIds.length === 0) return;
 				let r = n.componentIds.map((e) => ({
 					id: e,
 					pos: D.get(e),
-					node: l.nodes.find((t) => t.id === e)
+					node: d.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", a.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", s.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
 				}
-				let s = Infinity, c = -Infinity, u = 0;
+				let i = Infinity, a = -Infinity, c = 0;
 				if (n.componentIds.forEach((e) => {
 					let t = D.get(e);
-					t && (s = Math.min(s, t.x), c = Math.max(c, t.x), u = t.y);
-				}), s !== Infinity && c !== -Infinity) {
-					let t = i.nodeRadius * 4, r = u - t / 2, l = D.get(n.nodeId);
-					l && (l.x = (s + c) / 2, l.y = r - o / 6), e.append("rect").attr("class", "wardley-pipeline-box").attr("x", s - 15).attr("y", r).attr("width", c - s + 30).attr("height", t).attr("fill", "none").attr("stroke", a.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+					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);
 				}
 			});
 		}
 		let O = _.append("g").attr("class", "wardley-links"), k = /* @__PURE__ */ new Map();
-		l.pipelines.forEach((e) => {
+		d.pipelines.forEach((e) => {
 			k.set(e.nodeId, new Set(e.componentIds));
 		});
-		let A = l.links.filter((e) => !(!D.has(e.source) || !D.has(e.target) || k.get(e.target)?.has(e.source)));
+		let A = d.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 = l.nodes.find((t) => t.id === e.source).isPipelineParent ? o / Math.sqrt(2) : i.nodeRadius, a = n.x - t.x, s = n.y - t.y, c = Math.sqrt(a * a + s * s);
-			return t.x + a / c * r;
+			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.x + i / s * r;
 		}).attr("y1", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = l.nodes.find((t) => t.id === e.source).isPipelineParent ? o / Math.sqrt(2) : i.nodeRadius, a = n.x - t.x, s = n.y - t.y, c = Math.sqrt(a * a + s * s);
-			return t.y + s / c * r;
+			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;
 		}).attr("x2", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = l.nodes.find((t) => t.id === e.target).isPipelineParent ? o / Math.sqrt(2) : i.nodeRadius, a = t.x - n.x, s = t.y - n.y, c = Math.sqrt(a * a + s * s);
-			return n.x + a / c * r;
+			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.x + i / s * r;
 		}).attr("y2", (e) => {
-			let t = D.get(e.source), n = D.get(e.target), r = l.nodes.find((t) => t.id === e.target).isPipelineParent ? o / Math.sqrt(2) : i.nodeRadius, a = t.x - n.x, s = t.y - n.y, c = Math.sqrt(a * a + s * s);
-			return n.y + s / c * r;
-		}).attr("stroke", a.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-${t})` : null).attr("marker-start", (e) => e.flow === "backward" || e.flow === "bidirectional" ? `url(#link-arrow-start-${t})` : 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 = 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 = (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", a.axisTextColor).attr("font-size", i.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (e) => {
+		}).attr("fill", s.axisTextColor).attr("font-size", o.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 = l.trends.map((e) => {
+		let j = _.append("g").attr("class", "wardley-trends"), M = d.trends.map((e) => {
 			let t = D.get(e.nodeId);
 			if (!t) return null;
-			let n = x(e.targetX), r = S(e.targetY), a = n - t.x, o = r - t.y, s = Math.sqrt(a * a + o * o), c = i.nodeRadius + 2;
+			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;
 			return {
 				origin: t,
 				targetX: n,
 				targetY: r,
-				adjustedX2: s > c ? n - a / s * c : n,
-				adjustedY2: s > c ? r - o / s * c : r
+				adjustedX2: s > c ? n - i / s * c : n,
+				adjustedY2: s > c ? r - a / 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", a.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${t})`);
-		let N = _.append("g").attr("class", "wardley-nodes").selectAll("g").data(l.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", i.nodeRadius * 2).attr("fill", "#666").attr("stroke", a.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", i.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", a.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", i.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", 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);
 		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", i.nodeRadius * 2).attr("fill", "white").attr("stroke", a.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", i.nodeRadius).attr("fill", a.componentFill).attr("stroke", a.componentStroke).attr("stroke-width", 1);
-		let F = i.nodeRadius * .7, I = i.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", a.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", a.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", a.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", a.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", a.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", a.componentStroke).attr("stroke-width", 2), N.filter((e) => e.isPipelineParent === !0).append("rect").attr("x", (e) => D.get(e.id).x - o / 2).attr("y", (e) => D.get(e.id).y - o / 2).attr("width", o).attr("height", o).attr("fill", a.componentFill).attr("stroke", a.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 ? o / 2 + 15 : i.nodeRadius + 15;
-			return e.sourceStrategy && (n += i.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", 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;
 		}).attr("y1", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? o : i.nodeRadius * 2;
+			let t = D.get(e.id), n = e.isPipelineParent ? l : o.nodeRadius * 2;
 			return t.y - n / 2;
 		}).attr("x2", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? o / 2 + 15 : i.nodeRadius + 15;
-			return e.sourceStrategy && (n += i.nodeRadius + 10), t.x + n;
+			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;
 		}).attr("y2", (e) => {
-			let t = D.get(e.id), n = e.isPipelineParent ? o : i.nodeRadius * 2;
+			let t = D.get(e.id), n = e.isPipelineParent ? l : o.nodeRadius * 2;
 			return t.y + n / 2;
-		}).attr("stroke", a.componentStroke).attr("stroke-width", 6), N.append("text").attr("x", (e) => {
+		}).attr("stroke", s.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 = i.nodeLabelOffset;
+			let n = o.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 = -i.nodeLabelOffset;
+			let n = -o.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" ? a.evolutionStroke : e.className === "anchor" ? "#000" : a.componentLabelColor).attr("font-size", i.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), l.annotations.length > 0) {
+		}).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) {
 			let e = _.append("g").attr("class", "wardley-annotations");
-			if (l.annotations.forEach((t) => {
+			if (d.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", a.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", s.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", a.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", a.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", 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);
 				});
-			}), l.annotationsBox) {
-				let t = x(l.annotationsBox.x), n = S(l.annotationsBox.y), r = e.append("g").attr("class", "wardley-annotations-box"), o = [...l.annotations].filter((e) => e.text).sort((e, t) => e.number - t.number), s = [];
-				if (o.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", a.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${e.number}. ${e.text}`);
-					s.push(o);
-				}), s.length > 0) {
+			}), 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 = [];
+				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 e = 0, c = 0;
-					s.forEach((t) => {
+					a.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 = o.length * 16 + 20 + c / 2, d = i.padding, f = m - i.padding - l, p = i.padding, g = h - i.padding - u;
-					t = Math.max(d, Math.min(t, f)), n = Math.max(p, Math.min(n, g)), s.forEach((e, r) => {
+					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) => {
 						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", a.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", s.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
 				}
 			}
 		}
-		if (l.notes.length > 0) {
+		if (d.notes.length > 0) {
 			let e = _.append("g").attr("class", "wardley-notes");
-			l.notes.forEach((t) => {
+			d.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", a.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", s.axisTextColor).attr("font-weight", "bold").text(t.text);
 			});
 		}
-		if (l.accelerators.length > 0) {
+		if (d.accelerators.length > 0) {
 			let e = _.append("g").attr("class", "wardley-accelerators");
-			l.accelerators.forEach((t) => {
+			d.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}
@@ -552,12 +557,12 @@ var z = {
         L ${n} ${r + 30 / 2}
         Z
       `;
-				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", a.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", a.axisTextColor).attr("font-weight", "bold").text(t.name);
+				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);
 			});
 		}
-		if (l.deaccelerators.length > 0) {
+		if (d.deaccelerators.length > 0) {
 			let e = _.append("g").attr("class", "wardley-deaccelerators");
-			l.deaccelerators.forEach((t) => {
+			d.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}
@@ -568,11 +573,72 @@ var z = {
         L ${n + 60} ${r + 30 / 2}
         Z
       `;
-				e.append("path").attr("d", i).attr("fill", "white").attr("stroke", a.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", a.axisTextColor).attr("font-weight", "bold").text(t.name);
+				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);
 			});
 		}
 	}, "draw") },
-	styles: /* @__PURE__ */ d(() => "", "styles")
+	styles: /* @__PURE__ */ t(({ wardley: e } = {}) => {
+		let t = p(p(n(), s().themeVariables).wardley, e);
+		return `
+  .wardley-background {
+    fill: ${t.backgroundColor};
+  }
+  .wardley-axes line, .wardley-axes path {
+    stroke: ${t.axisColor};
+  }
+  .wardley-axis-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-stage-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-grid line {
+    stroke: ${t.gridColor};
+  }
+  .wardley-node circle {
+    fill: ${t.componentFill};
+    stroke: ${t.componentStroke};
+  }
+  .wardley-node-label {
+    fill: ${t.componentLabelColor};
+  }
+  .wardley-link {
+    stroke: ${t.linkStroke};
+  }
+  .wardley-link--dashed {
+    stroke-dasharray: 4 4;
+  }
+  .wardley-link-label {
+    fill: ${t.axisTextColor};
+  }
+  .wardley-trend line {
+    stroke: ${t.evolutionStroke};
+  }
+  .wardley-annotation-line {
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotation circle {
+    fill: ${t.annotationFill};
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotation text {
+    fill: ${t.annotationTextColor};
+  }
+  .wardley-annotations-box rect {
+    fill: ${t.annotationFill};
+    stroke: ${t.annotationStroke};
+  }
+  .wardley-annotations-box text {
+    fill: ${t.annotationTextColor};
+  }
+  .wardley-pipeline-box {
+    stroke: ${t.componentStroke};
+  }
+  .wardley-notes text {
+    fill: ${t.axisTextColor};
+  }
+  `;
+	}, "styles")
 };
 //#endregion
-export { U as diagram };
+export { G as diagram };