file-viewer3 1.0.8 → 1.0.26

package/dist/components/wardleyDiagram-YWT4CUSO.js

@@ -0,0 +1,656 @@
+import { n as e, t } from "./objectSpread2.js";
+import { n, t as r } from "./asyncToGenerator.js";
+import { n as i, r as a } from "./chunk-AGHRB4JF.js";
+import { D as o, H as s, K as c, U as l, a as u, b as d, c as f, v as p, w as m, x as h, y as g } from "./chunk-CSCIHK7Q.js";
+import { i as _ } from "./chunk-5ZQYHXKU.js";
+import { t as v } from "./chunk-WU5MYG2G.js";
+import { t as y } from "./mermaid-parser.core.js";
+import { t as b } from "./chunk-4BX2VUAB.js";
+n(), e();
+var x, S = /* @__PURE__ */ i((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"), C = /* @__PURE__ */ i((e, t, n) => ({
+	x: S(t, `${n} evolution`),
+	y: S(e, `${n} visibility`)
+}), "toCoordinates"), w = /* @__PURE__ */ i((e) => {
+	if (e) {
+		if (e === "+<>") return "bidirectional";
+		if (e === "+<") return "backward";
+		if (e === "+>") return "forward";
+	}
+}, "getFlowFromPort"), T = /* @__PURE__ */ i((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"), E = /* @__PURE__ */ i((e, t) => {
+	if (b(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 = C(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 = C(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 = C(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 = 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 = w(e.fromPort)) == null ? w(e.toPort) : n, { flow: a, label: o } = T(e.arrow);
+		!i && a && (i = a);
+		let s = e.linkLabel, c = o == null ? s : o;
+		t.addLink(t.resolveNodeId(e.from), t.resolveNodeId(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 = S(e.target, `Evolve target for "${e.component}"`);
+			t.addTrend(e.component, r, n.y);
+		}
+	}), e.annotations.length > 0) {
+		let n = e.annotations[0], r = C(n.x, n.y, "Annotations box");
+		t.setAnnotationsBox(r.x, r.y);
+	}
+	e.annotation.forEach((e) => {
+		let n = C(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 = C(e.x, e.y, `Accelerator "${e.name}"`);
+		t.addAccelerator(e.name, n.x, n.y);
+	}), e.deaccelerators.forEach((e) => {
+		let n = C(e.x, e.y, `Deaccelerator "${e.name}"`);
+		t.addDeaccelerator(e.name, n.x, n.y);
+	});
+}, "populateDb"), D = {
+	parser: { yy: void 0 },
+	parse: /* @__PURE__ */ i(function() {
+		var e = r(function* (e) {
+			var t;
+			let n = yield y("wardley", e);
+			a.debug(n);
+			let r = (t = D.parser) == null ? void 0 : t.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.");
+			E(n, r);
+		});
+		return function(t) {
+			return e.apply(this, arguments);
+		};
+	}(), "parse")
+}, O = new (x = 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(e) {
+		var n, r, i, a;
+		let o = (n = this.nodes.get(e.id)) == null ? {
+			id: e.id,
+			label: e.label
+		} : n, s = t(t(t({}, o), e), {}, {
+			className: (r = e.className) == null ? o.className : r,
+			labelOffsetX: (i = e.labelOffsetX) == null ? o.labelOffsetX : i,
+			labelOffsetY: (a = e.labelOffsetY) == null ? o.labelOffsetY : a
+		});
+		this.nodes.set(e.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(e) {
+		this.axes = t(t({}, this.axes), e);
+	}
+	setSize(e, t) {
+		this.size = {
+			width: e,
+			height: 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()) {
+			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: t({}, 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;
+	}
+}, i(x, "WardleyBuilder"), x)();
+function k() {
+	return h()["wardley-beta"];
+}
+i(k, "getConfig");
+function A(e, t, n, r, i, a, o, s, c) {
+	O.addNode({
+		id: e,
+		label: t,
+		x: n,
+		y: r,
+		className: i,
+		labelOffsetX: a,
+		labelOffsetY: o,
+		inertia: s,
+		sourceStrategy: c
+	});
+}
+i(A, "addNode");
+function j(e, t, n = !1, r, i) {
+	O.addLink({
+		source: e,
+		target: t,
+		dashed: n,
+		label: r,
+		flow: i
+	});
+}
+i(j, "addLink");
+function M(e, t, n) {
+	O.addTrend({
+		nodeId: e,
+		targetX: t,
+		targetY: n
+	});
+}
+i(M, "addTrend");
+function N(e, t, n) {
+	O.addAnnotation({
+		number: e,
+		coordinates: t,
+		text: n
+	});
+}
+i(N, "addAnnotation");
+function P(e, t, n) {
+	O.addNote({
+		text: e,
+		x: t,
+		y: n
+	});
+}
+i(P, "addNote");
+function F(e, t, n) {
+	O.addAccelerator({
+		name: e,
+		x: t,
+		y: n
+	});
+}
+i(F, "addAccelerator");
+function I(e, t, n) {
+	O.addDeaccelerator({
+		name: e,
+		x: t,
+		y: n
+	});
+}
+i(I, "addDeaccelerator");
+function L(e, t) {
+	O.setAnnotationsBox(e, t);
+}
+i(L, "setAnnotationsBox");
+function R(e, t) {
+	O.setSize(e, t);
+}
+i(R, "setSize");
+function z(e) {
+	O.startPipeline(e);
+}
+i(z, "startPipeline");
+function B(e, t) {
+	O.addPipelineComponent(e, t);
+}
+i(B, "addPipelineComponent");
+function V(e) {
+	O.setAxes(e);
+}
+i(V, "updateAxes");
+function H(e) {
+	return O.getNode(e);
+}
+i(H, "getNode");
+function U(e) {
+	return O.resolveNodeId(e);
+}
+i(U, "resolveNodeId");
+function W() {
+	return O.build();
+}
+i(W, "getWardleyData");
+function G() {
+	O.clear(), u();
+}
+i(G, "clear");
+var K = {
+	getConfig: k,
+	addNode: A,
+	addLink: j,
+	addTrend: M,
+	addAnnotation: N,
+	addNote: P,
+	addAccelerator: F,
+	addDeaccelerator: I,
+	setAnnotationsBox: L,
+	setSize: R,
+	startPipeline: z,
+	addPipelineComponent: B,
+	updateAxes: V,
+	getNode: H,
+	resolveNodeId: U,
+	getWardleyData: W,
+	clear: G,
+	setAccTitle: l,
+	getAccTitle: g,
+	setDiagramTitle: c,
+	getDiagramTitle: m,
+	getAccDescription: p,
+	setAccDescription: s
+}, q = [
+	"Genesis",
+	"Custom Built",
+	"Product",
+	"Commodity"
+], J = /* @__PURE__ */ i(() => {
+	var e, t, n, r, i, a, o, s, c, l, u, d, f, p, m, g, _, v, y, b, x, S, C, w, T, E, D, O, k;
+	let { themeVariables: A } = h();
+	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: (u = (d = A.wardley) == null ? void 0 : d.componentFill) == null ? "#fff" : u,
+		componentStroke: (f = (p = A.wardley) == null ? void 0 : p.componentStroke) == null ? "#000" : f,
+		componentLabelColor: (m = (g = (_ = A.wardley) == null ? void 0 : _.componentLabelColor) == null ? A.primaryTextColor : g) == null ? "#222" : m,
+		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"), Y = /* @__PURE__ */ i(() => {
+	var e, t, n, r, i, a, o, s, c;
+	let l = h()["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"), X = {
+	parser: D,
+	db: K,
+	renderer: { draw: /* @__PURE__ */ i((e, t, n, r) => {
+		var o, s, c, l, u, d;
+		a.debug("Rendering Wardley map\n" + e);
+		let p = Y(), m = J(), h = p.nodeRadius * 1.6, g = r.db, _ = g.getWardleyData(), y = g.getDiagramTitle(), b = (o = (s = _.size) == null ? void 0 : s.width) == null ? p.width : o, x = (c = (l = _.size) == null ? void 0 : l.height) == null ? p.height : c, S = v(t);
+		S.selectAll("*").remove(), f(S, x, b, p.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-${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", m.evolutionStroke).attr("stroke", "none"), w.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", m.linkStroke).attr("stroke", "none"), w.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", m.linkStroke).attr("stroke", "none"), C.append("rect").attr("class", "wardley-background").attr("width", b).attr("height", x).attr("fill", m.backgroundColor);
+		let T = b - p.padding * 2, E = x - p.padding * 2;
+		y && C.append("text").attr("class", "wardley-title").attr("x", b / 2).attr("y", p.padding / 2).attr("fill", m.axisTextColor).attr("font-size", p.axisFontSize * 1.05).attr("font-weight", "bold").attr("text-anchor", "middle").attr("dominant-baseline", "middle").text(y);
+		let D = /* @__PURE__ */ i((e) => p.padding + e / 100 * T, "projectX"), O = /* @__PURE__ */ i((e) => x - p.padding - e / 100 * E, "projectY"), k = C.append("g").attr("class", "wardley-axes");
+		k.append("line").attr("x1", p.padding).attr("x2", b - p.padding).attr("y1", x - p.padding).attr("y2", x - p.padding).attr("stroke", m.axisColor).attr("stroke-width", 1), k.append("line").attr("x1", p.padding).attr("x2", p.padding).attr("y1", p.padding).attr("y2", x - p.padding).attr("stroke", m.axisColor).attr("stroke-width", 1);
+		let A = (u = _.axes.xLabel) == null ? "Evolution" : u, j = (d = _.axes.yLabel) == null ? "Visibility" : d;
+		k.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", p.padding + T / 2).attr("y", x - p.padding / 4).attr("fill", m.axisTextColor).attr("font-size", p.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", p.padding / 3).attr("y", p.padding + E / 2).attr("fill", m.axisTextColor).attr("font-size", p.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").attr("transform", `rotate(-90 ${p.padding / 3} ${p.padding + E / 2})`).text(j);
+		let M = _.axes.stages && _.axes.stages.length > 0 ? _.axes.stages : q;
+		if (M.length > 0) {
+			let e = C.append("g").attr("class", "wardley-stages"), t = _.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 = p.padding + i.start * T, o = (a + (p.padding + i.end * T)) / 2;
+				r > 0 && e.append("line").attr("x1", a).attr("x2", a).attr("y1", p.padding).attr("y2", x - p.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 - p.padding / 1.5).attr("fill", m.axisTextColor).attr("font-size", p.axisFontSize - 2).attr("text-anchor", "middle").text(t);
+			});
+		}
+		if (p.showGrid) {
+			let e = C.append("g").attr("class", "wardley-grid");
+			for (let t = 1; t < 4; t++) {
+				let n = t / 4, r = p.padding + T * n;
+				e.append("line").attr("x1", r).attr("x2", r).attr("y1", p.padding).attr("y2", x - p.padding).attr("stroke", m.gridColor).attr("stroke-dasharray", "2 6"), e.append("line").attr("x1", p.padding).attr("x2", b - p.padding).attr("y1", x - p.padding - E * n).attr("y2", x - p.padding - E * n).attr("stroke", m.gridColor).attr("stroke-dasharray", "2 6");
+			}
+		}
+		let N = /* @__PURE__ */ new Map();
+		if (_.nodes.forEach((e) => {
+			N.set(e.id, {
+				x: D(e.x),
+				y: O(e.y),
+				node: e
+			});
+		}), _.pipelines.length > 0) {
+			let e = C.append("g").attr("class", "wardley-pipelines"), t = C.append("g").attr("class", "wardley-pipeline-links");
+			_.pipelines.forEach((n) => {
+				if (n.componentIds.length === 0) return;
+				let r = n.componentIds.map((e) => ({
+					id: e,
+					pos: N.get(e),
+					node: _.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", m.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 = p.nodeRadius * 4, r = o - t / 2, s = N.get(n.nodeId);
+					s && (s.x = (i + a) / 2, s.y = r - h / 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", m.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();
+		_.pipelines.forEach((e) => {
+			F.set(e.nodeId, new Set(e.componentIds));
+		});
+		let I = _.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 = _.nodes.find((t) => t.id === e.source).isPipelineParent ? h / Math.sqrt(2) : p.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 = _.nodes.find((t) => t.id === e.source).isPipelineParent ? h / Math.sqrt(2) : p.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 = _.nodes.find((t) => t.id === e.target).isPipelineParent ? h / Math.sqrt(2) : p.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 = _.nodes.find((t) => t.id === e.target).isPipelineParent ? h / Math.sqrt(2) : p.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", m.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), 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", m.axisTextColor).attr("font-size", p.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 = _.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 = p.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", m.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${t})`);
+		let z = C.append("g").attr("class", "wardley-nodes").selectAll("g").data(_.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", p.nodeRadius * 2).attr("fill", "#666").attr("stroke", m.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", p.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", m.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", p.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", p.nodeRadius * 2).attr("fill", "white").attr("stroke", m.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", p.nodeRadius).attr("fill", m.componentFill).attr("stroke", m.componentStroke).attr("stroke-width", 1);
+		let V = p.nodeRadius * .7, H = p.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 - H).attr("x2", (e) => N.get(e.id).x - H * Math.cos(Math.PI / 6)).attr("y2", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("stroke", m.componentStroke).attr("stroke-width", 1), B.append("line").attr("class", "wardley-market-line").attr("x1", (e) => N.get(e.id).x - H * Math.cos(Math.PI / 6)).attr("y1", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("x2", (e) => N.get(e.id).x + H * Math.cos(Math.PI / 6)).attr("y2", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("stroke", m.componentStroke).attr("stroke-width", 1), B.append("line").attr("class", "wardley-market-line").attr("x1", (e) => N.get(e.id).x + H * Math.cos(Math.PI / 6)).attr("y1", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("x2", (e) => N.get(e.id).x).attr("y2", (e) => N.get(e.id).y - H).attr("stroke", m.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 - H).attr("r", V).attr("fill", "white").attr("stroke", m.componentStroke).attr("stroke-width", 2), B.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => N.get(e.id).x - H * Math.cos(Math.PI / 6)).attr("cy", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("r", V).attr("fill", "white").attr("stroke", m.componentStroke).attr("stroke-width", 2), B.append("circle").attr("class", "wardley-market-dot").attr("cx", (e) => N.get(e.id).x + H * Math.cos(Math.PI / 6)).attr("cy", (e) => N.get(e.id).y + H * Math.sin(Math.PI / 6)).attr("r", V).attr("fill", "white").attr("stroke", m.componentStroke).attr("stroke-width", 2), z.filter((e) => e.isPipelineParent === !0).append("rect").attr("x", (e) => N.get(e.id).x - h / 2).attr("y", (e) => N.get(e.id).y - h / 2).attr("width", h).attr("height", h).attr("fill", m.componentFill).attr("stroke", m.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 ? h / 2 + 15 : p.nodeRadius + 15;
+			return e.sourceStrategy && (n += p.nodeRadius + 10), t.x + n;
+		}).attr("y1", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? h : p.nodeRadius * 2;
+			return t.y - n / 2;
+		}).attr("x2", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? h / 2 + 15 : p.nodeRadius + 15;
+			return e.sourceStrategy && (n += p.nodeRadius + 10), t.x + n;
+		}).attr("y2", (e) => {
+			let t = N.get(e.id), n = e.isPipelineParent ? h : p.nodeRadius * 2;
+			return t.y + n / 2;
+		}).attr("stroke", m.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 = p.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 = -p.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" ? m.evolutionStroke : e.className === "anchor" ? "#000" : m.componentLabelColor).attr("font-size", p.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), _.annotations.length > 0) {
+			let e = C.append("g").attr("class", "wardley-annotations");
+			if (_.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", m.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", m.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", m.axisTextColor).attr("font-weight", "bold").text(t.number);
+				});
+			}), _.annotationsBox) {
+				let t = D(_.annotationsBox.x), n = O(_.annotationsBox.y), r = e.append("g").attr("class", "wardley-annotations-box"), i = [..._.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", m.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 = p.padding, u = b - p.padding - s, d = p.padding, f = x - p.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", m.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+				}
+			}
+		}
+		if (_.notes.length > 0) {
+			let e = C.append("g").attr("class", "wardley-notes");
+			_.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", m.axisTextColor).attr("font-weight", "bold").text(t.text);
+			});
+		}
+		if (_.accelerators.length > 0) {
+			let e = C.append("g").attr("class", "wardley-accelerators");
+			_.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", m.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", m.axisTextColor).attr("font-weight", "bold").text(t.name);
+			});
+		}
+		if (_.deaccelerators.length > 0) {
+			let e = C.append("g").attr("class", "wardley-deaccelerators");
+			_.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", m.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", m.axisTextColor).attr("font-weight", "bold").text(t.name);
+			});
+		}
+	}, "draw") },
+	styles: /* @__PURE__ */ i(({ wardley: e } = {}) => {
+		let t = _(_(o(), d().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 { X as diagram };