@loopstack/loopstack-studio 0.25.0 → 0.25.2

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-NUSXRM2D.js

@@ -0,0 +1,574 @@
+import { __name, log } from "./chunk-AGHRB4JF.js";
+import { clear, configureSvgSize, getAccDescription, getAccTitle, getConfig2, getDiagramTitle, sanitizeText, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
+import { selectSvgElement } from "./chunk-426QAEUC.js";
+import { populateCommonDb } from "./chunk-4BX2VUAB.js";
+import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
+var toPercent = /* @__PURE__ */ __name((r, c) => {
+	let l = r <= 1 ? r * 100 : r;
+	if (l < 0 || l > 100) throw Error(`${c} must be between 0-1 (decimal) or 0-100 (percentage). Received: ${r}`);
+	return l;
+}, "toPercent"), toCoordinates = /* @__PURE__ */ __name((r, c, l) => ({
+	x: toPercent(c, `${l} evolution`),
+	y: toPercent(r, `${l} visibility`)
+}), "toCoordinates"), getFlowFromPort = /* @__PURE__ */ __name((r) => {
+	if (r) {
+		if (r === "+<>") return "bidirectional";
+		if (r === "+<") return "backward";
+		if (r === "+>") return "forward";
+	}
+}, "getFlowFromPort"), extractFlowFromArrow = /* @__PURE__ */ __name((r) => {
+	if (!r?.startsWith("+")) return {};
+	let c = /^\+'([^']*)'/.exec(r)?.[1];
+	return r.includes("<>") ? {
+		flow: "bidirectional",
+		label: c
+	} : r.includes("<") ? {
+		flow: "backward",
+		label: c
+	} : r.includes(">") ? {
+		flow: "forward",
+		label: c
+	} : { label: c };
+}, "extractFlowFromArrow"), populateDb = /* @__PURE__ */ __name((r, c) => {
+	if (populateCommonDb(r, c), r.size && c.setSize(r.size.width, r.size.height), r.evolution) {
+		let l = r.evolution.stages.map((r) => r.secondName ? `${r.name.trim()} / ${r.secondName.trim()}` : r.name.trim()), u = r.evolution.stages.filter((r) => r.boundary !== void 0).map((r) => r.boundary);
+		c.updateAxes({
+			stages: l,
+			stageBoundaries: u
+		});
+	}
+	if (r.anchors.forEach((r) => {
+		let l = toCoordinates(r.visibility, r.evolution, `Anchor "${r.name}"`);
+		c.addNode(r.name, r.name, l.x, l.y, "anchor");
+	}), r.components.forEach((r) => {
+		let l = toCoordinates(r.visibility, r.evolution, `Component "${r.name}"`), u = r.label ? (r.label.negX ? -1 : 1) * r.label.offsetX : void 0, d = r.label ? (r.label.negY ? -1 : 1) * r.label.offsetY : void 0, f = r.decorator?.strategy;
+		c.addNode(r.name, r.name, l.x, l.y, "component", u, d, r.inertia, f);
+	}), r.notes.forEach((r) => {
+		let l = toCoordinates(r.visibility, r.evolution, `Note "${r.text}"`);
+		c.addNote(r.text, l.x, l.y);
+	}), r.pipelines.forEach((r) => {
+		let l = c.getNode(r.parent);
+		if (!l || typeof l.y != "number") throw Error(`Pipeline "${r.parent}" must reference an existing component with coordinates.`);
+		let u = l.y;
+		c.startPipeline(r.parent), r.components.forEach((l) => {
+			let d = `${r.parent}_${l.name}`, f = l.label ? (l.label.negX ? -1 : 1) * l.label.offsetX : void 0, p = l.label ? (l.label.negY ? -1 : 1) * l.label.offsetY : void 0, m = toPercent(l.evolution, `Pipeline component "${l.name}" evolution`);
+			c.addNode(d, l.name, m, u, "pipeline-component", f, p), c.addPipelineComponent(r.parent, d);
+		});
+	}), r.links.forEach((r) => {
+		let l = !!r.arrow && (r.arrow.includes("-.->") || r.arrow.includes(".-.")), u = getFlowFromPort(r.fromPort) ?? getFlowFromPort(r.toPort), { flow: d, label: f } = extractFlowFromArrow(r.arrow);
+		!u && d && (u = d);
+		let p = r.linkLabel, m = f ?? p;
+		c.addLink(r.from, r.to, l, m, u);
+	}), r.evolves.forEach((r) => {
+		let l = c.getNode(r.component);
+		if (l?.y !== void 0) {
+			let u = toPercent(r.target, `Evolve target for "${r.component}"`);
+			c.addTrend(r.component, u, l.y);
+		}
+	}), r.annotations.length > 0) {
+		let l = r.annotations[0], u = toCoordinates(l.x, l.y, "Annotations box");
+		c.setAnnotationsBox(u.x, u.y);
+	}
+	r.annotation.forEach((r) => {
+		let l = toCoordinates(r.x, r.y, `Annotation ${r.number}`);
+		c.addAnnotation(r.number, [{
+			x: l.x,
+			y: l.y
+		}], r.text);
+	}), r.accelerators.forEach((r) => {
+		let l = toCoordinates(r.x, r.y, `Accelerator "${r.name}"`);
+		c.addAccelerator(r.name, l.x, l.y);
+	}), r.deaccelerators.forEach((r) => {
+		let l = toCoordinates(r.x, r.y, `Deaccelerator "${r.name}"`);
+		c.addDeaccelerator(r.name, l.x, l.y);
+	});
+}, "populateDb"), parser = {
+	parser: { yy: void 0 },
+	parse: /* @__PURE__ */ __name(async (r) => {
+		let l = await parse("wardley", r);
+		log.debug(l);
+		let u = parser.parser?.yy;
+		if (!u || typeof u.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.");
+		populateDb(l, u);
+	}, "parse")
+}, builder = 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 #e = __name(this, "WardleyBuilder");
+	addNode(r) {
+		let c = this.nodes.get(r.id) ?? {
+			id: r.id,
+			label: r.label
+		}, l = {
+			...c,
+			...r,
+			className: r.className ?? c.className,
+			labelOffsetX: r.labelOffsetX ?? c.labelOffsetX,
+			labelOffsetY: r.labelOffsetY ?? c.labelOffsetY
+		};
+		this.nodes.set(r.id, l);
+	}
+	addLink(r) {
+		this.links.push(r);
+	}
+	addTrend(r) {
+		this.trends.set(r.nodeId, r);
+	}
+	startPipeline(r) {
+		this.pipelines.set(r, {
+			nodeId: r,
+			componentIds: []
+		});
+		let c = this.nodes.get(r);
+		c && (c.isPipelineParent = !0);
+	}
+	addPipelineComponent(r, c) {
+		let l = this.pipelines.get(r);
+		l && l.componentIds.push(c);
+		let u = this.nodes.get(c);
+		u && (u.inPipeline = !0);
+	}
+	addAnnotation(r) {
+		this.annotations.push(r);
+	}
+	addNote(r) {
+		this.notes.push(r);
+	}
+	addAccelerator(r) {
+		this.accelerators.push(r);
+	}
+	addDeaccelerator(r) {
+		this.deaccelerators.push(r);
+	}
+	setAnnotationsBox(r, c) {
+		this.annotationsBox = {
+			x: r,
+			y: c
+		};
+	}
+	setAxes(r) {
+		this.axes = {
+			...this.axes,
+			...r
+		};
+	}
+	setSize(r, c) {
+		this.size = {
+			width: r,
+			height: c
+		};
+	}
+	getNode(r) {
+		return this.nodes.get(r);
+	}
+	build() {
+		let r = [];
+		for (let c of this.nodes.values()) {
+			if (typeof c.x != "number" || typeof c.y != "number") throw Error(`Node "${c.label}" is missing coordinates`);
+			r.push(c);
+		}
+		return {
+			nodes: r,
+			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 textSanitizer(r) {
+	let c = getConfig2();
+	return sanitizeText(r.trim(), c);
+}
+__name(textSanitizer, "textSanitizer");
+function getConfig2$1() {
+	return getConfig2()["wardley-beta"];
+}
+__name(getConfig2$1, "getConfig");
+function addNode(r, c, l, u, d, f, p, m, h) {
+	builder.addNode({
+		id: r,
+		label: textSanitizer(c),
+		x: l,
+		y: u,
+		className: d,
+		labelOffsetX: f,
+		labelOffsetY: p,
+		inertia: m,
+		sourceStrategy: h
+	});
+}
+__name(addNode, "addNode");
+function addLink(r, c, l = !1, u, d) {
+	builder.addLink({
+		source: r,
+		target: c,
+		dashed: l,
+		label: u,
+		flow: d
+	});
+}
+__name(addLink, "addLink");
+function addTrend(r, c, l) {
+	builder.addTrend({
+		nodeId: r,
+		targetX: c,
+		targetY: l
+	});
+}
+__name(addTrend, "addTrend");
+function addAnnotation(r, c, l) {
+	builder.addAnnotation({
+		number: r,
+		coordinates: c,
+		text: l ? textSanitizer(l) : void 0
+	});
+}
+__name(addAnnotation, "addAnnotation");
+function addNote(r, c, l) {
+	builder.addNote({
+		text: textSanitizer(r),
+		x: c,
+		y: l
+	});
+}
+__name(addNote, "addNote");
+function addAccelerator(r, c, l) {
+	builder.addAccelerator({
+		name: textSanitizer(r),
+		x: c,
+		y: l
+	});
+}
+__name(addAccelerator, "addAccelerator");
+function addDeaccelerator(r, c, l) {
+	builder.addDeaccelerator({
+		name: textSanitizer(r),
+		x: c,
+		y: l
+	});
+}
+__name(addDeaccelerator, "addDeaccelerator");
+function setAnnotationsBox(r, c) {
+	builder.setAnnotationsBox(r, c);
+}
+__name(setAnnotationsBox, "setAnnotationsBox");
+function setSize(r, c) {
+	builder.setSize(r, c);
+}
+__name(setSize, "setSize");
+function startPipeline(r) {
+	builder.startPipeline(r);
+}
+__name(startPipeline, "startPipeline");
+function addPipelineComponent(r, c) {
+	builder.addPipelineComponent(r, c);
+}
+__name(addPipelineComponent, "addPipelineComponent");
+function updateAxes(r) {
+	let c = {};
+	r.xLabel && (c.xLabel = textSanitizer(r.xLabel)), r.yLabel && (c.yLabel = textSanitizer(r.yLabel)), r.stages && (c.stages = r.stages.map((r) => textSanitizer(r))), r.stageBoundaries && (c.stageBoundaries = r.stageBoundaries), builder.setAxes(c);
+}
+__name(updateAxes, "updateAxes");
+function getNode(r) {
+	return builder.getNode(r);
+}
+__name(getNode, "getNode");
+function getWardleyData() {
+	return builder.build();
+}
+__name(getWardleyData, "getWardleyData");
+function clear2() {
+	builder.clear(), clear();
+}
+__name(clear2, "clear");
+var wardleyDb_default = {
+	getConfig: getConfig2$1,
+	addNode,
+	addLink,
+	addTrend,
+	addAnnotation,
+	addNote,
+	addAccelerator,
+	addDeaccelerator,
+	setAnnotationsBox,
+	setSize,
+	startPipeline,
+	addPipelineComponent,
+	updateAxes,
+	getNode,
+	getWardleyData,
+	clear: clear2,
+	setAccTitle,
+	getAccTitle,
+	setDiagramTitle,
+	getDiagramTitle,
+	getAccDescription,
+	setAccDescription
+}, DEFAULT_STAGES = [
+	"Genesis",
+	"Custom Built",
+	"Product",
+	"Commodity"
+], getTheme = /* @__PURE__ */ __name(() => {
+	let { themeVariables: r } = getConfig2();
+	return {
+		backgroundColor: r.wardley?.backgroundColor ?? r.background ?? "#fff",
+		axisColor: r.wardley?.axisColor ?? "#000",
+		axisTextColor: r.wardley?.axisTextColor ?? r.primaryTextColor ?? "#222",
+		gridColor: r.wardley?.gridColor ?? "rgba(100, 100, 100, 0.2)",
+		componentFill: r.wardley?.componentFill ?? "#fff",
+		componentStroke: r.wardley?.componentStroke ?? "#000",
+		componentLabelColor: r.wardley?.componentLabelColor ?? r.primaryTextColor ?? "#222",
+		linkStroke: r.wardley?.linkStroke ?? "#000",
+		evolutionStroke: r.wardley?.evolutionStroke ?? "#dc3545",
+		annotationStroke: r.wardley?.annotationStroke ?? "#000",
+		annotationTextColor: r.wardley?.annotationTextColor ?? r.primaryTextColor ?? "#222",
+		annotationFill: r.wardley?.annotationFill ?? r.background ?? "#fff"
+	};
+}, "getTheme"), getConfigValues = /* @__PURE__ */ __name(() => {
+	let r = getConfig2()["wardley-beta"];
+	return {
+		width: r?.width ?? 900,
+		height: r?.height ?? 600,
+		padding: r?.padding ?? 48,
+		nodeRadius: r?.nodeRadius ?? 6,
+		nodeLabelOffset: r?.nodeLabelOffset ?? 8,
+		axisFontSize: r?.axisFontSize ?? 12,
+		labelFontSize: r?.labelFontSize ?? 10,
+		showGrid: r?.showGrid ?? !1,
+		useMaxWidth: r?.useMaxWidth ?? !0
+	};
+}, "getConfigValues"), diagram = {
+	parser,
+	db: wardleyDb_default,
+	renderer: { draw: /* @__PURE__ */ __name((l, d, f, p) => {
+		log.debug("Rendering Wardley map\n" + l);
+		let m = getConfigValues(), h = getTheme(), g = m.nodeRadius * 1.6, _ = p.db, v = _.getWardleyData(), b = _.getDiagramTitle(), x = v.size?.width ?? m.width, S = v.size?.height ?? m.height, C = selectSvgElement(d);
+		C.selectAll("*").remove(), configureSvgSize(C, S, x, m.useMaxWidth), C.attr("viewBox", `0 0 ${x} ${S}`);
+		let w = C.append("g").attr("class", "wardley-map"), T = C.append("defs");
+		T.append("marker").attr("id", `arrow-${d}`).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"), T.append("marker").attr("id", `link-arrow-end-${d}`).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"), T.append("marker").attr("id", `link-arrow-start-${d}`).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"), w.append("rect").attr("class", "wardley-background").attr("width", x).attr("height", S).attr("fill", h.backgroundColor);
+		let E = x - m.padding * 2, D = S - m.padding * 2;
+		b && w.append("text").attr("class", "wardley-title").attr("x", x / 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(b);
+		let O = /* @__PURE__ */ __name((r) => m.padding + r / 100 * E, "projectX"), k = /* @__PURE__ */ __name((r) => S - m.padding - r / 100 * D, "projectY"), A = w.append("g").attr("class", "wardley-axes");
+		A.append("line").attr("x1", m.padding).attr("x2", x - m.padding).attr("y1", S - m.padding).attr("y2", S - m.padding).attr("stroke", h.axisColor).attr("stroke-width", 1), A.append("line").attr("x1", m.padding).attr("x2", m.padding).attr("y1", m.padding).attr("y2", S - m.padding).attr("stroke", h.axisColor).attr("stroke-width", 1);
+		let j = v.axes.xLabel ?? "Evolution", M = v.axes.yLabel ?? "Visibility";
+		A.append("text").attr("class", "wardley-axis-label wardley-axis-label-x").attr("x", m.padding + E / 2).attr("y", S - m.padding / 4).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize).attr("font-weight", "bold").attr("text-anchor", "middle").text(j), A.append("text").attr("class", "wardley-axis-label wardley-axis-label-y").attr("x", m.padding / 3).attr("y", m.padding + D / 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 + D / 2})`).text(M);
+		let N = v.axes.stages && v.axes.stages.length > 0 ? v.axes.stages : DEFAULT_STAGES;
+		if (N.length > 0) {
+			let r = w.append("g").attr("class", "wardley-stages"), c = v.axes.stageBoundaries, l = [];
+			if (c && c.length === N.length) {
+				let r = 0;
+				c.forEach((c) => {
+					l.push({
+						start: r,
+						end: c
+					}), r = c;
+				});
+			} else {
+				let r = 1 / N.length;
+				N.forEach((c, u) => {
+					l.push({
+						start: u * r,
+						end: (u + 1) * r
+					});
+				});
+			}
+			N.forEach((c, u) => {
+				let d = l[u], f = m.padding + d.start * E, p = (f + (m.padding + d.end * E)) / 2;
+				u > 0 && r.append("line").attr("x1", f).attr("x2", f).attr("y1", m.padding).attr("y2", S - m.padding).attr("stroke", "#000").attr("stroke-width", 1).attr("stroke-dasharray", "5 5").attr("opacity", .8), r.append("text").attr("class", "wardley-stage-label").attr("x", p).attr("y", S - m.padding / 1.5).attr("fill", h.axisTextColor).attr("font-size", m.axisFontSize - 2).attr("text-anchor", "middle").text(c);
+			});
+		}
+		if (m.showGrid) {
+			let r = w.append("g").attr("class", "wardley-grid");
+			for (let c = 1; c < 4; c++) {
+				let l = c / 4, u = m.padding + E * l;
+				r.append("line").attr("x1", u).attr("x2", u).attr("y1", m.padding).attr("y2", S - m.padding).attr("stroke", h.gridColor).attr("stroke-dasharray", "2 6"), r.append("line").attr("x1", m.padding).attr("x2", x - m.padding).attr("y1", S - m.padding - D * l).attr("y2", S - m.padding - D * l).attr("stroke", h.gridColor).attr("stroke-dasharray", "2 6");
+			}
+		}
+		let P = /* @__PURE__ */ new Map();
+		if (v.nodes.forEach((r) => {
+			P.set(r.id, {
+				x: O(r.x),
+				y: k(r.y),
+				node: r
+			});
+		}), v.pipelines.length > 0) {
+			let r = w.append("g").attr("class", "wardley-pipelines"), c = w.append("g").attr("class", "wardley-pipeline-links");
+			v.pipelines.forEach((l) => {
+				if (l.componentIds.length === 0) return;
+				let u = l.componentIds.map((r) => ({
+					id: r,
+					pos: P.get(r),
+					node: v.nodes.find((c) => c.id === r)
+				})).filter((r) => r.pos && r.node).sort((r, c) => r.node.x - c.node.x);
+				for (let r = 0; r < u.length - 1; r++) {
+					let l = u[r], d = u[r + 1];
+					c.append("line").attr("class", "wardley-pipeline-evolution-link").attr("x1", l.pos.x).attr("y1", l.pos.y).attr("x2", d.pos.x).attr("y2", d.pos.y).attr("stroke", h.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4");
+				}
+				let d = Infinity, f = -Infinity, p = 0;
+				if (l.componentIds.forEach((r) => {
+					let c = P.get(r);
+					c && (d = Math.min(d, c.x), f = Math.max(f, c.x), p = c.y);
+				}), d !== Infinity && f !== -Infinity) {
+					let c = m.nodeRadius * 4, u = p - c / 2, _ = P.get(l.nodeId);
+					_ && (_.x = (d + f) / 2, _.y = u - g / 6), r.append("rect").attr("class", "wardley-pipeline-box").attr("x", d - 15).attr("y", u).attr("width", f - d + 30).attr("height", c).attr("fill", "none").attr("stroke", h.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+				}
+			});
+		}
+		let F = w.append("g").attr("class", "wardley-links"), I = /* @__PURE__ */ new Map();
+		v.pipelines.forEach((r) => {
+			I.set(r.nodeId, new Set(r.componentIds));
+		});
+		let L = v.links.filter((r) => !(!P.has(r.source) || !P.has(r.target) || I.get(r.target)?.has(r.source)));
+		F.selectAll("line").data(L).enter().append("line").attr("class", (r) => `wardley-link${r.dashed ? " wardley-link--dashed" : ""}`).attr("x1", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = v.nodes.find((c) => c.id === r.source).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, d = l.x - c.x, f = l.y - c.y, p = Math.sqrt(d * d + f * f);
+			return c.x + d / p * u;
+		}).attr("y1", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = v.nodes.find((c) => c.id === r.source).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, d = l.x - c.x, f = l.y - c.y, p = Math.sqrt(d * d + f * f);
+			return c.y + f / p * u;
+		}).attr("x2", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = v.nodes.find((c) => c.id === r.target).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, d = c.x - l.x, f = c.y - l.y, p = Math.sqrt(d * d + f * f);
+			return l.x + d / p * u;
+		}).attr("y2", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = v.nodes.find((c) => c.id === r.target).isPipelineParent ? g / Math.sqrt(2) : m.nodeRadius, d = c.x - l.x, f = c.y - l.y, p = Math.sqrt(d * d + f * f);
+			return l.y + f / p * u;
+		}).attr("stroke", h.linkStroke).attr("stroke-width", 1).attr("stroke-dasharray", (r) => r.dashed ? "6 6" : null).attr("marker-end", (r) => r.flow === "forward" || r.flow === "bidirectional" ? `url(#link-arrow-end-${d})` : null).attr("marker-start", (r) => r.flow === "backward" || r.flow === "bidirectional" ? `url(#link-arrow-start-${d})` : null), F.selectAll("text").data(L.filter((r) => r.label)).enter().append("text").attr("class", "wardley-link-label").attr("x", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = (c.x + l.x) / 2, d = l.y - c.y, f = l.x - c.x;
+			return u + d / Math.sqrt(f * f + d * d) * 8;
+		}).attr("y", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = (c.y + l.y) / 2, d = l.x - c.x, f = l.y - c.y, p = Math.sqrt(d * d + f * f);
+			return u + -d / p * 8;
+		}).attr("fill", h.axisTextColor).attr("font-size", m.labelFontSize).attr("text-anchor", "middle").attr("dominant-baseline", "middle").attr("transform", (r) => {
+			let c = P.get(r.source), l = P.get(r.target), u = (c.x + l.x) / 2, d = (c.y + l.y) / 2, f = l.x - c.x, p = l.y - c.y, m = Math.sqrt(f * f + p * p), h = p / m, g = -f / m, _ = u + h * 8, v = d + g * 8, y = Math.atan2(p, f) * 180 / Math.PI;
+			return (y > 90 || y < -90) && (y += 180), `rotate(${y} ${_} ${v})`;
+		}).text((r) => r.label);
+		let R = w.append("g").attr("class", "wardley-trends"), z = v.trends.map((r) => {
+			let c = P.get(r.nodeId);
+			if (!c) return null;
+			let l = O(r.targetX), u = k(r.targetY), d = l - c.x, f = u - c.y, p = Math.sqrt(d * d + f * f), h = m.nodeRadius + 2;
+			return {
+				origin: c,
+				targetX: l,
+				targetY: u,
+				adjustedX2: p > h ? l - d / p * h : l,
+				adjustedY2: p > h ? u - f / p * h : u
+			};
+		}).filter((r) => r !== null);
+		R.selectAll("line").data(z).enter().append("line").attr("class", "wardley-trend").attr("x1", (r) => r.origin.x).attr("y1", (r) => r.origin.y).attr("x2", (r) => r.adjustedX2).attr("y2", (r) => r.adjustedY2).attr("stroke", h.evolutionStroke).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("marker-end", `url(#arrow-${d})`);
+		let B = w.append("g").attr("class", "wardley-nodes").selectAll("g").data(v.nodes).enter().append("g").attr("class", (r) => ["wardley-node", r.className ? `wardley-node--${r.className}` : ""].filter(Boolean).join(" "));
+		B.filter((r) => r.sourceStrategy === "outsource").append("circle").attr("class", "wardley-outsource-overlay").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#666").attr("stroke", h.componentStroke).attr("stroke-width", 1), B.filter((r) => r.sourceStrategy === "buy").append("circle").attr("class", "wardley-buy-overlay").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#ccc").attr("stroke", h.componentStroke).attr("stroke-width", 1), B.filter((r) => r.sourceStrategy === "build").append("circle").attr("class", "wardley-build-overlay").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y).attr("r", m.nodeRadius * 2).attr("fill", "#eee").attr("stroke", "#000").attr("stroke-width", 1);
+		let V = B.filter((r) => r.sourceStrategy === "market");
+		V.append("circle").attr("class", "wardley-market-overlay").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y).attr("r", m.nodeRadius * 2).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 1), B.filter((r) => !r.isPipelineParent && r.sourceStrategy !== "market" && r.className !== "anchor").append("circle").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y).attr("r", m.nodeRadius).attr("fill", h.componentFill).attr("stroke", h.componentStroke).attr("stroke-width", 1);
+		let H = m.nodeRadius * .7, U = m.nodeRadius * 1.2;
+		if (V.append("line").attr("class", "wardley-market-line").attr("x1", (r) => P.get(r.id).x).attr("y1", (r) => P.get(r.id).y - U).attr("x2", (r) => P.get(r.id).x - U * Math.cos(Math.PI / 6)).attr("y2", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("stroke", h.componentStroke).attr("stroke-width", 1), V.append("line").attr("class", "wardley-market-line").attr("x1", (r) => P.get(r.id).x - U * Math.cos(Math.PI / 6)).attr("y1", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("x2", (r) => P.get(r.id).x + U * Math.cos(Math.PI / 6)).attr("y2", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("stroke", h.componentStroke).attr("stroke-width", 1), V.append("line").attr("class", "wardley-market-line").attr("x1", (r) => P.get(r.id).x + U * Math.cos(Math.PI / 6)).attr("y1", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("x2", (r) => P.get(r.id).x).attr("y2", (r) => P.get(r.id).y - U).attr("stroke", h.componentStroke).attr("stroke-width", 1), V.append("circle").attr("class", "wardley-market-dot").attr("cx", (r) => P.get(r.id).x).attr("cy", (r) => P.get(r.id).y - U).attr("r", H).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), V.append("circle").attr("class", "wardley-market-dot").attr("cx", (r) => P.get(r.id).x - U * Math.cos(Math.PI / 6)).attr("cy", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("r", H).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), V.append("circle").attr("class", "wardley-market-dot").attr("cx", (r) => P.get(r.id).x + U * Math.cos(Math.PI / 6)).attr("cy", (r) => P.get(r.id).y + U * Math.sin(Math.PI / 6)).attr("r", H).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 2), B.filter((r) => r.isPipelineParent === !0).append("rect").attr("x", (r) => P.get(r.id).x - g / 2).attr("y", (r) => P.get(r.id).y - g / 2).attr("width", g).attr("height", g).attr("fill", h.componentFill).attr("stroke", h.componentStroke).attr("stroke-width", 1), B.filter((r) => r.inertia === !0).append("line").attr("class", "wardley-inertia").attr("x1", (r) => {
+			let c = P.get(r.id), l = r.isPipelineParent ? g / 2 + 15 : m.nodeRadius + 15;
+			return r.sourceStrategy && (l += m.nodeRadius + 10), c.x + l;
+		}).attr("y1", (r) => {
+			let c = P.get(r.id), l = r.isPipelineParent ? g : m.nodeRadius * 2;
+			return c.y - l / 2;
+		}).attr("x2", (r) => {
+			let c = P.get(r.id), l = r.isPipelineParent ? g / 2 + 15 : m.nodeRadius + 15;
+			return r.sourceStrategy && (l += m.nodeRadius + 10), c.x + l;
+		}).attr("y2", (r) => {
+			let c = P.get(r.id), l = r.isPipelineParent ? g : m.nodeRadius * 2;
+			return c.y + l / 2;
+		}).attr("stroke", h.componentStroke).attr("stroke-width", 6), B.append("text").attr("x", (r) => {
+			let c = P.get(r.id);
+			if (r.className === "anchor") return r.labelOffsetX === void 0 ? c.x : c.x + r.labelOffsetX;
+			let l = m.nodeLabelOffset;
+			r.sourceStrategy && r.labelOffsetX === void 0 && (l += 10);
+			let u = r.labelOffsetX ?? l;
+			return c.x + u;
+		}).attr("y", (r) => {
+			let c = P.get(r.id);
+			if (r.className === "anchor") return r.labelOffsetY === void 0 ? c.y - 3 : c.y + r.labelOffsetY;
+			let l = -m.nodeLabelOffset;
+			r.sourceStrategy && r.labelOffsetY === void 0 && (l -= 10);
+			let u = r.labelOffsetY ?? l;
+			return c.y + u;
+		}).attr("class", "wardley-node-label").attr("fill", (r) => r.className === "evolved" ? h.evolutionStroke : r.className === "anchor" ? "#000" : h.componentLabelColor).attr("font-size", m.labelFontSize).attr("font-weight", (r) => r.className === "anchor" ? "bold" : "normal").attr("text-anchor", (r) => r.className === "anchor" ? "middle" : "start").attr("dominant-baseline", (r) => r.className === "anchor" ? "middle" : "auto").text((r) => r.label), v.annotations.length > 0) {
+			let r = w.append("g").attr("class", "wardley-annotations");
+			if (v.annotations.forEach((c) => {
+				let l = c.coordinates.map((r) => ({
+					x: O(r.x),
+					y: k(r.y)
+				}));
+				if (l.length > 1) for (let c = 0; c < l.length - 1; c++) r.append("line").attr("class", "wardley-annotation-line").attr("x1", l[c].x).attr("y1", l[c].y).attr("x2", l[c + 1].x).attr("y2", l[c + 1].y).attr("stroke", h.axisColor).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4");
+				l.forEach((l) => {
+					let u = r.append("g").attr("class", "wardley-annotation");
+					u.append("circle").attr("cx", l.x).attr("cy", l.y).attr("r", 10).attr("fill", "white").attr("stroke", h.axisColor).attr("stroke-width", 1.5), u.append("text").attr("x", l.x).attr("y", l.y).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", 10).attr("fill", h.axisTextColor).attr("font-weight", "bold").text(c.number);
+				});
+			}), v.annotationsBox) {
+				let c = O(v.annotationsBox.x), l = k(v.annotationsBox.y), u = r.append("g").attr("class", "wardley-annotations-box"), d = [...v.annotations].filter((r) => r.text).sort((r, c) => r.number - c.number), f = [];
+				if (d.forEach((r, d) => {
+					let p = u.append("text").attr("x", c + 10).attr("y", l + 10 + (d + 1) * 16).attr("font-size", 11).attr("fill", h.axisTextColor).attr("text-anchor", "start").attr("dominant-baseline", "middle").text(`${r.number}. ${r.text}`);
+					f.push(p);
+				}), f.length > 0) {
+					let r = 0, p = 0;
+					f.forEach((c) => {
+						let l = c.node(), u = l.getComputedTextLength();
+						r = Math.max(r, u);
+						let d = l.getBBox();
+						p = Math.max(p, d.height);
+					});
+					let g = r + 20 + 105, _ = d.length * 16 + 20 + p / 2, v = m.padding, y = x - m.padding - g, b = m.padding, C = S - m.padding - _;
+					c = Math.max(v, Math.min(c, y)), l = Math.max(b, Math.min(l, C)), f.forEach((r, u) => {
+						r.attr("x", c + 10).attr("y", l + 10 + (u + 1) * 16);
+					}), u.insert("rect", "text").attr("x", c).attr("y", l).attr("width", g).attr("height", _).attr("fill", "white").attr("stroke", h.axisColor).attr("stroke-width", 1.5).attr("rx", 4).attr("ry", 4);
+				}
+			}
+		}
+		if (v.notes.length > 0) {
+			let r = w.append("g").attr("class", "wardley-notes");
+			v.notes.forEach((c) => {
+				let l = O(c.x), u = k(c.y);
+				r.append("text").attr("x", l).attr("y", u).attr("text-anchor", "start").attr("font-size", 11).attr("fill", h.axisTextColor).attr("font-weight", "bold").text(c.text);
+			});
+		}
+		if (v.accelerators.length > 0) {
+			let r = w.append("g").attr("class", "wardley-accelerators");
+			v.accelerators.forEach((c) => {
+				let l = O(c.x), u = k(c.y), d = `
+        M ${l} ${u - 30 / 2}
+        L ${l + 60 - 20} ${u - 30 / 2}
+        L ${l + 60 - 20} ${u - 30 / 2 - 8}
+        L ${l + 60} ${u}
+        L ${l + 60 - 20} ${u + 30 / 2 + 8}
+        L ${l + 60 - 20} ${u + 30 / 2}
+        L ${l} ${u + 30 / 2}
+        Z
+      `;
+				r.append("path").attr("d", d).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 1), r.append("text").attr("x", l + 60 / 2).attr("y", u + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", h.axisTextColor).attr("font-weight", "bold").text(c.name);
+			});
+		}
+		if (v.deaccelerators.length > 0) {
+			let r = w.append("g").attr("class", "wardley-deaccelerators");
+			v.deaccelerators.forEach((c) => {
+				let l = O(c.x), u = k(c.y), d = `
+        M ${l + 60} ${u - 30 / 2}
+        L ${l + 20} ${u - 30 / 2}
+        L ${l + 20} ${u - 30 / 2 - 8}
+        L ${l} ${u}
+        L ${l + 20} ${u + 30 / 2 + 8}
+        L ${l + 20} ${u + 30 / 2}
+        L ${l + 60} ${u + 30 / 2}
+        Z
+      `;
+				r.append("path").attr("d", d).attr("fill", "white").attr("stroke", h.componentStroke).attr("stroke-width", 1), r.append("text").attr("x", l + 60 / 2).attr("y", u + 30 / 2 + 15).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", h.axisTextColor).attr("font-weight", "bold").text(c.name);
+			});
+		}
+	}, "draw") },
+	styles: /* @__PURE__ */ __name(() => "", "styles")
+};
+export { diagram };