@jackuait/blok 0.11.1 → 0.12.0

package/dist/chunks/wardleyDiagram-NUSXRM2D-BGORQqtQ.mjs

@@ -0,0 +1,594 @@
+import { t as e } from "./objectSpread2-CWwMYL_U.mjs";
+import "./chunk-K5T4RW27-De7GqZCP.mjs";
+import "./chunk-7N4EOEYR-Cx6N1y9w.mjs";
+import "./chunk-67CJDMHE-BU_rrdV4.mjs";
+import "./chunk-KGLVRYIC-sDQUxLS7.mjs";
+import "./chunk-FOC6F5B3-3FOtyf3P.mjs";
+import "./chunk-AA7GKIK3-DCAy6uIg.mjs";
+import "./chunk-2KRD3SAO-DslQvmzC.mjs";
+import "./chunk-ORNJ4GCN-CYLjqcXc.mjs";
+import "./chunk-LIHQZDEY-BoY9X2Wj.mjs";
+import "./chunk-CIAEETIT-BWpztfre.mjs";
+import { g as t, h as n } from "./src-gZQLeVvM.mjs";
+import { B as r, C as i, L as a, V as o, W as s, _ as c, a as l, b as u, c as d, v as f } from "./chunk-ICPOFSXX-Dn5WbEeN.mjs";
+import { t as p } from "./chunk-426QAEUC-Ciny2-Rz.mjs";
+import { t as m } from "./chunk-4BX2VUAB-ljY9_i7D.mjs";
+import { t as h } from "./mermaid-parser.core-BXANIhlc.mjs";
+//#region node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-NUSXRM2D.mjs
+var g, _ = /* @__PURE__ */ n((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__ */ n((e, t, n) => ({
+	x: _(t, `${n} evolution`),
+	y: _(e, `${n} visibility`)
+}), "toCoordinates"), y = /* @__PURE__ */ n((e) => {
+	if (e) {
+		if (e === "+<>") return "bidirectional";
+		if (e === "+<") return "backward";
+		if (e === "+>") return "forward";
+	}
+}, "getFlowFromPort"), b = /* @__PURE__ */ n((e) => {
+	if (!(e != null && e.startsWith("+"))) return {};
+	let t = /^\+'([^']*)'/.exec(e), n = t == null ? void 0 : t[1];
+	return e.includes("<>") ? {
+		flow: "bidirectional",
+		label: n
+	} : e.includes("<") ? {
+		flow: "backward",
+		label: n
+	} : e.includes(">") ? {
+		flow: "forward",
+		label: n
+	} : { label: n };
+}, "extractFlowFromArrow"), x = /* @__PURE__ */ n((e, t) => {
+	if (m(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 = v(e.visibility, e.evolution, `Anchor "${e.name}"`);
+		t.addNode(e.name, e.name, n.x, n.y, "anchor");
+	}), e.components.forEach((e) => {
+		var n;
+		let r = v(e.visibility, e.evolution, `Component "${e.name}"`), i = e.label ? (e.label.negX ? -1 : 1) * e.label.offsetX : void 0, a = e.label ? (e.label.negY ? -1 : 1) * e.label.offsetY : void 0, o = (n = e.decorator) == null ? void 0 : n.strategy;
+		t.addNode(e.name, e.name, r.x, r.y, "component", i, a, e.inertia, o);
+	}), e.notes.forEach((e) => {
+		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 = _(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) => {
+		var n;
+		let r = !!e.arrow && (e.arrow.includes("-.->") || e.arrow.includes(".-.")), i = (n = y(e.fromPort)) == null ? y(e.toPort) : n, { flow: a, label: o } = b(e.arrow);
+		!i && a && (i = a);
+		let s = e.linkLabel, c = o == null ? s : o;
+		t.addLink(e.from, e.to, r, c, i);
+	}), e.evolves.forEach((e) => {
+		let n = t.getNode(e.component);
+		if ((n == null ? void 0 : n.y) !== void 0) {
+			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 = v(n.x, n.y, "Annotations box");
+		t.setAnnotationsBox(r.x, r.y);
+	}
+	e.annotation.forEach((e) => {
+		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 = v(e.x, e.y, `Accelerator "${e.name}"`);
+		t.addAccelerator(e.name, n.x, n.y);
+	}), e.deaccelerators.forEach((e) => {
+		let n = v(e.x, e.y, `Deaccelerator "${e.name}"`);
+		t.addDeaccelerator(e.name, n.x, n.y);
+	});
+}, "populateDb"), S = {
+	parser: { yy: void 0 },
+	parse: /* @__PURE__ */ n(async (e) => {
+		var n;
+		let r = await h("wardley", e);
+		t.debug(r);
+		let i = (n = S.parser) == null ? void 0 : n.yy;
+		if (!i || typeof i.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(r, i);
+	}, "parse")
+}, C = new (g = 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 = {};
+	}
+	addNode(t) {
+		var n, r, i, a;
+		let o = (n = this.nodes.get(t.id)) == null ? {
+			id: t.id,
+			label: t.label
+		} : n, s = e(e(e({}, o), t), {}, {
+			className: (r = t.className) == null ? o.className : r,
+			labelOffsetX: (i = t.labelOffsetX) == null ? o.labelOffsetX : i,
+			labelOffsetY: (a = t.labelOffsetY) == null ? o.labelOffsetY : a
+		});
+		this.nodes.set(t.id, s);
+	}
+	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(t) {
+		this.axes = e(e({}, this.axes), t);
+	}
+	setSize(e, t) {
+		this.size = {
+			width: e,
+			height: t
+		};
+	}
+	getNode(e) {
+		return this.nodes.get(e);
+	}
+	build() {
+		let t = [];
+		for (let e of this.nodes.values()) {
+			if (typeof e.x != "number" || typeof e.y != "number") throw Error(`Node "${e.label}" is missing coordinates`);
+			t.push(e);
+		}
+		return {
+			nodes: t,
+			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: e({}, 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;
+	}
+}, n(g, "WardleyBuilder"), g)();
+function w(e) {
+	let t = u();
+	return a(e.trim(), t);
+}
+n(w, "textSanitizer");
+function T() {
+	return u()["wardley-beta"];
+}
+n(T, "getConfig");
+function E(e, t, n, r, i, a, o, s, c) {
+	C.addNode({
+		id: e,
+		label: w(t),
+		x: n,
+		y: r,
+		className: i,
+		labelOffsetX: a,
+		labelOffsetY: o,
+		inertia: s,
+		sourceStrategy: c
+	});
+}
+n(E, "addNode");
+function D(e, t, n = !1, r, i) {
+	C.addLink({
+		source: e,
+		target: t,
+		dashed: n,
+		label: r,
+		flow: i
+	});
+}
+n(D, "addLink");
+function O(e, t, n) {
+	C.addTrend({
+		nodeId: e,
+		targetX: t,
+		targetY: n
+	});
+}
+n(O, "addTrend");
+function k(e, t, n) {
+	C.addAnnotation({
+		number: e,
+		coordinates: t,
+		text: n ? w(n) : void 0
+	});
+}
+n(k, "addAnnotation");
+function A(e, t, n) {
+	C.addNote({
+		text: w(e),
+		x: t,
+		y: n
+	});
+}
+n(A, "addNote");
+function j(e, t, n) {
+	C.addAccelerator({
+		name: w(e),
+		x: t,
+		y: n
+	});
+}
+n(j, "addAccelerator");
+function M(e, t, n) {
+	C.addDeaccelerator({
+		name: w(e),
+		x: t,
+		y: n
+	});
+}
+n(M, "addDeaccelerator");
+function N(e, t) {
+	C.setAnnotationsBox(e, t);
+}
+n(N, "setAnnotationsBox");
+function P(e, t) {
+	C.setSize(e, t);
+}
+n(P, "setSize");
+function F(e) {
+	C.startPipeline(e);
+}
+n(F, "startPipeline");
+function I(e, t) {
+	C.addPipelineComponent(e, t);
+}
+n(I, "addPipelineComponent");
+function L(e) {
+	let t = {};
+	e.xLabel && (t.xLabel = w(e.xLabel)), e.yLabel && (t.yLabel = w(e.yLabel)), e.stages && (t.stages = e.stages.map((e) => w(e))), e.stageBoundaries && (t.stageBoundaries = e.stageBoundaries), C.setAxes(t);
+}
+n(L, "updateAxes");
+function R(e) {
+	return C.getNode(e);
+}
+n(R, "getNode");
+function z() {
+	return C.build();
+}
+n(z, "getWardleyData");
+function B() {
+	C.clear(), l();
+}
+n(B, "clear");
+var V = {
+	getConfig: T,
+	addNode: E,
+	addLink: D,
+	addTrend: O,
+	addAnnotation: k,
+	addNote: A,
+	addAccelerator: j,
+	addDeaccelerator: M,
+	setAnnotationsBox: N,
+	setSize: P,
+	startPipeline: F,
+	addPipelineComponent: I,
+	updateAxes: L,
+	getNode: R,
+	getWardleyData: z,
+	clear: B,
+	setAccTitle: o,
+	getAccTitle: f,
+	setDiagramTitle: s,
+	getDiagramTitle: i,
+	getAccDescription: c,
+	setAccDescription: r
+}, H = [
+	"Genesis",
+	"Custom Built",
+	"Product",
+	"Commodity"
+], U = /* @__PURE__ */ n(() => {
+	var e, t, n, r, i, a, o, s, c, l, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k;
+	let { themeVariables: A } = u();
+	return {
+		backgroundColor: (e = (t = (n = A.wardley) == null ? void 0 : n.backgroundColor) == null ? A.background : t) == null ? "#fff" : e,
+		axisColor: (r = (i = A.wardley) == null ? void 0 : i.axisColor) == null ? "#000" : r,
+		axisTextColor: (a = (o = (s = A.wardley) == null ? void 0 : s.axisTextColor) == null ? A.primaryTextColor : o) == null ? "#222" : a,
+		gridColor: (c = (l = A.wardley) == null ? void 0 : l.gridColor) == null ? "rgba(100, 100, 100, 0.2)" : c,
+		componentFill: (d = (f = A.wardley) == null ? void 0 : f.componentFill) == null ? "#fff" : d,
+		componentStroke: (p = (m = A.wardley) == null ? void 0 : m.componentStroke) == null ? "#000" : p,
+		componentLabelColor: (h = (g = (_ = A.wardley) == null ? void 0 : _.componentLabelColor) == null ? A.primaryTextColor : g) == null ? "#222" : h,
+		linkStroke: (v = (y = A.wardley) == null ? void 0 : y.linkStroke) == null ? "#000" : v,
+		evolutionStroke: (b = (x = A.wardley) == null ? void 0 : x.evolutionStroke) == null ? "#dc3545" : b,
+		annotationStroke: (S = (C = A.wardley) == null ? void 0 : C.annotationStroke) == null ? "#000" : S,
+		annotationTextColor: (w = (T = (E = A.wardley) == null ? void 0 : E.annotationTextColor) == null ? A.primaryTextColor : T) == null ? "#222" : w,
+		annotationFill: (D = (O = (k = A.wardley) == null ? void 0 : k.annotationFill) == null ? A.background : O) == null ? "#fff" : D
+	};
+}, "getTheme"), W = /* @__PURE__ */ n(() => {
+	var e, t, n, r, i, a, o, s, c;
+	let l = u()["wardley-beta"];
+	return {
+		width: (e = l == null ? void 0 : l.width) == null ? 900 : e,
+		height: (t = l == null ? void 0 : l.height) == null ? 600 : t,
+		padding: (n = l == null ? void 0 : l.padding) == null ? 48 : n,
+		nodeRadius: (r = l == null ? void 0 : l.nodeRadius) == null ? 6 : r,
+		nodeLabelOffset: (i = l == null ? void 0 : l.nodeLabelOffset) == null ? 8 : i,
+		axisFontSize: (a = l == null ? void 0 : l.axisFontSize) == null ? 12 : a,
+		labelFontSize: (o = l == null ? void 0 : l.labelFontSize) == null ? 10 : o,
+		showGrid: (s = l == null ? void 0 : l.showGrid) == null ? !1 : s,
+		useMaxWidth: (c = l == null ? void 0 : l.useMaxWidth) == null ? !0 : c
+	};
+}, "getConfigValues"), G = {
+	parser: S,
+	db: V,
+	renderer: { draw: /* @__PURE__ */ n((e, r, i, a) => {
+		var o, s, c, l, u, f;
+		t.debug("Rendering Wardley map\n" + e);
+		let m = W(), h = U(), g = m.nodeRadius * 1.6, _ = a.db, v = _.getWardleyData(), y = _.getDiagramTitle(), b = (o = (s = v.size) == null ? void 0 : s.width) == null ? m.width : o, x = (c = (l = v.size) == null ? void 0 : l.height) == null ? m.height : c, S = p(r);
+		S.selectAll("*").remove(), d(S, x, b, m.useMaxWidth), S.attr("viewBox", `0 0 ${b} ${x}`);
+		let C = S.append("g").attr("class", "wardley-map"), w = S.append("defs");
+		w.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", h.evolutionStroke).attr("stroke", "none"), w.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", h.linkStroke).attr("stroke", "none"), w.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", h.linkStroke).attr("stroke", "none"), C.append("rect").attr("class", "wardley-background").attr("width", b).attr("height", x).attr("fill", h.backgroundColor);
+		let T = b - m.padding * 2, E = x - m.padding * 2;
+		y && C.append("text").attr("class", "wardley-title").attr("x", b / 2).attr("y", m.padding / 2).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(y);
+		let D = /* @__PURE__ */ n((e) => m.padding + e / 100 * T, "projectX"), O = /* @__PURE__ */ n((e) => x - m.padding - e / 100 * E, "projectY"), k = C.append("g").attr("class", "wardley-axes");
+		k.append("line").attr("x1", m.padding).attr("x2", b - m.padding).attr("y1", x - m.padding).attr("y2", x - m.padding).attr("stroke", h.axisColor).attr("stroke-width", 1), k.append("line").attr("x1", m.padding).attr("x2", m.padding).attr("y1", m.padding).attr("y2", x - m.padding).attr("stroke", h.axisColor).attr("stroke-width", 1);
+		let A = (u = v.axes.xLabel) == null ? "Evolution" : u, j = (f = v.axes.yLabel) == null ? "Visibility" : f;
+		k.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", m.padding + T / 2).attr("y", x - m.padding / 4).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(A), k.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", m.padding / 3).attr("y", m.padding + E / 2).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${m.padding / 3} ${m.padding + E / 2})`).text(j);
+		let M = v.axes.stages && v.axes.stages.length > 0 ? v.axes.stages : H;
+		if (M.length > 0) {
+			let e = C.append("g").attr("class", "wardley-stages"), t = v.axes.stageBoundaries, n = [];
+			if (t && t.length === M.length) {
+				let e = 0;
+				t.forEach((t) => {
+					n.push({
+						start: e,
+						end: t
+					}), e = t;
+				});
+			} else {
+				let e = 1 / M.length;
+				M.forEach((t, r) => {
+					n.push({
+						start: r * e,
+						end: (r + 1) * e
+					});
+				});
+			}
+			M.forEach((t, r) => {
+				let i = n[r], a = m.padding + i.start * T, o = (a + (m.padding + i.end * T)) / 2;
+				r > 0 && e.append("line").attr("x1", a).attr("x2", a).attr("y1", m.padding).attr("y2", x - m.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", o).attr("y", x - m.padding / 1.5).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize - 2).attr("text-anchor", "middle").text(t);
+			});
+		}
+		if (m.showGrid) {
+			let e = C.append("g").attr("class", "wardley-grid");
+			for (let t = 1; t < 4; t++) {
+				let n = t / 4, r = m.padding + T * n;
+				e.append("line").attr("x1", r).attr("x2", r).attr("y1", m.padding).attr("y2", x - m.padding).attr("stroke", h.gridColor).attr("stroke-dasharray", "2 6"), e.append("line").attr("x1", m.padding).attr("x2", b - m.padding).attr("y1", x - m.padding - E * n).attr("y2", x - m.padding - E * n).attr("stroke", h.gridColor).attr("stroke-dasharray", "2 6");
+			}
+		}
+		let N = /* @__PURE__ */ new Map();
+		if (v.nodes.forEach((e) => {
+			N.set(e.id, {
+				x: D(e.x),
+				y: O(e.y),
+				node: e
+			});
+		}), v.pipelines.length > 0) {
+			let e = C.append("g").attr("class", "wardley-pipelines"), t = C.append("g").attr("class", "wardley-pipeline-links");
+			v.pipelines.forEach((n) => {
+				if (n.componentIds.length === 0) return;
+				let r = n.componentIds.map((e) => ({
+					id: e,
+					pos: N.get(e),
+					node: v.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", h.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
+				}
+				let i = Infinity, a = -Infinity, o = 0;
+				if (n.componentIds.forEach((e) => {
+					let t = N.get(e);
+					t && (i = Math.min(i, t.x), a = Math.max(a, t.x), o = t.y);
+				}), i !== Infinity && a !== -Infinity) {
+					let t = m.nodeRadius * 4, r = o - t / 2, s = N.get(n.nodeId);
+					s && (s.x = (i + a) / 2, s.y = r - g / 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", h.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+				}
+			});
+		}
+		let P = C.append("g").attr("class", "wardley-links"), F = /* @__PURE__ */ new Map();
+		v.pipelines.forEach((e) => {
+			F.set(e.nodeId, new Set(e.componentIds));
+		});
+		let I = v.links.filter((e) => {
+			if (!N.has(e.source) || !N.has(e.target)) return !1;
+			let t = F.get(e.target);
+			return !(t != null && t.has(e.source));
+		});
+		P.selectAll("line").data(I).enter().append("line").attr("class", (e) => `wardley-link${e.dashed ? " wardley-link--dashed" : ""}`).attr("x1", (e) => {
+			let t = N.get(e.source), n = N.get(e.target), r = v.nodes.find((t) => t.id === e.source).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, i = n.x - t.x, a = n.y - t.y, o = Math.sqrt(i * i + a * a);
+			return t.x + i / o * r;
+		}).attr("y1", (e) => {
+			let t = N.get(e.source), n = N.get(e.target), r = v.nodes.find((t) => t.id === e.source).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, i = n.x - t.x, a = n.y - t.y, o = Math.sqrt(i * i + a * a);
+			return t.y + a / o * r;
+		}).attr("x2", (e) => {
+			let t = N.get(e.source), n = N.get(e.target), r = v.nodes.find((t) => t.id === e.target).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, i = t.x - n.x, a = t.y - n.y, o = Math.sqrt(i * i + a * a);
+			return n.x + i / o * r;
+		}).attr("y2", (e) => {
+			let t = N.get(e.source), n = N.get(e.target), r = v.nodes.find((t) => t.id === e.target).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, i = t.x - n.x, a = t.y - n.y, o = Math.sqrt(i * i + a * a);
+			return n.y + a / o * r;
+		}).attr("stroke", h.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), P.selectAll("text").data(I.filter((e) => e.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (e) => {
+			let t = N.get(e.source), n = N.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 = N.get(e.source), n = N.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", h.axisTextColor).attr("font-size", m.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (e) => {
+			let t = N.get(e.source), n = N.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 L = C.append("g").attr("class", "wardley-trends"), R = v.trends.map((e) => {
+			let t = N.get(e.nodeId);
+			if (!t) return null;
+			let n = D(e.targetX), r = O(e.targetY), i = n - t.x, a = r - t.y, o = Math.sqrt(i * i + a * a), s = m.nodeRadius + 2;
+			return {
+				origin: t,
+				targetX: n,
+				targetY: r,
+				adjustedX2: o > s ? n - i / o * s : n,
+				adjustedY2: o > s ? r - a / o * s : r
+			};
+		}).filter((e) => e !== null);
+		L.selectAll("line").data(R).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", h.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${r})`);
+		let z = C.append("g").attr("class", "wardley-nodes").selectAll("g").data(v.nodes).enter().append("g").attr("class", (e) => ["wardley-node", e.className ? `wardley-node--${e.className}` : ""].filter(Boolean).join(" "));
+		z.filter((e) => e.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#666").attr("stroke", h.componentStroke).attr("stroke-width", 1), z.filter((e) => e.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", h.componentStroke).attr("stroke-width", 1), z.filter((e) => e.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
+		let B = z.filter((e) => e.sourceStrategy === "market");
+		B.append("circle").attr("class", "wardley-market-overlay").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y).attr("r", m.nodeRadius * 2).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 1), z.filter((e) => !e.isPipelineParent && e.sourceStrategy !== "market" && e.className !== "anchor").append("circle").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y).attr("r", m.nodeRadius).attr("fill", h.componentFill).attr("stroke", h.componentStroke).attr("stroke-width", 1);
+		let V = m.nodeRadius * .7, G = m.nodeRadius * 1.2;
+		if (B.append("line").attr("class", "wardley-market-line").attr("x1", (e) => N.get(e.id).x).attr("y1", (e) => N.get(e.id).y - G).attr("x2", (e) => N.get(e.id).x - G * Math.cos(Math.PI / 6)).attr("y2", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("stroke", h.componentStroke).attr("stroke-width", 1), B.append("line").attr("class", "wardley-market-line").attr("x1", (e) => N.get(e.id).x - G * Math.cos(Math.PI / 6)).attr("y1", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("x2", (e) => N.get(e.id).x + G * Math.cos(Math.PI / 6)).attr("y2", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("stroke", h.componentStroke).attr("stroke-width", 1), B.append("line").attr("class", "wardley-market-line").attr("x1", (e) => N.get(e.id).x + G * Math.cos(Math.PI / 6)).attr("y1", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("x2", (e) => N.get(e.id).x).attr("y2", (e) => N.get(e.id).y - G).attr("stroke", h.componentStroke).attr("stroke-width", 1), B.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => N.get(e.id).x).attr("cy", (e) => N.get(e.id).y - G).attr("r", V).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), B.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => N.get(e.id).x - G * Math.cos(Math.PI / 6)).attr("cy", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("r", V).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), B.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => N.get(e.id).x + G * Math.cos(Math.PI / 6)).attr("cy", (e) => N.get(e.id).y + G * Math.sin(Math.PI / 6)).attr("r", V).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), z.filter((e) => e.isPipelineParent === !0).append("rect").attr("x", (e) => N.get(e.id).x - g / 2).attr("y", (e) => N.get(e.id).y - g / 2).attr("width", g).attr("height", g).attr("fill", h.componentFill).attr("stroke", h.componentStroke).attr("stroke-width", 1), z.filter((e) => e.inertia === !0).append("line").attr("class", "wardley-inertia").attr("x1", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? g / 2 + 15 : m.nodeRadius + 15;
+			return e.sourceStrategy && (n += m.nodeRadius + 10), t.x + n;
+		}).attr("y1", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? g : m.nodeRadius * 2;
+			return t.y - n / 2;
+		}).attr("x2", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? g / 2 + 15 : m.nodeRadius + 15;
+			return e.sourceStrategy && (n += m.nodeRadius + 10), t.x + n;
+		}).attr("y2", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? g : m.nodeRadius * 2;
+			return t.y + n / 2;
+		}).attr("stroke", h.componentStroke).attr("stroke-width", 6), z.append("text").attr("x", (e) => {
+			var t;
+			let n = N.get(e.id);
+			if (e.className === "anchor") return e.labelOffsetX === void 0 ? n.x : n.x + e.labelOffsetX;
+			let r = m.nodeLabelOffset;
+			e.sourceStrategy && e.labelOffsetX === void 0 && (r += 10);
+			let i = (t = e.labelOffsetX) == null ? r : t;
+			return n.x + i;
+		}).attr("y", (e) => {
+			var t;
+			let n = N.get(e.id);
+			if (e.className === "anchor") return e.labelOffsetY === void 0 ? n.y - 3 : n.y + e.labelOffsetY;
+			let r = -m.nodeLabelOffset;
+			e.sourceStrategy && e.labelOffsetY === void 0 && (r -= 10);
+			let i = (t = e.labelOffsetY) == null ? r : t;
+			return n.y + i;
+		}).attr("class", "wardley-node-label").attr("fill", (e) => e.className === "evolved" ? h.evolutionStroke : e.className === "anchor" ? "#000" : h.componentLabelColor).attr("font-size", m.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), v.annotations.length > 0) {
+			let e = C.append("g").attr("class", "wardley-annotations");
+			if (v.annotations.forEach((t) => {
+				let n = t.coordinates.map((e) => ({
+					x: D(e.x),
+					y: O(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", h.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", h.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", h.axisTextColor).attr("font-weight", "bold").text(t.number);
+				});
+			}), v.annotationsBox) {
+				let t = D(v.annotationsBox.x), n = O(v.annotationsBox.y), r = e.append("g").attr("class", "wardley-annotations-box"), i = [...v.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", h.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${e.number}. ${e.text}`);
+					a.push(o);
+				}), a.length > 0) {
+					let e = 0, o = 0;
+					a.forEach((t) => {
+						let n = t.node(), r = n.getComputedTextLength();
+						e = Math.max(e, r);
+						let i = n.getBBox();
+						o = Math.max(o, i.height);
+					});
+					let s = e + 20 + 105, c = i.length * 16 + 20 + o / 2, l = m.padding, u = b - m.padding - s, d = m.padding, f = x - m.padding - c;
+					t = Math.max(l, Math.min(t, u)), n = Math.max(d, Math.min(n, f)), 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", s).attr("height", c).attr("fill", "white").attr("stroke", h.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+				}
+			}
+		}
+		if (v.notes.length > 0) {
+			let e = C.append("g").attr("class", "wardley-notes");
+			v.notes.forEach((t) => {
+				let n = D(t.x), r = O(t.y);
+				e.append("text").attr("x", n).attr("y", r).attr("text-anchor", "start").attr("font-size", 11).attr("fill", h.axisTextColor).attr("font-weight", "bold").text(t.text);
+			});
+		}
+		if (v.accelerators.length > 0) {
+			let e = C.append("g").attr("class", "wardley-accelerators");
+			v.accelerators.forEach((t) => {
+				let n = D(t.x), r = O(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", h.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", h.axisTextColor).attr("font-weight", "bold").text(t.name);
+			});
+		}
+		if (v.deaccelerators.length > 0) {
+			let e = C.append("g").attr("class", "wardley-deaccelerators");
+			v.deaccelerators.forEach((t) => {
+				let n = D(t.x), r = O(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", h.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", h.axisTextColor).attr("font-weight", "bold").text(t.name);
+			});
+		}
+	}, "draw") },
+	styles: /* @__PURE__ */ n(() => "", "styles")
+};
+//#endregion
+export { G as diagram };