@miragon/wardley-renderer 0.6.2 → 0.6.3

package/dist/index.js

@@ -1,7 +1,8 @@
 import e from "diagram-js/lib/Diagram";
 import { parseDSLWithDiagnostics as t, serializeDSL as n } from "@miragon/wardley-dsl";
 import { CURRENT_SCHEMA_VERSION as r, DEFAULT_EVOLUTION_LABELS as i, DEFAULT_PLOT_SIZE as a, DEFAULT_STAGE_BOUNDARIES as o, evolutionStage as s, validateMap as c } from "@miragon/wardley-schema-model";
-import { append as l, attr as u, clear as d, create as f, remove as p } from "tiny-svg";
+import l from "diagram-js/lib/layout/BaseLayouter";
+import { append as u, attr as d, clear as f, create as p, remove as m } from "tiny-svg";
 import ee from "diagram-js/lib/command/CommandInterceptor";
 import te from "diagram-js/lib/draw/BaseRenderer";
 import ne from "diagram-js/lib/features/selection";
@@ -10,7 +11,7 @@ import ie from "diagram-js/lib/navigation/movecanvas";
 import ae from "diagram-js/lib/features/keyboard";
 import oe from "diagram-js/lib/features/modeling";
 import se from "diagram-js/lib/features/move";
-import m from "diagram-js/lib/features/create";
+import h from "diagram-js/lib/features/create";
 import ce from "diagram-js/lib/features/connect";
 import le from "diagram-js/lib/features/context-pad";
 import ue from "diagram-js/lib/features/palette";
@@ -24,7 +25,7 @@ import _e from "diagram-js/lib/features/rules/RuleProvider";
 import ve from "diagram-js/lib/features/connection-preview";
 import ye from "diagram-js/lib/features/ordering/OrderingProvider";
 //#region src/theme/palette.ts
-var h = {
+var g = {
 	blau: "#335DE5",
 	blauLink: "#2B50D4",
 	blauHell: "#6B8AFF",
@@ -39,10 +40,10 @@ var h = {
 	navy: "#080A20",
 	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
 };
-h.grau, h.schwarz, h.weiss, h.blau, h.gruen, h.danger, h.navy;
+g.grau, g.schwarz, g.weiss, g.blau, g.gruen, g.danger, g.navy;
 //#endregion
 //#region src/draw/styles.ts
-var g = {
+var _ = {
 	width: a.width,
 	height: a.height,
 	marginLeft: 66,
@@ -53,7 +54,7 @@ var g = {
 	width: 480,
 	height: 320
 }, xe = 7.5;
-function _(e) {
+function v(e) {
 	let t = (e && e.length ? e : "note").split("\n"), n = Math.max(1, ...t.map((e) => e.length));
 	return {
 		lines: t,
@@ -61,29 +62,29 @@ function _(e) {
 		height: Math.max(34, t.length * 17 + 12)
 	};
 }
-var v = {
-	paper: h.grau,
-	ink: h.schwarz,
+var y = {
+	paper: g.grau,
+	ink: g.schwarz,
 	inkSoft: "#5B5B5B",
 	axis: "rgba(51,93,229,0.22)",
 	axisText: "#6E7797",
 	grid: "rgba(51,93,229,0.12)",
 	band: "rgba(51,93,229,0.04)",
-	stroke: h.schwarz,
-	componentFill: h.weiss,
-	anchorFill: h.schwarz,
+	stroke: g.schwarz,
+	componentFill: g.weiss,
+	anchorFill: g.schwarz,
 	dependency: "#9E9E9E",
-	accent: h.blau,
+	accent: g.blau,
 	accentSoft: "rgba(51,93,229,0.12)",
-	flow: h.blau,
-	movement: h.danger,
-	inertia: h.schwarz,
+	flow: g.blau,
+	movement: g.danger,
+	inertia: g.schwarz,
 	noteText: "#5B5B5B",
-	pipeline: h.schwarz,
+	pipeline: g.schwarz,
 	annotationFill: "#FBF3E0",
-	plotBackground: h.weiss,
+	plotBackground: g.weiss,
 	accelerator: "#00C853",
-	deaccelerator: h.danger
+	deaccelerator: g.danger
 }, Se = [
 	{
 		id: "green",
@@ -125,7 +126,7 @@ var v = {
 		name: "Slate · neutral",
 		value: "#4A4A4A"
 	}
-], y = {
+], b = {
 	pioneers: {
 		fill: "rgba(51,93,229,0.07)",
 		stroke: "#335DE5"
@@ -138,7 +139,7 @@ var v = {
 		fill: "rgba(0,200,83,0.08)",
 		stroke: "#00C853"
 	}
-}, b = {
+}, x = {
 	family: "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
 	label: 13,
 	axis: 12,
@@ -152,8 +153,8 @@ function Ce(e, t) {
 	let r = n.cloneNode(!0), i = t ?? {
 		x: 0,
 		y: 0,
-		width: g.marginLeft + g.width + g.marginRight,
-		height: g.marginTop + g.height + g.marginBottom
+		width: _.marginLeft + _.width + _.marginRight,
+		height: _.marginTop + _.height + _.marginBottom
 	};
 	r.setAttribute("xmlns", "http://www.w3.org/2000/svg"), r.setAttribute("viewBox", `${i.x} ${i.y} ${i.width} ${i.height}`), r.setAttribute("width", String(i.width)), r.setAttribute("height", String(i.height));
 	let a = r.querySelector(".viewport");
@@ -280,7 +281,49 @@ var Ee = class {
 	get container() {
 		return this._container;
 	}
-}, De = class {
+};
+//#endregion
+//#region src/model/di-types.ts
+function De(e) {
+	return typeof e == "object" && !!e;
+}
+function S(e) {
+	return De(e) && typeof e.wardleyType == "string" && "evolution" in e;
+}
+var Oe = /* @__PURE__ */ new Set(["dependency", "flow"]);
+function C(e) {
+	return De(e) && Oe.has(e.wardleyType);
+}
+function w(e) {
+	return S(e) && e.wardleyType === "component";
+}
+function T(e) {
+	return S(e) && e.wardleyType === "pipeline";
+}
+function ke(e) {
+	return S(e) && e.wardleyType === "attitude";
+}
+//#endregion
+//#region src/layout/WardleyLayouter.ts
+function E(e) {
+	return T(e) ? {
+		x: e.x + e.width / 2,
+		y: e.y
+	} : {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+var D = class extends l {
+	layoutConnection(e, t = {}) {
+		let n = t.source ?? e.source, r = t.target ?? e.target;
+		return super.layoutConnection(e, {
+			...t,
+			...n ? { connectionStart: E(n) } : {},
+			...r ? { connectionEnd: E(r) } : {}
+		});
+	}
+}, O = { layouter: ["type", D] }, Ae = class {
 	elementFactory;
 	grid;
 	elementRegistry;
@@ -325,7 +368,7 @@ var Ee = class {
 		return this.node("anchor", e.id, e.label, e.position.visibility, e.position.evolution, e, { ...e.labelOffset ? { labelOffset: e.labelOffset } : {} });
 	}
 	createNote(e) {
-		let { width: t, height: n } = _(e.label), r = this.grid.toCanvas(e.position);
+		let { width: t, height: n } = v(e.label), r = this.grid.toCanvas(e.position);
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: r.x - t / 2,
@@ -450,7 +493,7 @@ var Ee = class {
 			isFrame: !0
 		});
 		if (e === "note") {
-			let { width: e, height: t } = _(r);
+			let { width: e, height: t } = v(r);
 			return this.elementFactory.createShape({
 				width: e,
 				height: t,
@@ -506,7 +549,7 @@ var Ee = class {
 			id: t.id,
 			source: n,
 			target: r,
-			waypoints: [Oe(n), Oe(r)],
+			waypoints: [E(n), E(r)],
 			wardleyType: e,
 			bidirectional: i,
 			...a ? { flowValue: a } : {},
@@ -514,67 +557,35 @@ var Ee = class {
 			businessObject: t
 		});
 	}
-};
-function Oe(e) {
-	return e.wardleyType === "pipeline" ? {
-		x: e.x + e.width / 2,
-		y: e.y
-	} : {
-		x: e.x + e.width / 2,
-		y: e.y + e.height / 2
-	};
-}
-//#endregion
-//#region src/model/di-types.ts
-function x(e) {
-	return typeof e == "object" && !!e;
-}
-function S(e) {
-	return x(e) && typeof e.wardleyType == "string" && "evolution" in e;
-}
-function C(e) {
-	return x(e) && typeof e.wardleyType == "string" && "waypoints" in e;
-}
-function w(e) {
-	return S(e) && e.wardleyType === "component";
-}
-function T(e) {
-	return S(e) && e.wardleyType === "pipeline";
-}
-function ke(e) {
-	return S(e) && e.wardleyType === "attitude";
-}
-//#endregion
-//#region src/model/index.ts
-var E = { wardleyElementFactory: ["type", De] }, Ae = "wardley-axes";
-function D(e) {
+}, je = { wardleyElementFactory: ["type", Ae] }, Me = "wardley-axes";
+function Ne(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var O = class {
+var Pe = class {
 	canvas;
 	static $inject = ["canvas"];
 	boundaries = o;
 	labels = i;
 	yAxisLabel = "Value Chain";
 	yAxisEndLabels = ["invisible", "visible"];
-	plotWidth = g.width;
-	plotHeight = g.height;
+	plotWidth = _.width;
+	plotHeight = _.height;
 	constructor(e) {
 		this.canvas = e;
 	}
 	configure(e) {
-		this.boundaries = e.stageBoundaries ?? o, this.labels = e.evolutionLabels ?? i, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? ["invisible", "visible"], this.plotWidth = Math.max(e.size?.width ?? g.width, be.width), this.plotHeight = Math.max(e.size?.height ?? g.height, be.height);
+		this.boundaries = e.stageBoundaries ?? o, this.labels = e.evolutionLabels ?? i, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? ["invisible", "visible"], this.plotWidth = Math.max(e.size?.width ?? _.width, be.width), this.plotHeight = Math.max(e.size?.height ?? _.height, be.height);
 	}
 	toCanvas(e) {
 		return {
-			x: g.marginLeft + e.evolution * this.plotWidth,
-			y: g.marginTop + (1 - e.visibility) * this.plotHeight
+			x: _.marginLeft + e.evolution * this.plotWidth,
+			y: _.marginTop + (1 - e.visibility) * this.plotHeight
 		};
 	}
 	fromCanvas(e) {
 		return {
-			evolution: D((e.x - g.marginLeft) / this.plotWidth),
-			visibility: D(1 - (e.y - g.marginTop) / this.plotHeight)
+			evolution: Ne((e.x - _.marginLeft) / this.plotWidth),
+			visibility: Ne(1 - (e.y - _.marginTop) / this.plotHeight)
 		};
 	}
 	stageOf(e) {
@@ -593,17 +604,17 @@ var O = class {
 		return {
 			x: 0,
 			y: 0,
-			width: g.marginLeft + this.plotWidth + g.marginRight,
-			height: g.marginTop + this.plotHeight + g.marginBottom
+			width: _.marginLeft + this.plotWidth + _.marginRight,
+			height: _.marginTop + this.plotHeight + _.marginBottom
 		};
 	}
 	render() {
-		let e = this.canvas.getLayer(Ae, -1);
-		d(e);
-		let t = g.marginLeft, n = g.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
-		l(e, je(t, n, this.plotWidth, this.plotHeight, {
-			fill: v.plotBackground,
-			stroke: v.grid
+		let e = this.canvas.getLayer(Me, -1);
+		f(e);
+		let t = _.marginLeft, n = _.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
+		u(e, Fe(t, n, this.plotWidth, this.plotHeight, {
+			fill: y.plotBackground,
+			stroke: y.grid
 		}));
 		let a = [
 			0,
@@ -612,46 +623,46 @@ var O = class {
 		];
 		for (let r = 0; r < 4; r++) {
 			let o = t + a[r] * this.plotWidth, s = t + a[r + 1] * this.plotWidth;
-			r % 2 == 1 && l(e, je(o, n, s - o, this.plotHeight, {
-				fill: v.band,
+			r % 2 == 1 && u(e, Fe(o, n, s - o, this.plotHeight, {
+				fill: y.band,
 				stroke: "none"
-			})), r > 0 && l(e, k(o, n, o, i, {
-				stroke: v.grid,
+			})), r > 0 && u(e, k(o, n, o, i, {
+				stroke: y.grid,
 				"stroke-dasharray": "3 5"
 			}));
 			let c = (o + s) / 2;
-			l(e, A(this.labels[r].toUpperCase(), c, i + 18, {
+			u(e, A(this.labels[r].toUpperCase(), c, i + 18, {
 				"text-anchor": "middle",
-				"font-size": b.stage,
+				"font-size": x.stage,
 				"letter-spacing": "0.08em",
-				fill: v.axisText
+				fill: y.axisText
 			}));
 		}
-		l(e, k(t, i, r + 10, i, { stroke: v.axis })), l(e, Me(r + 10, i, "right")), l(e, A("Evolution", r + 6, i + 38, {
+		u(e, k(t, i, r + 10, i, { stroke: y.axis })), u(e, Ie(r + 10, i, "right")), u(e, A("Evolution", r + 6, i + 38, {
 			"text-anchor": "end",
-			"font-size": b.axis,
-			fill: v.axisText,
+			"font-size": x.axis,
+			fill: y.axisText,
 			"font-style": "italic"
-		})), l(e, k(t, i, t, n - 10, { stroke: v.axis })), l(e, Me(t, n - 10, "up"));
+		})), u(e, k(t, i, t, n - 10, { stroke: y.axis })), u(e, Ie(t, n - 10, "up"));
 		let o = A(this.yAxisLabel, 0, 0, {
 			"text-anchor": "middle",
-			"font-size": b.axis,
-			fill: v.axisText,
+			"font-size": x.axis,
+			fill: y.axisText,
 			"font-style": "italic"
 		});
-		u(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), l(e, o), l(e, A(this.yAxisEndLabels[1], t - 10, n + 11, {
+		d(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), u(e, o), u(e, A(this.yAxisEndLabels[1], t - 10, n + 11, {
 			"text-anchor": "end",
-			"font-size": b.stage,
-			fill: v.axisText
-		})), l(e, A(this.yAxisEndLabels[0], t - 10, i - 2, {
+			"font-size": x.stage,
+			fill: y.axisText
+		})), u(e, A(this.yAxisEndLabels[0], t - 10, i - 2, {
 			"text-anchor": "end",
-			"font-size": b.stage,
-			fill: v.axisText
+			"font-size": x.stage,
+			fill: y.axisText
 		}));
 	}
 };
-function je(e, t, n, r, i) {
-	return u(f("rect"), {
+function Fe(e, t, n, r, i) {
+	return d(p("rect"), {
 		x: e,
 		y: t,
 		width: n,
@@ -661,7 +672,7 @@ function je(e, t, n, r, i) {
 	});
 }
 function k(e, t, n, r, i) {
-	return u(f("line"), {
+	return d(p("line"), {
 		x1: e,
 		y1: t,
 		x2: n,
@@ -671,43 +682,45 @@ function k(e, t, n, r, i) {
 	});
 }
 function A(e, t, n, r) {
-	let i = u(f("text"), {
+	let i = d(p("text"), {
 		x: t,
 		y: n,
-		"font-family": b.family,
+		"font-family": x.family,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function Me(e, t, n) {
+function Ie(e, t, n) {
 	let r = n === "right" ? `${e - 5},${t - 5} ${e + 2},${t} ${e - 5},${t + 5}` : `${e - 5},${t + 5} ${e},${t - 2} ${e + 5},${t + 5}`;
-	return u(f("polygon"), {
+	return d(p("polygon"), {
 		points: r,
-		fill: v.axis
+		fill: y.axis
 	});
 }
 //#endregion
 //#region src/evolution-grid/EvolutionConstraintBehavior.ts
-var Ne = [
+var Le = [
 	"shape.move",
 	"shape.create",
 	"shape.resize",
 	"elements.move",
 	"elements.create"
-], Pe = class extends ee {
+], Re = class extends ee {
 	eventBus;
 	grid;
 	elementRegistry;
+	layouter;
 	static $inject = [
 		"eventBus",
 		"evolutionGrid",
-		"elementRegistry"
+		"elementRegistry",
+		"layouter"
 	];
-	constructor(e, t, n) {
-		super(e), this.eventBus = e, this.grid = t, this.elementRegistry = n;
-		let r = (e) => this.syncAll(e.context);
-		this.postExecuted(Ne, r), this.reverted(Ne, r);
-		let i = (e) => {
+	constructor(e, t, n, r) {
+		super(e), this.eventBus = e, this.grid = t, this.elementRegistry = n, this.layouter = r;
+		let i = (e) => this.syncAll(e.context);
+		this.postExecuted(Le, i), this.reverted(Le, i);
+		let a = (e) => {
 			if ([
 				e.context?.shape,
 				e.context?.element,
@@ -718,11 +731,11 @@ var Ne = [
 			"shape.create",
 			"shape.delete",
 			"element.updateProperties"
-		], i), this.reverted([
+		], a), this.reverted([
 			"shape.create",
 			"shape.delete",
 			"element.updateProperties"
-		], i);
+		], a);
 	}
 	syncAll(e) {
 		if (!e) return;
@@ -742,8 +755,8 @@ var Ne = [
 			}), r = this.grid.fromCanvas({
 				x: e.x + e.width,
 				y: t
-			}), [i, a] = Le(n.evolution, r.evolution);
-			e.evolutionStart = i, e.evolutionEnd = a, e.evolution = Ie((i + a) / 2), e.visibility = n.visibility;
+			}), [i, a] = Ve(n.evolution, r.evolution);
+			e.evolutionStart = i, e.evolutionEnd = a, e.evolution = Be((i + a) / 2), e.visibility = n.visibility;
 			let o = this.grid.toCanvas({
 				visibility: e.visibility,
 				evolution: i
@@ -803,37 +816,37 @@ var Ne = [
 	}
 	fireChanged(e) {
 		this.eventBus.fire("element.changed", { element: e });
-		for (let t of [...e.incoming ?? [], ...e.outgoing ?? []]) this.eventBus.fire("element.changed", { element: t });
+		for (let t of [...e.incoming ?? [], ...e.outgoing ?? []]) t.waypoints = this.layouter.layoutConnection(t), this.eventBus.fire("element.changed", { element: t });
 	}
-}, Fe = .001;
-function Ie(e) {
+}, ze = .001;
+function Be(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function Le(e, t) {
-	let n = Ie(Math.max(t, e + Fe));
-	return [Math.max(0, Math.min(e, n - Fe)), n];
+function Ve(e, t) {
+	let n = Be(Math.max(t, e + ze));
+	return [Math.max(0, Math.min(e, n - ze)), n];
 }
 //#endregion
 //#region src/evolution-grid/index.ts
-var j = { evolutionGrid: ["type", O] }, Re = {
+var j = { evolutionGrid: ["type", Pe] }, He = {
 	__init__: ["evolutionConstraintBehavior"],
-	__depends__: [j],
-	evolutionConstraintBehavior: ["type", Pe]
-}, M = "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z", ze = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z", Be = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z", Ve = "M15.5 5H11l5 7-5 7h4.5l5-7zM8.5 5H4l5 7-5 7h4.5l5-7z", N = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z", P = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", He = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z", Ue = "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z", We = "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z", Ge = "M4 7v2c0 .55-.45 1-1 1H2v2h1c.55 0 1 .45 1 1v2c0 1.65 1.35 3 3 3h1v-2H7c-.55 0-1-.45-1-1v-2c0-.84-.35-1.61-.92-2.18L4.85 12l.23-.82C5.65 10.61 6 9.84 6 9V7c0-.55.45-1 1-1h1V4H7C5.35 4 4 5.35 4 7zm16 3c-.55 0-1-.45-1-1V7c0-1.65-1.35-3-3-3h-1v2h1c.55 0 1 .45 1 1v2c0 .84.35 1.61.92 2.18l.23.82-.23.82c-.57.57-.92 1.34-.92 2.18v2c0 .55-.45 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-2c0-.55.45-1 1-1h1v-2h-1z", Ke = "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z", qe = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", Je = "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z", Ye = "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z", Xe = "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z", Ze = "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z", Qe = "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z", $e = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z", et = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", tt = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z", nt = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z", rt = "M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z", it = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", at = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", ot = "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z";
-function st(e, t, n, r, i) {
-	let a = f("g"), o = r / 24;
-	return u(a, {
+	__depends__: [j, O],
+	evolutionConstraintBehavior: ["type", Re]
+}, M = "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z", Ue = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z", We = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z", Ge = "M15.5 5H11l5 7-5 7h4.5l5-7zM8.5 5H4l5 7-5 7h4.5l5-7z", N = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z", P = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Ke = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z", qe = "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z", Je = "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z", Ye = "M4 7v2c0 .55-.45 1-1 1H2v2h1c.55 0 1 .45 1 1v2c0 1.65 1.35 3 3 3h1v-2H7c-.55 0-1-.45-1-1v-2c0-.84-.35-1.61-.92-2.18L4.85 12l.23-.82C5.65 10.61 6 9.84 6 9V7c0-.55.45-1 1-1h1V4H7C5.35 4 4 5.35 4 7zm16 3c-.55 0-1-.45-1-1V7c0-1.65-1.35-3-3-3h-1v2h1c.55 0 1 .45 1 1v2c0 .84.35 1.61.92 2.18l.23.82-.23.82c-.57.57-.92 1.34-.92 2.18v2c0 .55-.45 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-2c0-.55.45-1 1-1h1v-2h-1z", Xe = "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z", Ze = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", Qe = "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z", $e = "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z", et = "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z", tt = "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z", nt = "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z", rt = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z", it = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", at = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z", ot = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z", st = "M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z", ct = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", lt = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", ut = "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z";
+function F(e, t, n, r, i) {
+	let a = p("g"), o = r / 24;
+	return d(a, {
 		transform: `translate(${t - r / 2}, ${n - r / 2}) scale(${o})`,
 		fill: i,
 		stroke: "none"
-	}), l(a, u(f("path"), { d: e })), a;
+	}), u(a, d(p("path"), { d: e })), a;
 }
-function ct(e, t = 18) {
+function dt(e, t = 18) {
 	return `<svg viewBox="0 0 24 24" width="${t}" height="${t}" fill="currentColor" aria-hidden="true"><path d="${e}"/></svg>`;
 }
 //#endregion
 //#region src/draw/WardleyRenderer.ts
-var lt = 1500, ut = class extends te {
+var ft = 1500, pt = class extends te {
 	grid;
 	elementRegistry;
 	static $inject = [
@@ -842,7 +855,7 @@ var lt = 1500, ut = class extends te {
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		super(e, lt), this.grid = t, this.elementRegistry = n;
+		super(e, ft), this.grid = t, this.elementRegistry = n;
 	}
 	canRender(e) {
 		return S(e) || C(e);
@@ -862,36 +875,36 @@ var lt = 1500, ut = class extends te {
 		}
 	}
 	drawDrawing(e, t) {
-		let n = t.drawingPoints ?? [], r = t.strokeStyle === "dashed" ? "8 5" : t.strokeStyle === "dotted" ? "2 4" : void 0, i = u(f(t.closed ? "polygon" : "polyline"), {
+		let n = t.drawingPoints ?? [], r = t.strokeStyle === "dashed" ? "8 5" : t.strokeStyle === "dotted" ? "2 4" : void 0, i = d(p(t.closed ? "polygon" : "polyline"), {
 			points: n.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: t.color ?? v.ink,
+			stroke: t.color ?? y.ink,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			...r ? { "stroke-dasharray": r } : {}
 		});
-		return l(e, i), i;
+		return u(e, i), i;
 	}
 	drawConnection(e, t) {
-		let n = t, r = n.wardleyType === "flow", i = r ? v.flow : v.dependency, [a, o] = _t(n), s = u(f("polyline"), {
+		let n = t, r = n.wardleyType === "flow", i = r ? y.flow : y.dependency, [a, o] = yt(n), s = d(p("polyline"), {
 			points: `${a.x},${a.y} ${o.x},${o.y}`,
 			fill: "none",
 			stroke: i,
 			"stroke-width": r ? 2.5 : 1.5,
 			"stroke-linecap": "round"
 		});
-		l(e, s), r && (l(e, L(a, o, i, 11, 5)), n.bidirectional && l(e, L(o, a, i, 11, 5)));
-		let c = (a.x + o.x) / 2, d = (a.y + o.y) / 2;
-		return r && n.flowValue && l(e, I(n.flowValue, c, d - 5, {
+		u(e, s), r && (u(e, R(a, o, i, 11, 5)), n.bidirectional && u(e, R(o, a, i, 11, 5)));
+		let c = (a.x + o.x) / 2, l = (a.y + o.y) / 2;
+		return r && n.flowValue && u(e, L(n.flowValue, c, l - 5, {
 			"text-anchor": "middle",
 			"font-size": 11,
-			fill: v.flow
-		})), n.linkLabel && l(e, I(n.linkLabel, c, d + (n.flowValue ? 12 : -4), {
+			fill: y.flow
+		})), n.linkLabel && u(e, L(n.linkLabel, c, l + (n.flowValue ? 12 : -4), {
 			"text-anchor": "middle",
 			"font-size": 11,
 			"font-style": "italic",
-			fill: v.axisText
+			fill: y.axisText
 		})), s;
 	}
 	getShapePath(e) {
@@ -904,17 +917,17 @@ var lt = 1500, ut = class extends te {
 	}
 	drawComponent(e, t) {
 		let n = t.width / 2, r = t.height / 2, i = t.decorators;
-		t.movement && this.drawMovement(e, t, n, r), i?.inertia && dt(e, n, r);
-		let a = t.color ?? v.stroke, o = F(n, r, 15, {
-			fill: v.componentFill,
+		t.movement && this.drawMovement(e, t, n, r), i?.inertia && mt(e, n, r);
+		let a = t.color ?? y.stroke, o = I(n, r, 15, {
+			fill: y.componentFill,
 			stroke: a,
 			"stroke-width": 2
 		});
-		return l(e, o), t.movement && l(e, F(n, r, 12, {
+		return u(e, o), t.movement && u(e, I(n, r, 12, {
 			fill: "none",
 			stroke: a,
 			"stroke-width": 1.5
-		})), ft(e, n, r, a, i), pt(e, t, n, r), o;
+		})), ht(e, n, r, a, i), gt(e, t, n, r), o;
 	}
 	drawMovement(e, t, n, r) {
 		let i = t.movement;
@@ -926,58 +939,58 @@ var lt = 1500, ut = class extends te {
 			visibility: t.visibility,
 			evolution: i.targetEvolution
 		}).x - a.x, s = n + o, c = s - (Math.sign(o) || 1) * 17;
-		l(e, mt(n, r, c, r, {
-			stroke: v.movement,
+		u(e, _t(n, r, c, r, {
+			stroke: y.movement,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "6 4"
-		})), l(e, L({
+		})), u(e, R({
 			x: n,
 			y: r
 		}, {
 			x: c,
 			y: r
-		}, v.movement)), l(e, F(s, r, 15, {
-			fill: v.paper,
-			stroke: v.movement,
+		}, y.movement)), u(e, I(s, r, 15, {
+			fill: y.paper,
+			stroke: y.movement,
 			"stroke-width": 2,
 			class: "wardley-evolve-handle"
-		})), l(e, I(i.newLabel ?? t.wardleyLabel, s + 15 + 7, r - 4, {
+		})), u(e, L(i.newLabel ?? t.wardleyLabel, s + 15 + 7, r - 4, {
 			"font-weight": "500",
-			fill: v.movement
-		})), i.method && l(e, I(i.method, s + 15 + 7, r + 11, {
+			fill: y.movement
+		})), i.method && u(e, L(i.method, s + 15 + 7, r + 11, {
 			"font-size": 10.5,
-			fill: v.movement
+			fill: y.movement
 		}));
 	}
 	drawAnchor(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = st(M, n, r, 26, t.color ?? v.ink);
-		return l(e, i), l(e, I(t.wardleyLabel, n + (t.labelOffset?.dx ?? 0), r - 13 - 4 + (t.labelOffset?.dy ?? 0), {
+		let n = t.width / 2, r = t.height / 2, i = F(M, n, r, 26, t.color ?? y.ink);
+		return u(e, i), u(e, L(t.wardleyLabel, n + (t.labelOffset?.dx ?? 0), r - 13 - 4 + (t.labelOffset?.dy ?? 0), {
 			"text-anchor": "middle",
 			"font-weight": "700",
 			...t.color ? { fill: t.color } : {}
 		})), i;
 	}
 	drawPipeline(e, t) {
-		let n = Math.max(t.width, 1), r = t.color, i = u(f("rect"), {
+		let n = Math.max(t.width, 1), r = t.color, i = d(p("rect"), {
 			x: 0,
 			y: 0,
 			width: n,
 			height: Math.max(t.height, 1),
 			rx: 4,
 			fill: "none",
-			stroke: r ?? v.pipeline,
+			stroke: r ?? y.pipeline,
 			"stroke-width": 1.25,
 			"stroke-dasharray": "6 3"
 		});
-		return l(e, i), !this.elementRegistry.filter((e) => S(e) && e.wardleyType === "component").some((e) => e.wardleyLabel === t.wardleyLabel) && (l(e, u(f("rect"), {
+		return u(e, i), !this.elementRegistry.filter((e) => S(e) && e.wardleyType === "component").some((e) => e.wardleyLabel === t.wardleyLabel) && (u(e, d(p("rect"), {
 			x: n / 2 - 8,
 			y: -8,
 			width: 16,
 			height: 16,
-			fill: v.componentFill,
-			stroke: r ?? v.stroke,
+			fill: y.componentFill,
+			stroke: r ?? y.stroke,
 			"stroke-width": 2
-		})), l(e, I(t.wardleyLabel, n / 2 + 8 + 6, -4, {
+		})), u(e, L(t.wardleyLabel, n / 2 + 8 + 6, -4, {
 			"font-weight": "500",
 			...r ? { fill: r } : {}
 		}))), i;
@@ -985,17 +998,17 @@ var lt = 1500, ut = class extends te {
 	drawNote(e, t) {
 		let n = t.color, r = (t.wardleyLabel ?? "").split("\n"), i = t.width / 2, a = t.height / 2 - (r.length - 1) * 17 / 2 + 4, o = {
 			"text-anchor": "middle",
-			fill: n ?? v.noteText,
+			fill: n ?? y.noteText,
 			"font-style": "italic",
 			...n ? { "font-weight": "600" } : {}
 		}, s;
 		return r.forEach((t, n) => {
-			let r = I(t, i, a + n * 17, o);
-			l(e, r), s ||= r;
-		}), s ?? f("text");
+			let r = L(t, i, a + n * 17, o);
+			u(e, r), s ||= r;
+		}), s ?? p("text");
 	}
 	drawAttitude(e, t) {
-		let n = y[t.attitudeKind ?? "pioneers"] ?? y.pioneers, r = t.color ?? n.stroke, i = u(f("rect"), {
+		let n = b[t.attitudeKind ?? "pioneers"] ?? b.pioneers, r = t.color ?? n.stroke, i = d(p("rect"), {
 			x: 0,
 			y: 0,
 			width: Math.max(t.width, 1),
@@ -1006,43 +1019,43 @@ var lt = 1500, ut = class extends te {
 			"stroke-width": 1.25,
 			"stroke-dasharray": "5 4"
 		});
-		return l(e, i), l(e, I(t.wardleyLabel && t.wardleyLabel !== t.attitudeKind ? t.wardleyLabel : vt(t.attitudeKind ?? "pioneers"), 10, 18, {
+		return u(e, i), u(e, L(t.wardleyLabel && t.wardleyLabel !== t.attitudeKind ? t.wardleyLabel : bt(t.attitudeKind ?? "pioneers"), 10, 18, {
 			fill: r,
 			"font-weight": "700",
 			"letter-spacing": "0.04em"
 		})), i;
 	}
 	drawAnnotation(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = F(n, r, 10, {
-			fill: v.annotationFill,
-			stroke: t.color ?? v.stroke,
+		let n = t.width / 2, r = t.height / 2, i = I(n, r, 10, {
+			fill: y.annotationFill,
+			stroke: t.color ?? y.stroke,
 			"stroke-width": 1.25
 		});
-		return l(e, i), l(e, I(String(t.annotationNumber ?? ""), n, r + 4, {
+		return u(e, i), u(e, L(String(t.annotationNumber ?? ""), n, r + 4, {
 			"text-anchor": "middle",
 			"font-size": 11,
 			"font-weight": "700"
-		}, !1)), t.wardleyLabel && l(e, I(t.wardleyLabel, n + 15, r + 4, {
+		}, !1)), t.wardleyLabel && u(e, L(t.wardleyLabel, n + 15, r + 4, {
 			"font-size": 12,
-			fill: v.noteText
+			fill: y.noteText
 		})), i;
 	}
 	drawAccelerator(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = st(i ? et : tt, n, r, 24, t.color ?? (i ? v.accelerator : v.deaccelerator));
-		return l(e, a), t.wardleyLabel && l(e, I(t.wardleyLabel, n + 15, r + 5, { "font-size": 12 })), a;
+		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = F(i ? it : at, n, r, 24, t.color ?? (i ? y.accelerator : y.deaccelerator));
+		return u(e, a), t.wardleyLabel && u(e, L(t.wardleyLabel, n + 15, r + 5, { "font-size": 12 })), a;
 	}
 	drawSubmap(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.color ?? v.stroke, a = u(f("rect"), {
+		let n = t.width / 2, r = t.height / 2, i = t.color ?? y.stroke, a = d(p("rect"), {
 			x: n - 16,
 			y: r - 16,
 			width: 32,
 			height: 32,
 			rx: 3,
-			fill: v.componentFill,
+			fill: y.componentFill,
 			stroke: i,
 			"stroke-width": 2
 		});
-		return l(e, a), l(e, u(f("rect"), {
+		return u(e, a), u(e, d(p("rect"), {
 			x: n - 16 + 3,
 			y: r - 16 + 3,
 			width: 26,
@@ -1051,22 +1064,22 @@ var lt = 1500, ut = class extends te {
 			fill: "none",
 			stroke: i,
 			"stroke-width": 1
-		})), l(e, I(t.wardleyLabel, n + 16 + 6, r - 6, {
+		})), u(e, L(t.wardleyLabel, n + 16 + 6, r - 6, {
 			"font-weight": "500",
 			...t.color ? { fill: t.color } : {}
 		})), a;
 	}
 };
-function dt(e, t, n) {
+function mt(e, t, n) {
 	let r = t + 15 + 3;
-	l(e, mt(r, n - 13, r, n + 13, {
-		stroke: v.inertia,
+	u(e, _t(r, n - 13, r, n + 13, {
+		stroke: y.inertia,
 		"stroke-width": 3,
 		"stroke-linecap": "round"
 	}));
 }
-function ft(e, t, n, r, i) {
-	if (i?.ecosystem && l(e, F(t, n, 18.5, {
+function ht(e, t, n, r, i) {
+	if (i?.ecosystem && u(e, I(t, n, 18.5, {
 		fill: "none",
 		stroke: r,
 		"stroke-width": 1.25,
@@ -1076,20 +1089,20 @@ function ft(e, t, n, r, i) {
 		[0, -3.8],
 		[-3.4, 2.4],
 		[3.4, 2.4]
-	]) l(e, F(t + i, n + a, 1.7, { fill: r }));
+	]) u(e, I(t + i, n + a, 1.7, { fill: r }));
 }
-function pt(e, t, n, r) {
+function gt(e, t, n, r) {
 	let i = t.decorators, a = n + 15 + 7 + (t.labelOffset?.dx ?? 0), o = r - 4 + (t.labelOffset?.dy ?? 0);
-	l(e, I(t.wardleyLabel, a, o, {
+	u(e, L(t.wardleyLabel, a, o, {
 		"font-weight": "500",
 		...t.color ? { fill: t.color } : {}
-	})), i?.method && l(e, I(i.method, a, o + 15, {
+	})), i?.method && u(e, L(i.method, a, o + 15, {
 		"font-size": 10.5,
-		fill: v.axisText
+		fill: y.axisText
 	}));
 }
-function F(e, t, n, r) {
-	return u(f("circle"), {
+function I(e, t, n, r) {
+	return d(p("circle"), {
 		cx: e,
 		cy: t,
 		r: n,
@@ -1097,8 +1110,8 @@ function F(e, t, n, r) {
 		...r
 	});
 }
-function mt(e, t, n, r, i) {
-	return u(f("line"), {
+function _t(e, t, n, r, i) {
+	return d(p("line"), {
 		x1: e,
 		y1: t,
 		x2: n,
@@ -1106,43 +1119,34 @@ function mt(e, t, n, r, i) {
 		...i
 	});
 }
-function I(e, t, n, r = {}, i = !0) {
+function L(e, t, n, r = {}, i = !0) {
 	let a = i ? {
-		stroke: v.paper,
+		stroke: y.paper,
 		"stroke-width": 3.5,
 		"paint-order": "stroke",
 		"stroke-linejoin": "round"
-	} : {}, o = u(f("text"), {
+	} : {}, o = d(p("text"), {
 		x: t,
 		y: n,
-		"font-family": b.family,
-		"font-size": b.label,
-		fill: v.ink,
+		"font-family": x.family,
+		"font-size": x.label,
+		fill: y.ink,
 		...a,
 		...r
 	});
 	return o.textContent = e, o;
 }
-function L(e, t, n, r = 10, i = 5) {
+function R(e, t, n, r = 10, i = 5) {
 	let a = Math.atan2(t.y - e.y, t.x - e.x), o = t.x - r * Math.cos(a), s = t.y - r * Math.sin(a), c = `${t.x},${t.y} ${o - i * Math.sin(a)},${s + i * Math.cos(a)} ${o + i * Math.sin(a)},${s - i * Math.cos(a)}`;
-	return u(f("polygon"), {
+	return d(p("polygon"), {
 		points: c,
 		fill: n
 	});
 }
-function ht(e) {
+function vt(e) {
 	return e.wardleyType === "component" ? 17 : e.wardleyType === "anchor" ? 14 : e.wardleyType === "pipeline" ? 10 : Math.min(e.width, e.height) / 2;
 }
-function gt(e) {
-	return e.wardleyType === "pipeline" ? {
-		x: e.x + e.width / 2,
-		y: e.y
-	} : {
-		x: e.x + e.width / 2,
-		y: e.y + e.height / 2
-	};
-}
-function _t(e) {
+function yt(e) {
 	let t = e.source, n = e.target, r = e.waypoints;
 	if (!t || !n) {
 		let e = r[0] ?? {
@@ -1151,7 +1155,7 @@ function _t(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	let i = gt(t), a = gt(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = ht(t), f = ht(n);
+	let i = E(t), a = E(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = vt(t), f = vt(n);
 	return c <= d + f + 2 ? [i, a] : [{
 		x: i.x + l * d,
 		y: i.y + u * d
@@ -1160,15 +1164,15 @@ function _t(e) {
 		y: a.y - u * f
 	}];
 }
-function vt(e) {
+function bt(e) {
 	return e && e.charAt(0).toUpperCase() + e.slice(1);
 }
 //#endregion
 //#region src/draw/index.ts
-var yt = {
+var xt = {
 	__init__: ["wardleyRenderer"],
-	wardleyRenderer: ["type", ut]
-}, bt = /* @__PURE__ */ new Set(["attitude", "pipeline"]), xt = {
+	wardleyRenderer: ["type", pt]
+}, St = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ct = {
 	attitude: 0,
 	pipeline: 1,
 	note: 2,
@@ -1177,7 +1181,7 @@ var yt = {
 	annotation: 5,
 	submap: 3,
 	accelerator: 3
-}, St = class {
+}, wt = class {
 	canvas;
 	elementFactory;
 	factory;
@@ -1209,7 +1213,7 @@ var yt = {
 		}
 		let i;
 		r && r.id === "wardley-root" ? i = r : (i = this.elementFactory.createRoot({ id: we }), this.canvas.setRootElement(i)), i.businessObject = n, this.grid.render();
-		let a = /* @__PURE__ */ new Map(), o = [...e.elements].sort((e, t) => (xt[e.elementType] ?? 9) - (xt[t.elementType] ?? 9)), s = o.filter((e) => bt.has(e.elementType)), c = o.filter((e) => !bt.has(e.elementType)), l = 0;
+		let a = /* @__PURE__ */ new Map(), o = [...e.elements].sort((e, t) => (Ct[e.elementType] ?? 9) - (Ct[t.elementType] ?? 9)), s = o.filter((e) => St.has(e.elementType)), c = o.filter((e) => !St.has(e.elementType)), l = 0;
 		for (let e of s) {
 			let t = this.createShape(e);
 			t && (this.canvas.addShape(t, i), a.set(e.id, t), l++);
@@ -1261,12 +1265,12 @@ var yt = {
 };
 //#endregion
 //#region src/io/WardleyExporter.ts
-function R(e) {
+function z(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var Ct = class {
+var Tt = class {
 	elementRegistry;
 	canvas;
 	grid;
@@ -1331,7 +1335,7 @@ var Ct = class {
 			evolution: e.evolution
 		}, n = e.businessObject;
 		switch (e.wardleyType) {
-			case "component": return R({
+			case "component": return z({
 				id: e.id,
 				elementType: "component",
 				label: e.wardleyLabel,
@@ -1343,7 +1347,7 @@ var Ct = class {
 				url: n?.url,
 				color: e.color
 			});
-			case "anchor": return R({
+			case "anchor": return z({
 				id: e.id,
 				elementType: "anchor",
 				label: e.wardleyLabel,
@@ -1351,7 +1355,7 @@ var Ct = class {
 				labelOffset: e.labelOffset ?? n?.labelOffset,
 				color: e.color
 			});
-			case "note": return R({
+			case "note": return z({
 				id: e.id,
 				elementType: "note",
 				label: e.wardleyLabel,
@@ -1402,7 +1406,7 @@ var Ct = class {
 					...e.color ? { color: e.color } : {}
 				};
 			}
-			case "submap": return R({
+			case "submap": return z({
 				id: e.id,
 				elementType: "submap",
 				label: e.wardleyLabel,
@@ -1432,23 +1436,23 @@ var Ct = class {
 			} : void 0;
 		}
 	}
-}, wt = {
-	wardleyImporter: ["type", St],
-	wardleyExporter: ["type", Ct]
-}, Tt = class extends Ee {
+}, Et = {
+	wardleyImporter: ["type", wt],
+	wardleyExporter: ["type", Tt]
+}, Dt = class extends Ee {
 	_getModules() {
 		return [
-			E,
+			je,
 			j,
-			yt,
-			wt
+			xt,
+			Et
 		];
 	}
-}, Et = 180, Dt = 80, Ot = 120, kt = .5, At = (e, t, n) => e < t ? t : e > n ? n : e;
-function jt(e, t, n, r) {
-	return t <= r ? At(e, n, n + r - t) : n + r / 2 - t / 2;
+}, Ot = 180, kt = 80, At = 120, jt = .5, Mt = (e, t, n) => e < t ? t : e > n ? n : e;
+function Nt(e, t, n, r) {
+	return t <= r ? Mt(e, n, n + r - t) : n + r / 2 - t / 2;
 }
-var Mt = class {
+var Pt = class {
 	canvas;
 	grid;
 	static $inject = [
@@ -1465,8 +1469,8 @@ var Mt = class {
 	constrain(e) {
 		let t = e ?? this.canvas.viewbox(), n = this.grid.outerBounds();
 		if (!(n.width > 0) || !(n.height > 0) || !(t.width > 0) || !(t.height > 0)) return;
-		let r = jt(t.x, t.width, n.x - Ot, n.width + 240), i = jt(t.y, t.height, n.y - Et, n.height + Et + Dt);
-		if (!(Math.abs(r - t.x) < kt && Math.abs(i - t.y) < kt)) {
+		let r = Nt(t.x, t.width, n.x - At, n.width + 240), i = Nt(t.y, t.height, n.y - Ot, n.height + Ot + kt);
+		if (!(Math.abs(r - t.x) < jt && Math.abs(i - t.y) < jt)) {
 			this.applying = !0;
 			try {
 				this.canvas.viewbox({
@@ -1480,10 +1484,10 @@ var Mt = class {
 			}
 		}
 	}
-}, Nt = {
+}, Ft = {
 	__init__: ["panConstraint"],
-	panConstraint: ["type", Mt]
-}, Pt = class extends Tt {
+	panConstraint: ["type", Pt]
+}, It = class extends Dt {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -1491,47 +1495,47 @@ var Mt = class {
 			re,
 			ie,
 			ae,
-			Nt
+			Ft
 		];
 	}
 };
 //#endregion
 //#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function Ft(e, t, n) {
+function Lt(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var It = class {
+var Rt = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], Ft(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], Lt(r, e, n[e]);
 		return e.oldProperties = i, [t];
 	}
 	revert(e) {
 		let { element: t, oldProperties: n } = e, r = t;
-		if (n) for (let e of Object.keys(n)) Ft(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) Lt(r, e, n[e]);
 		return [t];
 	}
-}, Lt = "element.updateProperties";
-function Rt(e) {
+}, zt = "element.updateProperties";
+function Bt(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var zt = class {
+var Vt = class {
 	commandStack;
 	static $inject = ["commandStack"];
 	constructor(e) {
-		this.commandStack = e, e.registerHandler(Lt, It);
+		this.commandStack = e, e.registerHandler(zt, Rt);
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(Lt, {
+		this.commandStack.execute(zt, {
 			element: e,
 			properties: t
 		});
 	}
 	updateLabel(e, t) {
 		if (e.wardleyType === "note") {
-			let { width: n, height: r } = _(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
+			let { width: n, height: r } = v(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
 			this.updateProperties(e, {
 				wardleyLabel: t,
 				width: n,
@@ -1544,8 +1548,8 @@ var zt = class {
 		this.updateProperties(e, { wardleyLabel: t });
 	}
 	evolveComponent(e, t, n = {}) {
-		let r = Bt(t);
-		r <= e.evolution || this.updateProperties(e, { movement: Rt({
+		let r = Ht(t);
+		r <= e.evolution || this.updateProperties(e, { movement: Bt({
 			targetEvolution: r,
 			newLabel: n.newLabel,
 			method: n.method
@@ -1570,12 +1574,12 @@ var zt = class {
 		this.updateProperties(e, { color: t });
 	}
 };
-function Bt(e) {
+function Ht(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
 //#endregion
 //#region src/modeling/WardleyCopyPaste.ts
-var Vt = 24, Ht = [
+var Ut = 24, Wt = [
 	"wardleyType",
 	"evolution",
 	"visibility",
@@ -1592,13 +1596,13 @@ var Vt = 24, Ht = [
 	"drawingPoints",
 	"closed",
 	"strokeStyle"
-], Ut = [
+], Gt = [
 	"wardleyType",
 	"bidirectional",
 	"flowValue",
 	"linkLabel"
 ];
-function Wt(e, t) {
+function Kt(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -1606,7 +1610,7 @@ function Wt(e, t) {
 	}
 	return n;
 }
-var Gt = class {
+var qt = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -1638,12 +1642,12 @@ var Gt = class {
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: Wt(e, Ut)
+				props: Kt(e, Gt)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => ({
-				props: Wt(e, Ht),
+				props: Kt(e, Wt),
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -1677,13 +1681,13 @@ var Gt = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [Kt(n[e.sourceIdx]), Kt(n[e.targetIdx])]
+				waypoints: [E(n[e.sourceIdx]), E(n[e.targetIdx])]
 			}))
 		};
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = Vt * this.pasteCount, n = qt(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = Ut * this.pasteCount, n = Jt(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
 			x: n.cx + t,
 			y: n.cy + t
 		}, this.canvas.getRootElement());
@@ -1702,13 +1706,7 @@ var Gt = class {
 		});
 	}
 };
-function Kt(e) {
-	return {
-		x: e.x + e.width / 2,
-		y: e.y + e.height / 2
-	};
-}
-function qt(e) {
+function Jt(e) {
 	let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.width)), i = Math.max(...e.map((e) => e.y + e.height));
 	return {
 		cx: (t + r) / 2,
@@ -1717,12 +1715,12 @@ function qt(e) {
 }
 //#endregion
 //#region src/modeling/index.ts
-var Jt = {
-	__depends__: [he, m],
+var Yt = {
+	__depends__: [he, h],
 	__init__: ["wardleyModeling"],
-	wardleyModeling: ["type", zt],
-	wardleyCopyPaste: ["type", Gt]
-}, Yt = {
+	wardleyModeling: ["type", Vt],
+	wardleyCopyPaste: ["type", qt]
+}, Xt = {
 	__depends__: [ge],
 	__init__: ["wardleyLassoBehavior"],
 	wardleyLassoBehavior: ["type", class {
@@ -1745,33 +1743,33 @@ var Jt = {
 			});
 		}
 	}]
-}, Xt = /* @__PURE__ */ new Set([
+}, Zt = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline"
 ]);
-function z(e) {
-	return S(e) && Xt.has(e.wardleyType);
+function B(e) {
+	return S(e) && Zt.has(e.wardleyType);
 }
-function Zt(e, t) {
+function Qt(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t) || (e.incoming ?? []).some((e) => e.source === t);
 }
-var Qt = class extends _e {
+var $t = class extends _e {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => z(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => B(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !z(t) || !z(n) || t === n || Zt(t, n) ? !1 : { wardleyType: "dependency" };
+			return !B(t) || !B(n) || t === n || Qt(t, n) ? !1 : { wardleyType: "dependency" };
 		}), this.addRule(["shape.move", "elements.move"], () => !0), this.addRule("shape.create", () => !0), this.addRule("elements.create", () => !0), this.addRule("shape.resize", (e) => T(e.shape) || ke(e.shape));
 	}
-}, $t = {
+}, en = {
 	__init__: ["wardleyRules"],
-	wardleyRules: ["type", Qt]
-}, en = 8, tn = {
+	wardleyRules: ["type", $t]
+}, tn = 8, nn = {
 	__init__: ["stageSnapping"],
 	stageSnapping: ["type", class {
 		static $inject = ["eventBus", "evolutionGrid"];
@@ -1787,7 +1785,7 @@ var Qt = class extends _e {
 				let t = e.context?.shape;
 				if (!t) return;
 				let r = t.x + t.width / 2 + e.dx;
-				for (let t of n()) if (Math.abs(r - t) <= en) {
+				for (let t of n()) if (Math.abs(r - t) <= tn) {
 					let n = t - r;
 					e.dx += n, e.x += n;
 					break;
@@ -1799,7 +1797,7 @@ var Qt = class extends _e {
 				"resize.end"
 			], 1500, (e) => {
 				if (!e.originalEvent?.shiftKey && typeof e.x == "number") {
-					for (let t of n()) if (Math.abs(e.x - t) <= en) {
+					for (let t of n()) if (Math.abs(e.x - t) <= tn) {
 						r(e, t);
 						break;
 					}
@@ -1807,45 +1805,45 @@ var Qt = class extends _e {
 			});
 		}
 	}]
-}, B = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, V = (e = "") => `<circle cx="12" cy="12" r="7" fill="${v.componentFill}" stroke="${v.stroke}" stroke-width="2"/>${e}`, H = {
-	draw: B(`<polyline points="3,18 8.5,7 14,14 21,4" fill="none" stroke="${v.ink}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="3" cy="18" r="2.2" fill="${v.componentFill}" stroke="${v.ink}" stroke-width="1.4"/>`),
-	lasso: B(`<rect x="3" y="3" width="13" height="13" rx="2" fill="none" stroke="${v.ink}" stroke-width="1.5" stroke-dasharray="3 2.5"/><path d="M13.5 13.5l7 2.7-3 1.3-1.3 3z" fill="${v.ink}"/>`),
-	component: B(V()),
-	market: B(V(`<circle cx="12" cy="10" r="1.4" fill="${v.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${v.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${v.stroke}"/>`)),
-	ecosystem: B(V(`<circle cx="12" cy="12" r="10" fill="none" stroke="${v.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
-	anchor: B(`<path d="${M}" fill="${v.ink}"/>`),
-	pipeline: B(`<rect x="9.5" y="2.5" width="5.5" height="5.5" fill="${v.componentFill}" stroke="${v.stroke}" stroke-width="1.5"/><rect x="2" y="10" width="20" height="9" rx="2" fill="none" stroke="${v.pipeline}" stroke-width="1.25" stroke-dasharray="3 2"/><circle cx="7" cy="14.5" r="2.2" fill="${v.componentFill}" stroke="${v.stroke}" stroke-width="1.2"/><circle cx="17" cy="14.5" r="2.2" fill="${v.componentFill}" stroke="${v.stroke}" stroke-width="1.2"/>`),
-	note: B(`<g stroke="${v.noteText}" stroke-width="1.5" stroke-linecap="round"><line x1="5" y1="8" x2="19" y2="8"/><line x1="5" y1="12" x2="19" y2="12"/><line x1="5" y1="16" x2="13" y2="16"/></g>`),
-	annotation: B(`<circle cx="12" cy="12" r="8" fill="${v.annotationFill}" stroke="${v.stroke}" stroke-width="1.25"/>` + ((e, t) => `<text x="12" text-anchor="middle" font-family="${b.family}" ${t}>${e}</text>`)("1", `y="16" font-size="11" font-weight="700" fill="${v.stroke}"`)),
-	accelerator: B(`<path d="${et}" fill="${v.accelerator}"/>`),
-	deaccelerator: B(`<path d="${tt}" fill="${v.deaccelerator}"/>`),
-	submap: B(`<rect x="4" y="4" width="16" height="16" rx="3" fill="${v.componentFill}" stroke="${v.stroke}" stroke-width="2"/><rect x="7.5" y="7.5" width="9" height="9" rx="1.5" fill="none" stroke="${v.stroke}" stroke-width="1"/>`)
+}, V = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, H = (e = "") => `<circle cx="12" cy="12" r="7" fill="${y.componentFill}" stroke="${y.stroke}" stroke-width="2"/>${e}`, U = {
+	draw: V(`<polyline points="3,18 8.5,7 14,14 21,4" fill="none" stroke="${y.ink}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="3" cy="18" r="2.2" fill="${y.componentFill}" stroke="${y.ink}" stroke-width="1.4"/>`),
+	lasso: V(`<rect x="3" y="3" width="13" height="13" rx="2" fill="none" stroke="${y.ink}" stroke-width="1.5" stroke-dasharray="3 2.5"/><path d="M13.5 13.5l7 2.7-3 1.3-1.3 3z" fill="${y.ink}"/>`),
+	component: V(H()),
+	market: V(H(`<circle cx="12" cy="10" r="1.4" fill="${y.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${y.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${y.stroke}"/>`)),
+	ecosystem: V(H(`<circle cx="12" cy="12" r="10" fill="none" stroke="${y.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
+	anchor: V(`<path d="${M}" fill="${y.ink}"/>`),
+	pipeline: V(`<rect x="9.5" y="2.5" width="5.5" height="5.5" fill="${y.componentFill}" stroke="${y.stroke}" stroke-width="1.5"/><rect x="2" y="10" width="20" height="9" rx="2" fill="none" stroke="${y.pipeline}" stroke-width="1.25" stroke-dasharray="3 2"/><circle cx="7" cy="14.5" r="2.2" fill="${y.componentFill}" stroke="${y.stroke}" stroke-width="1.2"/><circle cx="17" cy="14.5" r="2.2" fill="${y.componentFill}" stroke="${y.stroke}" stroke-width="1.2"/>`),
+	note: V(`<g stroke="${y.noteText}" stroke-width="1.5" stroke-linecap="round"><line x1="5" y1="8" x2="19" y2="8"/><line x1="5" y1="12" x2="19" y2="12"/><line x1="5" y1="16" x2="13" y2="16"/></g>`),
+	annotation: V(`<circle cx="12" cy="12" r="8" fill="${y.annotationFill}" stroke="${y.stroke}" stroke-width="1.25"/>` + ((e, t) => `<text x="12" text-anchor="middle" font-family="${x.family}" ${t}>${e}</text>`)("1", `y="16" font-size="11" font-weight="700" fill="${y.stroke}"`)),
+	accelerator: V(`<path d="${it}" fill="${y.accelerator}"/>`),
+	deaccelerator: V(`<path d="${at}" fill="${y.deaccelerator}"/>`),
+	submap: V(`<rect x="4" y="4" width="16" height="16" rx="3" fill="${y.componentFill}" stroke="${y.stroke}" stroke-width="2"/><rect x="7.5" y="7.5" width="9" height="9" rx="1.5" fill="none" stroke="${y.stroke}" stroke-width="1"/>`)
 };
-function U(e) {
-	let t = y[e] ?? {
-		fill: v.band,
-		stroke: v.dependency
+function W(e) {
+	let t = b[e] ?? {
+		fill: y.band,
+		stroke: y.dependency
 	};
-	return B(`<rect x="2" y="6" width="20" height="12" rx="3" fill="${t.fill}" stroke="${t.stroke}" stroke-width="1.5" stroke-dasharray="3 2"/>`);
+	return V(`<rect x="2" y="6" width="20" height="12" rx="3" fill="${t.fill}" stroke="${t.stroke}" stroke-width="1.5" stroke-dasharray="3 2"/>`);
 }
 //#endregion
 //#region src/palette/WardleyPaletteProvider.ts
-var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
+var G = "wardley-1-blocks", K = "wardley-2-strategy", rn = [
 	{
 		key: "component",
 		type: "component",
 		label: "Component",
 		title: "Component — C",
-		icon: H.component,
-		group: W
+		icon: U.component,
+		group: G
 	},
 	{
 		key: "market",
 		type: "component",
 		label: "Market",
 		title: "Market component",
-		icon: H.market,
-		group: W,
+		icon: U.market,
+		group: G,
 		extra: { market: !0 }
 	},
 	{
@@ -1853,8 +1851,8 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "component",
 		label: "Ecosystem",
 		title: "Ecosystem component",
-		icon: H.ecosystem,
-		group: W,
+		icon: U.ecosystem,
+		group: G,
 		extra: { ecosystem: !0 }
 	},
 	{
@@ -1862,32 +1860,32 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "anchor",
 		label: "User",
 		title: "Anchor / User — U",
-		icon: H.anchor,
-		group: W
+		icon: U.anchor,
+		group: G
 	},
 	{
 		key: "pipeline",
 		type: "pipeline",
 		label: "Pipeline",
 		title: "Pipeline",
-		icon: H.pipeline,
-		group: W
+		icon: U.pipeline,
+		group: G
 	},
 	{
 		key: "submap",
 		type: "submap",
 		label: "Submap",
 		title: "Submap",
-		icon: H.submap,
-		group: W
+		icon: U.submap,
+		group: G
 	},
 	{
 		key: "pioneers",
 		type: "attitude",
 		label: "Pioneers",
 		title: "Pioneers region",
-		icon: U("pioneers"),
-		group: G,
+		icon: W("pioneers"),
+		group: K,
 		extra: { attitudeKind: "pioneers" }
 	},
 	{
@@ -1895,8 +1893,8 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "attitude",
 		label: "Settlers",
 		title: "Settlers region",
-		icon: U("settlers"),
-		group: G,
+		icon: W("settlers"),
+		group: K,
 		extra: { attitudeKind: "settlers" }
 	},
 	{
@@ -1904,8 +1902,8 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "attitude",
 		label: "Town Planners",
 		title: "Town Planners region",
-		icon: U("townplanners"),
-		group: G,
+		icon: W("townplanners"),
+		group: K,
 		extra: { attitudeKind: "townplanners" }
 	},
 	{
@@ -1913,8 +1911,8 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "accelerator",
 		label: "Accelerate",
 		title: "Accelerator",
-		icon: H.accelerator,
-		group: G,
+		icon: U.accelerator,
+		group: K,
 		extra: { acceleratorDirection: "accelerate" }
 	},
 	{
@@ -1922,8 +1920,8 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "accelerator",
 		label: "Deaccelerate",
 		title: "Deaccelerator",
-		icon: H.deaccelerator,
-		group: G,
+		icon: U.deaccelerator,
+		group: K,
 		extra: { acceleratorDirection: "deaccelerate" }
 	},
 	{
@@ -1931,10 +1929,10 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 		type: "note",
 		label: "Note",
 		title: "Note",
-		icon: H.note,
+		icon: U.note,
 		group: "wardley-3-notes"
 	}
-], rn = {
+], an = {
 	__init__: ["wardleyPaletteProvider"],
 	wardleyPaletteProvider: ["type", class {
 		create;
@@ -1956,15 +1954,15 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 			e["lasso-tool"] = {
 				group: "tools",
 				title: "Selection tool — L (or Shift+drag)",
-				html: `<div class="entry wardley-palette-entry" title="Selection tool — L (or Shift+drag)">${H.lasso}</div>`,
+				html: `<div class="entry wardley-palette-entry" title="Selection tool — L (or Shift+drag)">${U.lasso}</div>`,
 				action: { click: (e) => this.lassoTool.activateSelection(e) }
 			}, e["draw-tool"] = {
 				group: "tools",
 				title: "Draw — click point by point, double-click/Enter finishes, click the start point to close",
-				html: `<div class="entry wardley-palette-entry" title="Draw — click point by point, double-click/Enter finishes, click the start point to close">${H.draw}</div>`,
+				html: `<div class="entry wardley-palette-entry" title="Draw — click point by point, double-click/Enter finishes, click the start point to close">${U.draw}</div>`,
 				action: { click: () => this.drawTool.toggle() }
 			};
-			for (let t of nn) {
+			for (let t of rn) {
 				let n = (e) => {
 					let n = this.factory.createNew(t.type, t.label, t.extra ?? {});
 					this.create.start(e, n);
@@ -1982,24 +1980,24 @@ var W = "wardley-1-blocks", G = "wardley-2-strategy", nn = [
 			return e;
 		}
 	}]
-}, K = "wardley-element-settings", q = {
+}, q = "wardley-element-settings", J = {
 	id: "type",
 	name: "Type"
-}, J = {
+}, Y = {
 	id: "method",
 	name: "Sourcing"
-}, an = {
+}, on = {
 	id: "props",
 	name: "Properties"
 };
-function Y(e, t) {
+function X(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var on = class {
+var sn = class {
 	modeling;
 	static $inject = ["popupMenu", "wardleyModeling"];
 	constructor(e, t) {
-		this.modeling = t, e.registerProvider(K, this);
+		this.modeling = t, e.registerProvider(q, this);
 	}
 	getPopupMenuEntries(e) {
 		let t = Array.isArray(e) ? e[0] : e;
@@ -2009,59 +2007,59 @@ var on = class {
 		let t = e.decorators ?? {}, n = t.ecosystem ? "ecosystem" : t.market ? "market" : "normal", r = t.method;
 		return {
 			"type-normal": {
-				label: Y(n === "normal", "Normal"),
-				group: q,
+				label: X(n === "normal", "Normal"),
+				group: J,
 				action: () => this.modeling.setMarketEcosystem(e, void 0)
 			},
 			"type-market": {
-				label: Y(n === "market", "Market"),
-				group: q,
+				label: X(n === "market", "Market"),
+				group: J,
 				action: () => this.modeling.setMarketEcosystem(e, "market")
 			},
 			"type-ecosystem": {
-				label: Y(n === "ecosystem", "Ecosystem"),
-				group: q,
+				label: X(n === "ecosystem", "Ecosystem"),
+				group: J,
 				action: () => this.modeling.setMarketEcosystem(e, "ecosystem")
 			},
 			"method-none": {
-				label: Y(!r, "None"),
-				group: J,
+				label: X(!r, "None"),
+				group: Y,
 				action: () => this.modeling.setMethod(e, void 0)
 			},
 			"method-build": {
-				label: Y(r === "build", "Build"),
-				group: J,
+				label: X(r === "build", "Build"),
+				group: Y,
 				action: () => this.modeling.setMethod(e, "build")
 			},
 			"method-buy": {
-				label: Y(r === "buy", "Buy"),
-				group: J,
+				label: X(r === "buy", "Buy"),
+				group: Y,
 				action: () => this.modeling.setMethod(e, "buy")
 			},
 			"method-outsource": {
-				label: Y(r === "outsource", "Outsource"),
-				group: J,
+				label: X(r === "outsource", "Outsource"),
+				group: Y,
 				action: () => this.modeling.setMethod(e, "outsource")
 			},
 			"prop-inertia": {
-				label: Y(!!t.inertia, "Inertia"),
-				group: an,
+				label: X(!!t.inertia, "Inertia"),
+				group: on,
 				action: () => this.modeling.toggleInertia(e)
 			}
 		};
 	}
-}, sn = {
+}, cn = {
 	__init__: ["wardleyElementSettings"],
-	wardleyElementSettings: ["type", on]
+	wardleyElementSettings: ["type", sn]
 };
 //#endregion
 //#region src/context-pad/WardleyContextPadProvider.ts
-function X(e, t, n = !1) {
-	return `<div class="entry wardley-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${ct(e)}</div>`;
+function Z(e, t, n = !1) {
+	return `<div class="entry wardley-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${dt(e)}</div>`;
 }
 //#endregion
 //#region src/context-pad/index.ts
-var cn = {
+var ln = {
 	__init__: ["wardleyContextPadProvider"],
 	wardleyContextPadProvider: ["type", class {
 		modeling;
@@ -2095,13 +2093,13 @@ var cn = {
 					"edit-value": {
 						group: "edit",
 						title: n ? "Edit flow value" : "Edit link annotation",
-						html: X(N, n ? "Edit flow value" : "Edit link annotation"),
+						html: Z(N, n ? "Edit flow value" : "Edit link annotation"),
 						action: { click: () => this.labelEditing.activateConnection(t) }
 					},
 					delete: {
 						group: "edit",
 						title: "Delete connection",
-						html: X(P, "Delete connection"),
+						html: Z(P, "Delete connection"),
 						action: { click: () => this.modeling.removeElements([e]) }
 					}
 				};
@@ -2116,7 +2114,7 @@ var cn = {
 				n.append = {
 					group: "edit",
 					title: "Append component (auto-connect)",
-					html: X(ze, "Append component", !0),
+					html: Z(Ue, "Append component", !0),
 					action: {
 						click: e,
 						dragstart: e
@@ -2128,7 +2126,7 @@ var cn = {
 				n.connect = {
 					group: "edit",
 					title: "Connect to existing element",
-					html: X(Be, "Connect to existing element", !0),
+					html: Z(We, "Connect to existing element", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -2139,7 +2137,7 @@ var cn = {
 				if (t.movement) n["evolve-clear"] = {
 					group: "wardley",
 					title: "Remove evolve",
-					html: X(He, "Remove evolve"),
+					html: Z(Ke, "Remove evolve"),
 					action: { click: () => this.wardleyModeling.clearMovement(t) }
 				};
 				else if (t.evolution < .999) {
@@ -2147,7 +2145,7 @@ var cn = {
 					n.evolve = {
 						group: "wardley",
 						title: "Evolve: drag to set the target maturity",
-						html: X(Ve, "Evolve: drag to set the target maturity", !0),
+						html: Z(Ge, "Evolve: drag to set the target maturity", !0),
 						action: {
 							click: e,
 							dragstart: e
@@ -2157,10 +2155,10 @@ var cn = {
 				n.settings = {
 					group: "wardley",
 					title: "Settings (type, sourcing, inertia)",
-					html: X(Qe, "Settings"),
+					html: Z(nt, "Settings"),
 					action: { click: (e) => {
 						let n = e;
-						this.popupMenu.open(t, K, {
+						this.popupMenu.open(t, q, {
 							x: n.clientX,
 							y: n.clientY
 						});
@@ -2172,14 +2170,14 @@ var cn = {
 				n["stroke-style"] = {
 					group: "wardley",
 					title: r,
-					html: X(nt, r),
+					html: Z(ot, r),
 					action: { click: () => this.wardleyModeling.updateProperties(t, { strokeStyle: e }) }
 				};
 			}
 			n.color = {
 				group: "wardley",
 				title: "Color",
-				html: X($e, "Color"),
+				html: Z(rt, "Color"),
 				action: { click: (e) => {
 					let n = e;
 					this.colorPicker.open(t, n.clientX, n.clientY);
@@ -2189,17 +2187,17 @@ var cn = {
 			return i && (n["open-link"] = {
 				group: "wardley",
 				title: `Open link (${i})`,
-				html: X(Be, "Open link"),
+				html: Z(We, "Open link"),
 				action: { click: () => window.open(i, "_blank", "noopener") }
 			}), t.wardleyType !== "drawing" && (n["edit-label"] = {
 				group: "edit",
 				title: "Edit label",
-				html: X(N, "Edit label"),
+				html: Z(N, "Edit label"),
 				action: { click: () => this.labelEditing.activate(t) }
 			}), n.delete = {
 				group: "edit",
 				title: "Delete",
-				html: X(P, "Delete"),
+				html: Z(P, "Delete"),
 				action: { click: () => this.modeling.removeElements([t]) }
 			}, n;
 		}
@@ -2207,10 +2205,10 @@ var cn = {
 };
 //#endregion
 //#region src/label-editing/WardleyLabelEditing.ts
-function ln(e) {
+function un(e) {
 	return e.replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
 }
-var un = class {
+var dn = class {
 	canvas;
 	modeling;
 	factory;
@@ -2242,7 +2240,7 @@ var un = class {
 			c || (c = !0, s.removeEventListener("keydown", d), s.removeEventListener("blur", f), s.remove(), this.active = null);
 		}, u = () => {
 			if (c) return;
-			let t = ln(s.value), n = t && t !== e.wardleyLabel;
+			let t = un(s.value), n = t && t !== e.wardleyLabel;
 			if (l(), !n) return;
 			let r = i ? t : this.factory.uniqueLabel(t, e.id);
 			this.modeling.updateLabel(e, r);
@@ -2297,10 +2295,10 @@ var un = class {
 	cancel() {
 		this.active?.cleanup();
 	}
-}, dn = {
+}, fn = {
 	__init__: ["wardleyLabelEditing"],
-	wardleyLabelEditing: ["type", un]
-}, fn = 2, pn = 10, mn = {
+	wardleyLabelEditing: ["type", dn]
+}, pn = 2, mn = 10, hn = {
 	arrowleft: {
 		x: -1,
 		y: 0
@@ -2317,7 +2315,7 @@ var un = class {
 		x: 0,
 		y: 1
 	}
-}, hn = class {
+}, gn = class {
 	static $inject = [
 		"canvas",
 		"commandStack",
@@ -2334,7 +2332,7 @@ var un = class {
 		let u = e.getContainer();
 		u.hasAttribute("tabindex") || u.setAttribute("tabindex", "0");
 		let d = (e) => {
-			if (gn(e.target)) return;
+			if (_n(e.target)) return;
 			let l = e.ctrlKey || e.metaKey, u = e.key.toLowerCase();
 			if (l && u === "z" && !e.shiftKey) e.preventDefault(), t.undo();
 			else if (l && u === "z" && e.shiftKey || l && u === "y") e.preventDefault(), t.redo();
@@ -2355,11 +2353,11 @@ var un = class {
 				e.preventDefault();
 				let t = s.getLastMoveEvent();
 				c.activateSelection(t ?? e, !!t);
-			} else if (u in mn && !l) {
+			} else if (u in hn && !l) {
 				let t = n.get();
 				if (t.length) {
 					e.preventDefault();
-					let n = e.shiftKey ? pn : fn, i = mn[u];
+					let n = e.shiftKey ? mn : pn, i = hn[u];
 					r.moveElements(t, {
 						x: i.x * n,
 						y: i.y * n
@@ -2370,21 +2368,21 @@ var un = class {
 		document.addEventListener("keydown", d), l.on("diagram.destroy", () => document.removeEventListener("keydown", d));
 	}
 };
-function gn(e) {
+function _n(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	let t = e.tagName;
 	return t === "INPUT" || t === "TEXTAREA" || e.isContentEditable;
 }
 //#endregion
 //#region src/keyboard/index.ts
-var _n = {
+var vn = {
 	__init__: ["wardleyKeyboard"],
-	wardleyKeyboard: ["type", hn]
-}, Z = "wardley.evolve", vn = .005, yn = "wardley-evolve-handle";
-function bn(e) {
+	wardleyKeyboard: ["type", gn]
+}, Q = "wardley.evolve", yn = .005, bn = "wardley-evolve-handle";
+function xn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var Q = class {
+var Sn = class {
 	dragging;
 	static $inject = [
 		"eventBus",
@@ -2400,33 +2398,33 @@ var Q = class {
 			n === void 0 ? delete t.movement : t.movement = n, e.fire("element.changed", { element: t });
 		}, s = (e, t) => {
 			let r = i.getContainer().getBoundingClientRect(), a = i.viewbox(), o = a.x + (e - r.left) * (a.width / r.width);
-			return bn(n.fromCanvas({
+			return xn(n.fromCanvas({
 				x: o,
 				y: t
 			}).evolution);
 		};
 		i.getContainer().addEventListener("mousedown", (e) => {
 			let t = e.target;
-			if (!t?.closest(`.${yn}`)) return;
+			if (!t?.closest(`.${bn}`)) return;
 			let n = t.closest("[data-element-id]")?.getAttribute("data-element-id"), i = n ? a.get(n) : void 0;
 			if (!i || i.wardleyType !== "component") return;
 			e.stopPropagation(), e.preventDefault();
 			let c = i.movement, l = i.y + i.height / 2, u, d = (e) => {
 				u = s(e.clientX, l), o(i, { targetEvolution: u });
 			}, f = () => {
-				document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", f), o(i, c), u !== void 0 && Math.abs(u - i.evolution) > vn && r.evolveComponent(i, u);
+				document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", f), o(i, c), u !== void 0 && Math.abs(u - i.evolution) > yn && r.evolveComponent(i, u);
 			};
 			document.addEventListener("mousemove", d), document.addEventListener("mouseup", f);
-		}, !0), e.on(`${Z}.move`, (e) => {
-			let { shape: t } = e.context, r = t.y + t.height / 2, i = bn(n.fromCanvas({
+		}, !0), e.on(`${Q}.move`, (e) => {
+			let { shape: t } = e.context, r = t.y + t.height / 2, i = xn(n.fromCanvas({
 				x: e.x,
 				y: r
 			}).evolution);
 			e.context.target = i, o(t, { targetEvolution: i });
-		}), e.on(`${Z}.end`, (e) => {
+		}), e.on(`${Q}.end`, (e) => {
 			let t = e.context, { shape: n, target: i } = t;
-			o(n, t.originalMovement), i !== void 0 && Math.abs(i - n.evolution) > vn && r.evolveComponent(n, i), t.committed = !0;
-		}), e.on(`${Z}.cleanup`, (e) => {
+			o(n, t.originalMovement), i !== void 0 && Math.abs(i - n.evolution) > yn && r.evolveComponent(n, i), t.committed = !0;
+		}), e.on(`${Q}.cleanup`, (e) => {
 			let t = e.context;
 			t && !t.committed && o(t.shape, t.originalMovement);
 		});
@@ -2436,15 +2434,15 @@ var Q = class {
 			shape: t,
 			...t.movement ? { originalMovement: t.movement } : {}
 		};
-		this.dragging.init(e, Z, {
+		this.dragging.init(e, Q, {
 			cursor: "ew-resize",
 			data: { context: n }
 		});
 	}
-}, xn = {
+}, Cn = {
 	__init__: ["wardleyEvolveDragging"],
-	wardleyEvolveDragging: ["type", Q]
-}, Sn = 500, Cn = class {
+	wardleyEvolveDragging: ["type", Sn]
+}, wn = 500, Tn = class {
 	static $inject = ["injector", "eventBus"];
 	constructor(e, t) {
 		let n = e.get("connectionPreview", !1), r = e.get("wardleyLabelEditing", !1);
@@ -2469,18 +2467,18 @@ var Q = class {
 			"create.cleanup"
 		], (e) => {
 			n.cleanUp(e.context);
-		})), r && t.on("create.end", Sn, (e) => {
+		})), r && t.on("create.end", wn, (e) => {
 			let { context: t } = e;
 			if (!t.source || !t.canExecute || !t.shape) return;
 			let n = t.shape;
 			setTimeout(() => r.activate(n), 0);
 		});
 	}
-}, wn = {
+}, En = {
 	__depends__: [ve],
 	__init__: ["wardleyAppendBehavior"],
-	wardleyAppendBehavior: ["type", Cn]
-}, Tn = class {
+	wardleyAppendBehavior: ["type", Tn]
+}, Dn = class {
 	canvas;
 	modeling;
 	static $inject = [
@@ -2530,9 +2528,9 @@ var Q = class {
 	close() {
 		this.popover && (this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0));
 	}
-}, En = {
+}, On = {
 	__init__: ["wardleyColorPicker"],
-	wardleyColorPicker: ["type", Tn]
+	wardleyColorPicker: ["type", Dn]
 };
 //#endregion
 //#region src/ordering/WardleyOrderingProvider.ts
@@ -2541,7 +2539,7 @@ function $(e) {
 }
 //#endregion
 //#region src/ordering/index.ts
-var Dn = {
+var kn = {
 	__init__: ["wardleyOrderingProvider"],
 	wardleyOrderingProvider: ["type", class extends ye {
 		static $inject = ["eventBus"];
@@ -2559,7 +2557,7 @@ var Dn = {
 			} : { parent: t };
 		}
 	}]
-}, On = 12, kn = class {
+}, An = 12, jn = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -2636,12 +2634,12 @@ var Dn = {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
 		e.preventDefault(), e.stopPropagation();
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && An(t, n) <= On) {
+		if (n && this.points.length >= 3 && Mn(t, n) <= An) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		if (r && An(t, r) <= On) {
+		if (r && Mn(t, r) <= An) {
 			this.points.length >= 2 && this.finish();
 			return;
 		}
@@ -2658,47 +2656,47 @@ var Dn = {
 	};
 	renderPreview() {
 		if (this.clearPreview(), !this.points.length) return;
-		let e = this.canvas.getLayer("wardley-draw-preview", 1e3), t = f("g"), n = this.cursor ? [...this.points, this.cursor] : this.points;
-		l(t, u(f("polyline"), {
+		let e = this.canvas.getLayer("wardley-draw-preview", 1e3), t = p("g"), n = this.cursor ? [...this.points, this.cursor] : this.points;
+		u(t, d(p("polyline"), {
 			points: n.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: v.ink,
+			stroke: y.ink,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"stroke-dasharray": "5 4"
 		}));
 		let r = this.points[0];
-		if (l(t, u(f("circle"), {
+		if (u(t, d(p("circle"), {
 			cx: r.x,
 			cy: r.y,
 			r: this.points.length >= 3 ? 5 : 3,
-			fill: v.paper,
-			stroke: v.ink,
+			fill: y.paper,
+			stroke: y.ink,
 			"stroke-width": 1.5
 		})), this.points.length >= 2) {
 			let e = this.points[this.points.length - 1];
-			l(t, u(f("circle"), {
+			u(t, d(p("circle"), {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: v.paper,
-				stroke: v.ink,
+				fill: y.paper,
+				stroke: y.ink,
 				"stroke-width": 1.5
 			}));
 		}
-		l(e, t), this.layer = t;
+		u(e, t), this.layer = t;
 	}
 	clearPreview() {
-		this.layer &&= (p(this.layer), null);
+		this.layer &&= (m(this.layer), null);
 	}
 };
-function An(e, t) {
+function Mn(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
 //#endregion
 //#region src/draw-tool/WardleyDrawingHandles.ts
-var jn = class {
+var Nn = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -2732,19 +2730,19 @@ var jn = class {
 	}
 	render() {
 		if (this.clear(), !this.shape) return;
-		let e = this.canvas.getLayer("wardley-drawing-handles", 1100), t = f("g");
+		let e = this.canvas.getLayer("wardley-drawing-handles", 1100), t = p("g");
 		this.absolutePoints().forEach((e, n) => {
-			let r = u(f("circle"), {
+			let r = d(p("circle"), {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: v.paper,
-				stroke: v.ink,
+				fill: y.paper,
+				stroke: y.ink,
 				"stroke-width": 1.5,
 				class: "wardley-drawing-handle"
 			});
-			r.addEventListener("mousedown", (e) => this.startDrag(e, n)), l(t, r);
-		}), l(e, t), this.group = t;
+			r.addEventListener("mousedown", (e) => this.startDrag(e, n)), u(t, r);
+		}), u(e, t), this.group = t;
 	}
 	startDrag(e, t) {
 		if (e.button !== 0 || !this.shape) return;
@@ -2773,21 +2771,21 @@ var jn = class {
 	}
 	renderDragPreview(e, t) {
 		this.clearDragPreview();
-		let n = this.canvas.getLayer("wardley-drawing-handles", 1100), r = u(f(t ? "polygon" : "polyline"), {
+		let n = this.canvas.getLayer("wardley-drawing-handles", 1100), r = d(p(t ? "polygon" : "polyline"), {
 			points: e.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: v.ink,
+			stroke: y.ink,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "5 4",
 			"pointer-events": "none"
 		});
-		l(n, r), this.dragPreview = r;
+		u(n, r), this.dragPreview = r;
 	}
 	clearDragPreview() {
-		this.dragPreview &&= (p(this.dragPreview), null);
+		this.dragPreview &&= (m(this.dragPreview), null);
 	}
 	clear() {
-		this.clearDragPreview(), this.group &&= (p(this.group), null);
+		this.clearDragPreview(), this.group &&= (m(this.group), null);
 	}
 	toCanvasPoint(e) {
 		let t = this.canvas.getContainer().getBoundingClientRect(), n = this.canvas.viewbox(), r = this.canvas.zoom();
@@ -2799,70 +2797,71 @@ var jn = class {
 };
 //#endregion
 //#region src/draw-tool/WardleyDrawingHitProvider.ts
-function Mn(e) {
+function Pn(e) {
 	return S(e) && e.wardleyType === "drawing";
 }
-var Nn = class {
+var Fn = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (Mn(e.element) && e.gfx) return Pn(e.element, e.gfx), !1;
+			if (Pn(e.element) && e.gfx) return In(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (Mn(e.element) && e.gfx) return t.removeHits(e.gfx), Pn(e.element, e.gfx), !1;
+			if (Pn(e.element) && e.gfx) return t.removeHits(e.gfx), In(e.element, e.gfx), !1;
 		});
 	}
 };
-function Pn(e, t) {
-	let n = e.drawingPoints ?? [], r = f(e.closed ? "polygon" : "polyline");
-	u(r, {
+function In(e, t) {
+	let n = e.drawingPoints ?? [], r = p(e.closed ? "polygon" : "polyline");
+	d(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
 		class: "djs-hit djs-hit-stroke",
 		fill: "none",
 		stroke: "white",
 		"stroke-width": 15,
 		"stroke-opacity": 0
-	}), l(t, r);
+	}), u(t, r);
 }
 //#endregion
 //#region src/draw-tool/index.ts
-var Fn = {
+var Ln = {
 	__init__: [
 		"wardleyDrawTool",
 		"wardleyDrawingHandles",
 		"wardleyDrawingHitProvider"
 	],
-	wardleyDrawTool: ["type", kn],
-	wardleyDrawingHandles: ["type", jn],
-	wardleyDrawingHitProvider: ["type", Nn]
-}, In = class extends Pt {
+	wardleyDrawTool: ["type", jn],
+	wardleyDrawingHandles: ["type", Nn],
+	wardleyDrawingHitProvider: ["type", Fn]
+}, Rn = class extends It {
 	_getModules() {
 		return [
 			...super._getModules(),
 			oe,
+			O,
 			de,
 			se,
-			m,
+			h,
 			ce,
 			le,
 			ue,
 			fe,
 			pe,
 			me,
-			Jt,
-			$t,
-			Re,
-			tn,
-			rn,
+			Yt,
+			en,
+			He,
+			nn,
+			an,
+			ln,
+			fn,
+			vn,
+			Cn,
 			cn,
-			dn,
-			_n,
-			xn,
-			sn,
-			wn,
 			En,
-			Yt,
-			Dn,
-			Fn
+			On,
+			Xt,
+			kn,
+			Ln
 		];
 	}
 	undo() {
@@ -2879,6 +2878,6 @@ var Fn = {
 	}
 };
 //#endregion
-export { v as COLORS, O as EvolutionGrid, at as ICON_ADD, rt as ICON_ASPECT_RATIO, Ke as ICON_CODE, Ge as ICON_DATA_OBJECT, P as ICON_DELETE, qe as ICON_DOWNLOAD, N as ICON_EDIT, Ye as ICON_FOLDER_OPEN, Xe as ICON_IMAGE, it as ICON_MENU, Ze as ICON_NEW, M as ICON_PERSON, We as ICON_REDO, Je as ICON_SHARE, Ue as ICON_UNDO, ot as ICON_VISIBILITY, h as MIRAGON, In as Modeler, Se as NOTE_COLORS, Pt as NavigatedViewer, g as PLOT, K as POPUP_PROVIDER_ID, Mt as PanConstraint, Nt as PanConstraintModule, we as ROOT_ID, Tt as Viewer, Cn as WardleyAppendBehavior, Ee as WardleyBaseViewer, Tn as WardleyColorPicker, De as WardleyElementFactory, on as WardleyElementSettingsProvider, Q as WardleyEvolveDragging, Ct as WardleyExporter, St as WardleyImporter, un as WardleyLabelEditing, zt as WardleyModeling, ut as WardleyRenderer, Qt as WardleyRules, Re as evolutionConstraintModule, j as evolutionGridModule, ct as iconMarkup, wt as ioModule, w as isComponent, T as isPipeline, C as isWardleyConnection, S as isWardleyShape, dn as labelEditingModule, Ce as saveSVG, tn as stageSnappingModule, wn as wardleyAppendModule, En as wardleyColorPickerModule, cn as wardleyContextPadModule, yt as wardleyDrawModule, xn as wardleyEvolveModule, _n as wardleyKeyboardModule, E as wardleyModelModule, Jt as wardleyModelingModule, rn as wardleyPaletteModule, sn as wardleyPopupModule, $t as wardleyRulesModule };
+export { y as COLORS, Pe as EvolutionGrid, lt as ICON_ADD, st as ICON_ASPECT_RATIO, Xe as ICON_CODE, Ye as ICON_DATA_OBJECT, P as ICON_DELETE, Ze as ICON_DOWNLOAD, N as ICON_EDIT, $e as ICON_FOLDER_OPEN, et as ICON_IMAGE, ct as ICON_MENU, tt as ICON_NEW, M as ICON_PERSON, Je as ICON_REDO, Qe as ICON_SHARE, qe as ICON_UNDO, ut as ICON_VISIBILITY, g as MIRAGON, Rn as Modeler, Se as NOTE_COLORS, It as NavigatedViewer, _ as PLOT, q as POPUP_PROVIDER_ID, Pt as PanConstraint, Ft as PanConstraintModule, we as ROOT_ID, Dt as Viewer, Tn as WardleyAppendBehavior, Ee as WardleyBaseViewer, Dn as WardleyColorPicker, Ae as WardleyElementFactory, sn as WardleyElementSettingsProvider, Sn as WardleyEvolveDragging, Tt as WardleyExporter, wt as WardleyImporter, dn as WardleyLabelEditing, D as WardleyLayouter, Vt as WardleyModeling, pt as WardleyRenderer, $t as WardleyRules, He as evolutionConstraintModule, j as evolutionGridModule, dt as iconMarkup, Et as ioModule, w as isComponent, T as isPipeline, C as isWardleyConnection, S as isWardleyShape, fn as labelEditingModule, Ce as saveSVG, nn as stageSnappingModule, En as wardleyAppendModule, On as wardleyColorPickerModule, ln as wardleyContextPadModule, xt as wardleyDrawModule, Cn as wardleyEvolveModule, vn as wardleyKeyboardModule, O as wardleyLayoutModule, je as wardleyModelModule, Yt as wardleyModelingModule, an as wardleyPaletteModule, cn as wardleyPopupModule, en as wardleyRulesModule };
 
 //# sourceMappingURL=index.js.map