@sme.up/ketchup2 2.0.0 → 2.1.0

package/dist/wardley-RL74JXVD-BtHQbnUy.js

@@ -0,0 +1,3 @@
+import "./chunk-K5T4RW27-DY7TOEqa.js";
+import { n as e } from "./chunk-CIAEETIT-XlxsAz-4.js";
+export { e as createWardleyServices };

package/dist/wardley-RL74JXVD-y8RO5Iqv.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-IZpNpi.cjs`),require(`./chunk-K5T4RW27-BzDQkjC7.cjs`);const e=require(`./chunk-CIAEETIT-ClHUj0Su.cjs`);exports.createWardleyServices=e.n;

package/dist/wardleyDiagram-NUSXRM2D-CUX1SYhw.js

@@ -0,0 +1,578 @@
+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) => {
+	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) => {
+	if (e) {
+		if (e === "+<>") return "bidirectional";
+		if (e === "+<") return "backward";
+		if (e === "+>") return "forward";
+	}
+}, "getFlowFromPort"), v = /* @__PURE__ */ d((e) => {
+	if (!e?.startsWith("+")) return {};
+	let t = /^\+'([^']*)'/.exec(e)?.[1];
+	return e.includes("<>") ? {
+		flow: "bidirectional",
+		label: t
+	} : e.includes("<") ? {
+		flow: "backward",
+		label: t
+	} : e.includes(">") ? {
+		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) {
+		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,
+			stageBoundaries: r
+		});
+	}
+	if (e.anchors.forEach((e) => {
+		let n = g(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;
+		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}"`);
+		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`);
+			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);
+		!r && i && (r = i);
+		let o = e.linkLabel, s = a ?? o;
+		t.addLink(e.from, 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}"`);
+			t.addTrend(e.component, r, n.y);
+		}
+	}), e.annotations.length > 0) {
+		let n = e.annotations[0], r = g(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}`);
+		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}"`);
+		t.addAccelerator(e.name, n.x, n.y);
+	}), e.deaccelerators.forEach((e) => {
+		let n = g(e.x, e.y, `Deaccelerator "${e.name}"`);
+		t.addDeaccelerator(e.name, n.x, n.y);
+	});
+}, "populateDb"), b = {
+	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")
+}, x = 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");
+	}
+	addNode(e) {
+		let t = this.nodes.get(e.id) ?? {
+			id: e.id,
+			label: e.label
+		}, n = {
+			...t,
+			...e,
+			className: e.className ?? t.className,
+			labelOffsetX: e.labelOffsetX ?? t.labelOffsetX,
+			labelOffsetY: e.labelOffsetY ?? t.labelOffsetY
+		};
+		this.nodes.set(e.id, n);
+	}
+	addLink(e) {
+		this.links.push(e);
+	}
+	addTrend(e) {
+		this.trends.set(e.nodeId, e);
+	}
+	startPipeline(e) {
+		this.pipelines.set(e, {
+			nodeId: e,
+			componentIds: []
+		});
+		let t = this.nodes.get(e);
+		t && (t.isPipelineParent = !0);
+	}
+	addPipelineComponent(e, t) {
+		let n = this.pipelines.get(e);
+		n && n.componentIds.push(t);
+		let r = this.nodes.get(t);
+		r && (r.inPipeline = !0);
+	}
+	addAnnotation(e) {
+		this.annotations.push(e);
+	}
+	addNote(e) {
+		this.notes.push(e);
+	}
+	addAccelerator(e) {
+		this.accelerators.push(e);
+	}
+	addDeaccelerator(e) {
+		this.deaccelerators.push(e);
+	}
+	setAnnotationsBox(e, t) {
+		this.annotationsBox = {
+			x: e,
+			y: t
+		};
+	}
+	setAxes(e) {
+		this.axes = {
+			...this.axes,
+			...e
+		};
+	}
+	setSize(e, t) {
+		this.size = {
+			width: e,
+			height: t
+		};
+	}
+	getNode(e) {
+		return this.nodes.get(e);
+	}
+	build() {
+		let e = [];
+		for (let t of this.nodes.values()) {
+			if (typeof t.x != "number" || typeof t.y != "number") throw Error(`Node "${t.label}" is missing coordinates`);
+			e.push(t);
+		}
+		return {
+			nodes: e,
+			links: [...this.links],
+			trends: [...this.trends.values()],
+			pipelines: [...this.pipelines.values()],
+			annotations: [...this.annotations],
+			notes: [...this.notes],
+			accelerators: [...this.accelerators],
+			deaccelerators: [...this.deaccelerators],
+			annotationsBox: this.annotationsBox,
+			axes: { ...this.axes },
+			size: this.size
+		};
+	}
+	clear() {
+		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"];
+}
+d(C, "getConfig");
+function w(e, t, n, r, i, a, o, s, c) {
+	x.addNode({
+		id: e,
+		label: S(t),
+		x: n,
+		y: r,
+		className: i,
+		labelOffsetX: a,
+		labelOffsetY: o,
+		inertia: s,
+		sourceStrategy: c
+	});
+}
+d(w, "addNode");
+function T(e, t, n = !1, r, i) {
+	x.addLink({
+		source: e,
+		target: t,
+		dashed: n,
+		label: r,
+		flow: i
+	});
+}
+d(T, "addLink");
+function E(e, t, n) {
+	x.addTrend({
+		nodeId: e,
+		targetX: t,
+		targetY: n
+	});
+}
+d(E, "addTrend");
+function D(e, t, n) {
+	x.addAnnotation({
+		number: e,
+		coordinates: t,
+		text: n ? S(n) : void 0
+	});
+}
+d(D, "addAnnotation");
+function O(e, t, n) {
+	x.addNote({
+		text: S(e),
+		x: t,
+		y: n
+	});
+}
+d(O, "addNote");
+function k(e, t, n) {
+	x.addAccelerator({
+		name: S(e),
+		x: t,
+		y: n
+	});
+}
+d(k, "addAccelerator");
+function A(e, t, n) {
+	x.addDeaccelerator({
+		name: S(e),
+		x: t,
+		y: n
+	});
+}
+d(A, "addDeaccelerator");
+function j(e, t) {
+	x.setAnnotationsBox(e, t);
+}
+d(j, "setAnnotationsBox");
+function M(e, t) {
+	x.setSize(e, t);
+}
+d(M, "setSize");
+function N(e) {
+	x.startPipeline(e);
+}
+d(N, "startPipeline");
+function P(e, t) {
+	x.addPipelineComponent(e, t);
+}
+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);
+}
+d(F, "updateAxes");
+function I(e) {
+	return x.getNode(e);
+}
+d(I, "getNode");
+function L() {
+	return x.build();
+}
+d(L, "getWardleyData");
+function R() {
+	x.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,
+	setDiagramTitle: i,
+	getDiagramTitle: t,
+	getAccDescription: a,
+	setAccDescription: e
+}, B = [
+	"Genesis",
+	"Custom Built",
+	"Product",
+	"Commodity"
+], V = /* @__PURE__ */ d(() => {
+	let { themeVariables: e } = s();
+	return {
+		backgroundColor: e.wardley?.backgroundColor ?? e.background ?? "#fff",
+		axisColor: e.wardley?.axisColor ?? "#000",
+		axisTextColor: e.wardley?.axisTextColor ?? e.primaryTextColor ?? "#222",
+		gridColor: e.wardley?.gridColor ?? "rgba(100, 100, 100, 0.2)",
+		componentFill: e.wardley?.componentFill ?? "#fff",
+		componentStroke: e.wardley?.componentStroke ?? "#000",
+		componentLabelColor: e.wardley?.componentLabelColor ?? e.primaryTextColor ?? "#222",
+		linkStroke: e.wardley?.linkStroke ?? "#000",
+		evolutionStroke: e.wardley?.evolutionStroke ?? "#dc3545",
+		annotationStroke: e.wardley?.annotationStroke ?? "#000",
+		annotationTextColor: e.wardley?.annotationTextColor ?? e.primaryTextColor ?? "#222",
+		annotationFill: e.wardley?.annotationFill ?? e.background ?? "#fff"
+	};
+}, "getTheme"), H = /* @__PURE__ */ d(() => {
+	let e = s()["wardley-beta"];
+	return {
+		width: e?.width ?? 900,
+		height: e?.height ?? 600,
+		padding: e?.padding ?? 48,
+		nodeRadius: e?.nodeRadius ?? 6,
+		nodeLabelOffset: e?.nodeLabelOffset ?? 8,
+		axisFontSize: e?.axisFontSize ?? 12,
+		labelFontSize: e?.labelFontSize ?? 10,
+		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}`);
+		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;
+		if (E.length > 0) {
+			let e = _.append("g").attr("class", "wardley-stages"), t = l.axes.stageBoundaries, n = [];
+			if (t && t.length === E.length) {
+				let e = 0;
+				t.forEach((t) => {
+					n.push({
+						start: e,
+						end: t
+					}), e = t;
+				});
+			} else {
+				let e = 1 / E.length;
+				E.forEach((t, r) => {
+					n.push({
+						start: r * e,
+						end: (r + 1) * e
+					});
+				});
+			}
+			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);
+			});
+		}
+		if (i.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 D = /* @__PURE__ */ new Map();
+		if (l.nodes.forEach((e) => {
+			D.set(e.id, {
+				x: x(e.x),
+				y: S(e.y),
+				node: e
+			});
+		}), l.pipelines.length > 0) {
+			let e = _.append("g").attr("class", "wardley-pipelines"), t = _.append("g").attr("class", "wardley-pipeline-links");
+			l.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)
+				})).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");
+				}
+				let s = Infinity, c = -Infinity, u = 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);
+				}
+			});
+		}
+		let O = _.append("g").attr("class", "wardley-links"), k = /* @__PURE__ */ new Map();
+		l.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)));
+		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;
+		}).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;
+		}).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;
+		}).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 = (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) => {
+			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 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;
+			return {
+				origin: t,
+				targetX: n,
+				targetY: r,
+				adjustedX2: s > c ? n - a / s * c : n,
+				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", 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);
+		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;
+		}).attr("y1", (e) => {
+			let t = D.get(e.id), n = e.isPipelineParent ? o : i.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;
+		}).attr("y2", (e) => {
+			let t = D.get(e.id), n = e.isPipelineParent ? o : i.nodeRadius * 2;
+			return t.y + n / 2;
+		}).attr("stroke", a.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;
+			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;
+			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) {
+			let e = _.append("g").attr("class", "wardley-annotations");
+			if (l.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");
+				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);
+				});
+			}), 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) {
+					let e = 0, c = 0;
+					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 = 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) => {
+						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);
+				}
+			}
+		}
+		if (l.notes.length > 0) {
+			let e = _.append("g").attr("class", "wardley-notes");
+			l.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);
+			});
+		}
+		if (l.accelerators.length > 0) {
+			let e = _.append("g").attr("class", "wardley-accelerators");
+			l.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}
+        L ${n + 60} ${r}
+        L ${n + 60 - 20} ${r + 30 / 2 + 8}
+        L ${n + 60 - 20} ${r + 30 / 2}
+        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);
+			});
+		}
+		if (l.deaccelerators.length > 0) {
+			let e = _.append("g").attr("class", "wardley-deaccelerators");
+			l.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}
+        L ${n} ${r}
+        L ${n + 20} ${r + 30 / 2 + 8}
+        L ${n + 20} ${r + 30 / 2}
+        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);
+			});
+		}
+	}, "draw") },
+	styles: /* @__PURE__ */ d(() => "", "styles")
+};
+//#endregion
+export { U as diagram };