@miragon/wardley-renderer 0.11.0 → 0.13.0

package/dist/index.js

@@ -46,7 +46,6 @@ var E = {
 	linie: "#E6E2E2",
 	kontur: "#8F8A8A",
 	textLeise: "#6B6666",
-	navy: "#080A20",
 	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
 }, D = {
 	width: i.width,
@@ -1145,7 +1144,7 @@ var tn = class {
 };
 // src/WardleyBaseViewer.ts
 function nn(e) {
-	let t = e.undoRedoKeys ?? e.keyboard?.undoRedo, n = e.freeArea ? e.freeArea.insets ? { insets: e.freeArea.insets } : { center: e.freeArea.center } : e.freeRectInsets ? { insets: e.freeRectInsets } : void 0;
+	let t = e.undoRedoKeys, n = e.freeArea ? e.freeArea.insets ? { insets: e.freeArea.insets } : { center: e.freeArea.center } : void 0;
 	return {
 		...t === void 0 ? {} : { wardleyKeyboard: { undoRedo: t } },
 		...n ? { wardleyFreeRect: n } : {},
@@ -1161,12 +1160,18 @@ function an(e) {
 function on(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var sn = class {
+var sn = /* @__PURE__ */ new Set(["lasso.selection"]), cn = 1e5;
+function ln(e, t) {
+	let n = e.get("dragging", !1), r = n?.context();
+	n && r && r !== t && (sn.has(r.prefix) || n.cancel(!1));
+}
+var un = class {
 	_diagram;
 	_container;
 	_options;
 	_labelsBeforePreview;
 	_sizePreview;
+	_dropping = null;
 	constructor(e = {}) {
 		this._options = e, this._container = this._createContainer(e);
 	}
@@ -1181,10 +1186,20 @@ var sn = class {
 				canvas: { container: this._container },
 				modules: t,
 				...nn(this._options)
-			}), this._diagram.get("eventBus").on(bt, xt, () => this._putBackSizePreview());
+			}), this._diagram.get("eventBus").on(bt, xt, () => this._putBackSizePreview()), this._markDrops(this._diagram);
 		}
 		return this._diagram;
 	}
+	_markDrops(e) {
+		let t = e.get("dragging", !1);
+		if (!t) return;
+		let n = e.get("eventBus");
+		n.on("drag.end", cn, () => {
+			this._dropping = t.context();
+		}), n.on("drag.cleanup", cn, () => {
+			this._dropping = null;
+		});
+	}
 	get(e) {
 		return this._ensureDiagram().get(e);
 	}
@@ -1196,7 +1211,7 @@ var sn = class {
 	}
 	async importMap(e) {
 		let t = an(e), n = this._ensureDiagram(), r = n.get("eventBus"), i = n.get("wardleyImporter"), a = n.get("commandStack", !1), o = this._rootBusinessObject() ? this.exportMap() : void 0;
-		this._labelsBeforePreview = void 0, this._sizePreview = void 0, n.get("dragging", !1)?.cancel(!1), i.clear();
+		this._labelsBeforePreview = void 0, this._sizePreview = void 0, ln(n, this._dropping), i.clear();
 		let s;
 		try {
 			s = i.import(t);
@@ -1344,7 +1359,7 @@ function R(e) {
 		y: e.y + e.height / 2
 	};
 }
-var cn = class extends ue {
+var dn = class extends ue {
 	layoutConnection(e, t = {}) {
 		let n = t.source ?? e.source, r = t.target ?? e.target;
 		return super.layoutConnection(e, {
@@ -1353,23 +1368,23 @@ var cn = class extends ue {
 			...r ? { connectionEnd: R(r) } : {}
 		});
 	}
-}, ln = { layouter: ["type", cn] }, un = /* @__PURE__ */ new Set([
+}, fn = { layouter: ["type", dn] }, pn = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator"
 ]);
-function dn(e) {
-	return typeof e == "string" && un.has(e);
+function mn(e) {
+	return typeof e == "string" && pn.has(e);
 }
-function fn(e, t) {
+function hn(e, t) {
 	if (!t.has(e)) return e;
 	let n = / (\d+)$/.exec(e), r = n ? e.slice(0, n.index) : e, i = n ? Number(n[1]) + 1 : 2;
 	for (; t.has(`${r} ${i}`);) i++;
 	return `${r} ${i}`;
 }
-var pn = class {
+var gn = class {
 	elementFactory;
 	grid;
 	elementRegistry;
@@ -1382,25 +1397,25 @@ var pn = class {
 		this.elementFactory = e, this.grid = t, this.elementRegistry = n;
 	}
 	uniqueLabel(e, t) {
-		return fn(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
+		return hn(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
 	}
 	uniqueLabels(e) {
 		let t = this.takenLinkableLabels();
 		return e.map(({ type: e, label: n }) => {
-			if (!dn(e)) return n;
-			let r = fn(n, t);
+			if (!mn(e)) return n;
+			let r = hn(n, t);
 			return t.add(r), r;
 		});
 	}
 	isLinkable(e) {
-		return dn(e);
+		return mn(e);
 	}
 	takenLinkableLabels(e, t) {
 		let n = /* @__PURE__ */ new Set();
 		for (let r of this.elementRegistry.getAll()) {
 			if (e && r.id === e) continue;
 			let { wardleyType: i, wardleyLabel: a } = r;
-			dn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
+			mn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
 		}
 		return n;
 	}
@@ -1552,7 +1567,7 @@ var pn = class {
 		});
 	}
 	createNew(e, t, n = {}) {
-		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : dn(e) ? this.uniqueLabel(t) : t;
+		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : mn(e) ? this.uniqueLabel(t) : t;
 		if (e === "pipeline") return this.elementFactory.createShape({
 			width: 200,
 			height: 30,
@@ -1639,24 +1654,24 @@ var pn = class {
 			businessObject: t
 		});
 	}
-}, mn = { wardleyElementFactory: ["type", pn] }, hn = "wardley-axes", gn = ["Invisible", "Visible"], _n = "wardley-axis", vn = "wardley-axis-text";
-function yn(e) {
+}, _n = { wardleyElementFactory: ["type", gn] }, vn = "wardley-axes", yn = ["Invisible", "Visible"], bn = "wardley-axis", xn = "wardley-axis-text";
+function Sn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var bn = class {
+var Cn = class {
 	canvas;
 	static $inject = ["canvas"];
 	boundaries = a;
 	labels = n;
 	yAxisLabel = "Value Chain";
-	yAxisEndLabels = gn;
+	yAxisEndLabels = yn;
 	plotWidth = D.width;
 	plotHeight = D.height;
 	constructor(e) {
 		this.canvas = e;
 	}
 	configure(e) {
-		this.boundaries = e.stageBoundaries ?? a, this.labels = e.evolutionLabels ?? n, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? gn, this.plotWidth = p(e.size?.width, "width"), this.plotHeight = p(e.size?.height, "height");
+		this.boundaries = e.stageBoundaries ?? a, this.labels = e.evolutionLabels ?? n, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? yn, this.plotWidth = p(e.size?.width, "width"), this.plotHeight = p(e.size?.height, "height");
 	}
 	toCanvas(e) {
 		return {
@@ -1666,8 +1681,8 @@ var bn = class {
 	}
 	fromCanvas(e) {
 		return {
-			evolution: yn((e.x - D.marginLeft) / this.plotWidth),
-			visibility: yn(1 - (e.y - D.marginTop) / this.plotHeight)
+			evolution: Sn((e.x - D.marginLeft) / this.plotWidth),
+			visibility: Sn(1 - (e.y - D.marginTop) / this.plotHeight)
 		};
 	}
 	stageOf(e) {
@@ -1691,10 +1706,10 @@ var bn = class {
 		};
 	}
 	render() {
-		let e = this.canvas.getLayer(hn, -1);
+		let e = this.canvas.getLayer(vn, -1);
 		oe(e);
 		let t = D.marginLeft, n = D.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
-		C(e, xn(t, n, this.plotWidth, this.plotHeight, {
+		C(e, wn(t, n, this.plotWidth, this.plotHeight, {
 			fill: k.plotBackground,
 			stroke: k.grid
 		}));
@@ -1705,51 +1720,51 @@ var bn = 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 && C(e, xn(o, n, s - o, this.plotHeight, {
+			r % 2 == 1 && C(e, wn(o, n, s - o, this.plotHeight, {
 				fill: k.band,
 				stroke: "none"
-			})), r > 0 && C(e, Sn(o, n, o, i, {
+			})), r > 0 && C(e, Tn(o, n, o, i, {
 				stroke: k.grid,
 				"stroke-dasharray": "3 5"
 			}));
 			let c = (o + s) / 2;
-			C(e, Cn(this.labels[r].toUpperCase(), c, i + 18, {
+			C(e, En(this.labels[r].toUpperCase(), c, i + 18, {
 				"text-anchor": "middle",
 				"font-size": A.stage,
 				"letter-spacing": "0.08em",
 				fill: k.axisText
 			}));
 		}
-		C(e, Sn(t, i, r + 10, i, {
+		C(e, Tn(t, i, r + 10, i, {
 			stroke: k.axis,
-			class: _n
-		})), C(e, wn(r + 10, i, "right")), C(e, Cn("Evolution", r + 6, i + 38, {
+			class: bn
+		})), C(e, Dn(r + 10, i, "right")), C(e, En("Evolution", r + 6, i + 38, {
 			"text-anchor": "end",
 			"font-size": A.axis,
 			fill: k.axisText,
 			"font-style": "italic"
-		})), C(e, Sn(t, i, t, n - 10, {
+		})), C(e, Tn(t, i, t, n - 10, {
 			stroke: k.axis,
-			class: _n
-		})), C(e, wn(t, n - 10, "up"));
-		let o = Cn(this.yAxisLabel, 0, 0, {
+			class: bn
+		})), C(e, Dn(t, n - 10, "up"));
+		let o = En(this.yAxisLabel, 0, 0, {
 			"text-anchor": "middle",
 			"font-size": A.axis,
 			fill: k.axisText,
 			"font-style": "italic"
 		});
-		w(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), C(e, o), C(e, Cn(this.yAxisEndLabels[1], t - 10, n + 11, {
+		w(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), C(e, o), C(e, En(this.yAxisEndLabels[1], t - 10, n + 11, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
-		})), C(e, Cn(this.yAxisEndLabels[0], t - 10, i - 2, {
+		})), C(e, En(this.yAxisEndLabels[0], t - 10, i - 2, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
 		}));
 	}
 };
-function xn(e, t, n, r, i) {
+function wn(e, t, n, r, i) {
 	return w(T("rect"), {
 		x: e,
 		y: t,
@@ -1759,7 +1774,7 @@ function xn(e, t, n, r, i) {
 		...i
 	});
 }
-function Sn(e, t, n, r, i) {
+function Tn(e, t, n, r, i) {
 	return w(T("line"), {
 		x1: e,
 		y1: t,
@@ -1769,30 +1784,30 @@ function Sn(e, t, n, r, i) {
 		...i
 	});
 }
-function Cn(e, t, n, r) {
+function En(e, t, n, r) {
 	let i = w(T("text"), {
 		x: t,
 		y: n,
 		"font-family": A.family,
-		class: vn,
+		class: xn,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function wn(e, t, n) {
+function Dn(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 w(T("polygon"), {
 		points: r,
 		fill: k.axis,
-		class: _n
+		class: bn
 	});
 }
 // src/evolve/constants.ts
-var Tn = .005, En = "wardley.evolve", Dn = "wardley-evolve-handle";
-function On(e) {
+var On = .005, kn = "wardley.evolve", An = "wardley-evolve-handle";
+function jn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var kn = class {
+var Mn = class {
 	dragging;
 	injector;
 	static $inject = [
@@ -1808,9 +1823,9 @@ var kn = class {
 		this.dragging = t, this.injector = o;
 		let s = (t, n) => {
 			n === void 0 ? delete t.movement : t.movement = n, e.fire("element.changed", { element: t });
-		}, c = (e, t) => Math.max(On(t), Math.min(1, e.evolution + Tn)), l = (e, t) => {
+		}, c = (e, t) => Math.max(jn(t), Math.min(1, e.evolution + On)), l = (e, t) => {
 			let r = i.getContainer().getBoundingClientRect(), a = i.viewbox(), o = a.x + (e - r.left) * (a.width / r.width);
-			return On(n.fromCanvas({
+			return jn(n.fromCanvas({
 				x: o,
 				y: t
 			}).evolution);
@@ -1820,7 +1835,7 @@ var kn = class {
 		};
 		i.getContainer().addEventListener("mousedown", (e) => {
 			let t = e.target;
-			if (!t?.closest(`.${Dn}`) || u() || I(o)) return;
+			if (!t?.closest(`.${An}`) || u() || I(o)) return;
 			let n = t.closest("[data-element-id]")?.getAttribute("data-element-id"), d = n ? a.get(n) : void 0;
 			if (!d || d.wardleyType !== "component") return;
 			e.stopPropagation(), e.preventDefault(), L(i);
@@ -1833,7 +1848,7 @@ var kn = class {
 				document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", g), s(d, f), a.get(d.id) === d && m !== void 0 && m > d.evolution + .005 && r.evolveComponent(d, m);
 			};
 			document.addEventListener("mousemove", h), document.addEventListener("mouseup", g);
-		}, !0), e.on(`${En}.move`, (e) => {
+		}, !0), e.on(`${kn}.move`, (e) => {
 			let { shape: t } = e.context, r = t.y + t.height / 2, i = c(t, n.fromCanvas({
 				x: e.x,
 				y: r
@@ -1842,10 +1857,10 @@ var kn = class {
 				...e.context.originalMovement,
 				targetEvolution: i
 			});
-		}), e.on(`${En}.end`, (e) => {
+		}), e.on(`${kn}.end`, (e) => {
 			let t = e.context, { shape: n, target: i } = t;
 			s(n, t.originalMovement), i !== void 0 && i > n.evolution + .005 && r.evolveComponent(n, i), t.committed = !0;
-		}), e.on(`${En}.cleanup`, (e) => {
+		}), e.on(`${kn}.cleanup`, (e) => {
 			let t = e.context;
 			t && !t.committed && s(t.shape, t.originalMovement);
 		});
@@ -1856,14 +1871,14 @@ var kn = class {
 			shape: t,
 			...t.movement ? { originalMovement: t.movement } : {}
 		};
-		this.dragging.init(e, En, {
+		this.dragging.init(e, kn, {
 			cursor: "ew-resize",
 			data: { context: n }
 		});
 	}
-}, An = {
+}, Nn = {
 	__init__: ["wardleyEvolveDragging"],
-	wardleyEvolveDragging: ["type", kn]
+	wardleyEvolveDragging: ["type", Mn]
 };
 // src/pipeline/pipelineMembership.ts
 function z(e) {
@@ -1872,31 +1887,31 @@ function z(e) {
 		y: e.y + e.height / 2
 	};
 }
-function jn(e, t) {
+function Pn(e, t) {
 	return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
 }
-function Mn(e) {
+function Fn(e) {
 	return e.filter((e) => P(e));
 }
-function Nn(e, t) {
+function In(e, t) {
 	return e.filter((e) => N(e) && e.pipelineId === t.id);
 }
-function Pn(e, t) {
+function Ln(e, t) {
 	return e.find((e) => N(e) && e.wardleyLabel === t.wardleyLabel && e.pipelineId !== t.id);
 }
-function Fn(e, t) {
-	if (N(t)) return Mn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
+function Rn(e, t) {
+	if (N(t)) return Fn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
 }
-function In(e, t) {
-	let n = Pn(e, t);
-	return [...Nn(e, t), ...n ? [n] : []];
+function zn(e, t) {
+	let n = Ln(e, t);
+	return [...In(e, t), ...n ? [n] : []];
 }
-function Ln(e, t, n, r = /* @__PURE__ */ new Set()) {
-	let i = Mn(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && jn(e, n));
+function Bn(e, t, n, r = /* @__PURE__ */ new Set()) {
+	let i = Fn(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && Pn(e, n));
 	return i.find((e) => e.id === t.pipelineId) ?? i[0];
 }
 // src/pipeline/PipelineGroupBehavior.ts
-var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un = 900, Wn = "wardley-drop-target", Gn = class extends de {
+var Vn = 1400, Hn = 450, Un = 400, Wn = 1500, Gn = "wardley-pipeline-drag", Kn = 900, qn = "wardley-drop-target", Jn = class extends de {
 	elementRegistry;
 	canvas;
 	static $inject = [
@@ -1911,27 +1926,27 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		this.preExecute("element.updateProperties", (e) => {
 			let { context: t } = e, n = t.element, r = t.properties.wardleyLabel;
 			if (typeof r != "string" || r === n.wardleyLabel) return;
-			let i = P(n) ? Pn(this.elementRegistry, n) : Fn(this.elementRegistry, n);
+			let i = P(n) ? Ln(this.elementRegistry, n) : Rn(this.elementRegistry, n);
 			i && (t.renamedCounterpart = i);
 		}), this.postExecute("element.updateProperties", (e) => {
 			let { context: t } = e, n = t.renamedCounterpart, i = t.properties.wardleyLabel;
 			n && typeof i == "string" && n.wardleyLabel !== i && r.get("wardleyModeling").updateProperties(n, { wardleyLabel: i });
-		}), e.on("shape.move.start", Rn, (e) => {
+		}), e.on("shape.move.start", Vn, (e) => {
 			let { context: t } = e;
 			t.shapes = this.withFollowers(t.shapes ?? []);
-		}), this.preExecuted("elements.move", Vn, (e) => {
+		}), this.preExecuted("elements.move", Wn, (e) => {
 			let t = e.context.closure;
 			if (t) {
-				for (let e of Object.values(t.allShapes)) if (P(e)) for (let n of In(this.elementRegistry, e)) t.allShapes[n.id] || t.add(n, !!t.topLevel[e.id]);
+				for (let e of Object.values(t.allShapes)) if (P(e)) for (let n of zn(this.elementRegistry, e)) t.allShapes[n.id] || t.add(n, !!t.topLevel[e.id]);
 			}
-		}), i && e.on("shape.move.start", zn, (e) => {
+		}), i && e.on("shape.move.start", Hn, (e) => {
 			let { context: t } = e, n = this.carriedVertically(t.shapes ?? []);
 			if (!n.length) return;
 			let r = T("g");
-			w(r, { class: "djs-drag-group" }), C(this.canvas.getLayer(Hn, Un), r);
+			w(r, { class: "djs-drag-group" }), C(this.canvas.getLayer(Gn, Kn), r);
 			for (let e of n) i.addDragger(e, r);
 			t.pipelineVerticalPreview = r;
-		}), e.on("shape.move.move", Bn, (e) => {
+		}), e.on("shape.move.move", Un, (e) => {
 			let { context: t } = e;
 			t.pipelineVerticalPreview && fe(t.pipelineVerticalPreview, 0, e.dy), this.markDropTarget(t, this.dropTargetFor(t, e.dx, e.dy));
 		}), e.on("shape.move.cleanup", (e) => {
@@ -1941,47 +1956,47 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 	}
 	withFollowers(e) {
 		let t = new Set(e);
-		for (let n of e) if (P(n)) for (let e of In(this.elementRegistry, n)) t.add(e);
+		for (let n of e) if (P(n)) for (let e of zn(this.elementRegistry, n)) t.add(e);
 		return [...t];
 	}
 	carriedVertically(e) {
 		let t = new Set(e), n = [];
 		for (let r of e) {
 			if (!N(r)) continue;
-			let e = Fn(this.elementRegistry, r);
-			e && !t.has(e) && n.push(e, ...Nn(this.elementRegistry, e).filter((e) => !t.has(e)));
+			let e = Rn(this.elementRegistry, r);
+			e && !t.has(e) && n.push(e, ...In(this.elementRegistry, e).filter((e) => !t.has(e)));
 		}
 		return n;
 	}
 	dropTargetFor(e, t, n) {
 		let r = e.shape;
-		if (!N(r) || Fn(this.elementRegistry, r)) return;
+		if (!N(r) || Rn(this.elementRegistry, r)) return;
 		let i = z(r);
-		return Ln(this.elementRegistry, r, {
+		return Bn(this.elementRegistry, r, {
 			x: i.x + t,
 			y: i.y + n
 		}, new Set(e.shapes ?? []));
 	}
 	markDropTarget(e, t) {
 		let n = e.pipelineDropTarget;
-		n !== t && (n && this.canvas.removeMarker(n, Wn), t && this.canvas.addMarker(t, Wn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
+		n !== t && (n && this.canvas.removeMarker(n, qn), t && this.canvas.addMarker(t, qn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
 	}
-}, Kn = {
+}, Yn = {
 	__init__: ["pipelineGroupBehavior"],
-	pipelineGroupBehavior: ["type", Gn]
-}, qn = [
+	pipelineGroupBehavior: ["type", Jn]
+}, Xn = [
 	"shape.move",
 	"shape.create",
 	"shape.resize"
-], Jn = [
-	...qn,
+], Zn = [
+	...Xn,
 	"elements.move",
 	"elements.create"
-], Yn = [
+], Qn = [
 	"shape.create",
 	"shape.delete",
 	"element.updateProperties"
-], Xn = 2e3, Zn = 1e3, Qn = 10, $n = 1e-6, er = class extends de {
+], $n = 2e3, er = 1e3, tr = 10, nr = 1e-6, rr = class extends de {
 	eventBus;
 	grid;
 	elementRegistry;
@@ -2001,9 +2016,9 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 	constructor(e, t, n, r, i, a) {
 		super(e), this.eventBus = e, this.grid = t, this.elementRegistry = n, this.canvas = r, this.modeling = i, this.wardleyModeling = a;
 		let o = (e) => {
-			for (let t of tr(e.context)) this.deriveFromGeometry(t);
+			for (let t of ir(e.context)) this.deriveFromGeometry(t);
 		};
-		this.executed(qn, o), this.reverted(qn, o), this.preExecute(Jn, Xn, (e) => {
+		this.executed(Xn, o), this.reverted(Xn, o), this.preExecute(Zn, $n, (e) => {
 			this.topLevelContext ||= e.context;
 		}), e.on("commandStack.changed", () => {
 			this.topLevelContext = null;
@@ -2012,18 +2027,18 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 			if (!this.isTopLevel(t) || !j(t.shape) || !t.delta) return;
 			let n = [t.shape, ...this.followersOf(t.shape)];
 			this.rememberEvolutions(t, n), t.delta = this.clampDelta(t.delta, n);
-		}), this.preExecuted("elements.move", Zn, (e) => {
+		}), this.preExecuted("elements.move", er, (e) => {
 			let { context: t } = e;
 			if (!this.isTopLevel(t) || !t.delta) return;
-			let n = nr(t);
+			let n = ar(t);
 			this.rememberEvolutions(t, n), t.delta = this.clampDelta(t.delta, n);
 		}), this.preExecute(["shape.create", "elements.create"], (e) => {
 			let { context: t } = e;
-			t.parent?.parent && (t.parent = this.canvas.getRootElement()), this.isTopLevel(t) && this.rememberEvolutions(t, tr(t));
+			t.parent?.parent && (t.parent = this.canvas.getRootElement()), this.isTopLevel(t) && this.rememberEvolutions(t, ir(t));
 		}), this.preExecute("shape.resize", (e) => {
 			let { context: t } = e, n = t.shape;
 			j(n) && t.newBounds && (n.wardleyType === "pipeline" ? t.newBounds = this.horizontalPipelineBounds(n, t.newBounds) : n.wardleyType === "attitude" && (t.newBounds = this.boundsInsidePlot(t.newBounds)));
-		}), this.postExecuted(Jn, (e) => {
+		}), this.postExecuted(Zn, (e) => {
 			if (e.context === this.topLevelContext) try {
 				this.applyCorrections(e.command, e.context);
 			} finally {
@@ -2037,13 +2052,13 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 				...e.context?.elements ?? []
 			].some((e) => N(e))) for (let e of this.elementRegistry.filter((e) => P(e))) this.eventBus.fire("element.changed", { element: e });
 		};
-		this.executed(Yn, s), this.reverted(Yn, s);
+		this.executed(Qn, s), this.reverted(Qn, s);
 	}
 	isTopLevel(e) {
 		return e === this.topLevelContext;
 	}
 	followersOf(e) {
-		return P(e) ? In(this.elementRegistry, e) : [];
+		return P(e) ? zn(this.elementRegistry, e) : [];
 	}
 	rememberEvolutions(e, t) {
 		this.evolutionsBefore.set(e, new Map(t.map((e) => [e, e.evolution])));
@@ -2090,9 +2105,9 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		}), n = this.grid.fromCanvas({
 			x: e.x + e.width,
 			y: e.y
-		}), [r, i] = or(t.evolution, n.evolution);
-		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = ar((r + i) / 2), e.visibility = t.visibility;
-		for (let t of Nn(this.elementRegistry, e)) t.visibility = e.visibility;
+		}), [r, i] = lr(t.evolution, n.evolution);
+		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = cr((r + i) / 2), e.visibility = t.visibility;
+		for (let t of In(this.elementRegistry, e)) t.visibility = e.visibility;
 	}
 	pipelineOfMember(e) {
 		if (!N(e) || !e.pipelineId) return;
@@ -2119,14 +2134,14 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 				return;
 			}
 			case "elements.move":
-				this.completeMove(nr(t), t.delta ?? {
+				this.completeMove(ar(t), t.delta ?? {
 					x: 0,
 					y: 0
 				}, t);
 				return;
 			case "shape.create":
 			case "elements.create": {
-				let e = tr(t), n = this.clampDelta({
+				let e = ir(t), n = this.clampDelta({
 					x: 0,
 					y: 0
 				}, e);
@@ -2143,12 +2158,12 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		this.carryPipelinesOfMovedAnchors(e, t), this.reconcileMembership(e), this.shiftPassedEvolveTargets(n);
 	}
 	carryPipelinesOfMovedAnchors(e, t) {
-		if (Math.abs(t.y) < $n) return;
+		if (Math.abs(t.y) < nr) return;
 		let n = new Set(e);
 		for (let r of e) {
-			let e = Fn(this.elementRegistry, r);
+			let e = Rn(this.elementRegistry, r);
 			if (!e || n.has(e)) continue;
-			let i = [e, ...Nn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
+			let i = [e, ...In(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
 				x: 0,
 				y: t.y
 			}, i);
@@ -2157,8 +2172,8 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 	}
 	reconcileMembership(e) {
 		for (let t of e) {
-			if (!N(t) || Fn(this.elementRegistry, t)) continue;
-			let e = z(t), n = Ln(this.elementRegistry, t, e);
+			if (!N(t) || Rn(this.elementRegistry, t)) continue;
+			let e = z(t), n = Bn(this.elementRegistry, t, e);
 			n ? (this.moveBy(t, {
 				x: 0,
 				y: n.y + n.height / 2 - e.y
@@ -2169,7 +2184,7 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		}
 	}
 	releaseMembersOutside(e) {
-		for (let t of Nn(this.elementRegistry, e)) {
+		for (let t of In(this.elementRegistry, e)) {
 			let n = z(t);
 			(n.x < e.x || n.x > e.x + e.width) && this.release(t);
 		}
@@ -2195,7 +2210,7 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		}
 	}
 	moveBy(e, t) {
-		Math.abs(t.x) < $n && Math.abs(t.y) < $n || this.modeling.moveShape(e, {
+		Math.abs(t.x) < nr && Math.abs(t.y) < nr || this.modeling.moveShape(e, {
 			x: t.x,
 			y: t.y
 		});
@@ -2264,8 +2279,8 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 			r.min = Math.max(r.min, n.x - t.x), r.max = Math.min(r.max, n.x + n.width - (t.x + t.width)), i.min = Math.max(i.min, n.y - t.y), i.max = Math.min(i.max, n.y + n.height - (t.y + t.height));
 		}
 		return {
-			x: rr(e.x, r),
-			y: rr(e.y, i)
+			x: or(e.x, r),
+			y: or(e.y, i)
 		};
 	}
 	horizontalPipelineBounds(e, t) {
@@ -2287,11 +2302,11 @@ var Rn = 1400, zn = 450, Bn = 400, Vn = 1500, Hn = "wardley-pipeline-drag", Un =
 		};
 	}
 	spanInside(e, t, n) {
-		let r = this.plotBounds(), i = n === "x" ? r.x : r.y, a = i + (n === "x" ? r.width : r.height), o = Math.max(e, i), s = Math.max(Math.min(e + t, a) - o, Qn);
+		let r = this.plotBounds(), i = n === "x" ? r.x : r.y, a = i + (n === "x" ? r.width : r.height), o = Math.max(e, i), s = Math.max(Math.min(e + t, a) - o, tr);
 		return [Math.min(o, a - s), s];
 	}
 };
-function tr(e) {
+function ir(e) {
 	let t = [
 		...e.shape ? [e.shape] : [],
 		...e.shapes ?? [],
@@ -2299,36 +2314,36 @@ function tr(e) {
 	];
 	return [...new Set(t)].filter(j);
 }
-function nr(e) {
-	return e.closure ? Object.values(e.closure.allShapes).filter(j) : tr(e);
+function ar(e) {
+	return e.closure ? Object.values(e.closure.allShapes).filter(j) : ir(e);
 }
-function rr(e, t) {
+function or(e, t) {
 	return t.min > t.max ? e : Math.min(Math.max(e, t.min), t.max);
 }
-var ir = .001;
-function ar(e) {
+var sr = .001;
+function cr(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function or(e, t) {
-	let n = ar(Math.max(t, e + ir));
-	return [Math.max(0, Math.min(e, n - ir)), n];
+function lr(e, t) {
+	let n = cr(Math.max(t, e + sr));
+	return [Math.max(0, Math.min(e, n - sr)), n];
 }
 // src/modeling/cmd/UpdatePropertiesHandler.ts
-function sr(e, t, n) {
+function ur(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var cr = class {
+var dr = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], sr(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], ur(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)) sr(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) ur(r, e, n[e]);
 		return [t];
 	}
-}, lr = class {
+}, fr = class {
 	projection;
 	static $inject = ["wardleyMapProjection"];
 	constructor(e) {
@@ -2336,20 +2351,20 @@ var cr = class {
 	}
 	execute(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(ur({
+		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(pr({
 			...t,
 			config: ht(t.config, e.size)
 		}, _t(t.rawPassthrough)))) : [];
 	}
 	revert(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? this.projection.apply(ur({
+		return t ? this.projection.apply(pr({
 			...t,
 			config: ht(t.config, e.oldSize)
 		}, e.oldRawPassthrough)) : [];
 	}
 };
-function ur(e, t) {
+function pr(e, t) {
 	let { rawPassthrough: n, ...r } = e;
 	return t ? {
 		...r,
@@ -2357,34 +2372,34 @@ function ur(e, t) {
 	} : r;
 }
 // src/modeling/WardleyModeling.ts
-var dr = "element.updateProperties", fr = "wardley.map.resize", pr = "wardley.config.update";
-function mr(e) {
+var mr = "element.updateProperties", hr = "wardley.map.resize", gr = "wardley.config.update";
+function _r(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var hr = class {
+var vr = class {
 	commandStack;
 	canvas;
 	static $inject = ["commandStack", "canvas"];
 	constructor(e, t) {
-		this.commandStack = e, this.canvas = t, e.registerHandler(dr, cr), e.registerHandler(fr, lr), e.registerHandler(pr, tn);
+		this.commandStack = e, this.canvas = t, e.registerHandler(mr, dr), e.registerHandler(hr, fr), e.registerHandler(gr, tn);
 	}
 	resizeMap(e) {
 		let t = this.currentConfig();
-		t && !gr(t.size, e) && this.commandStack.execute(fr, { size: e });
+		t && !yr(t.size, e) && this.commandStack.execute(hr, { size: e });
 	}
 	updateConfig(e) {
 		let t = this.currentConfig();
 		if (!t) return;
 		let n = t, r = Object.fromEntries(Object.entries(e).filter(([e, t]) => e !== "size" && JSON.stringify(n[e]) !== JSON.stringify(t)));
-		Object.keys(r).length !== 0 && this.commandStack.execute(pr, { properties: r });
+		Object.keys(r).length !== 0 && this.commandStack.execute(gr, { properties: r });
 	}
 	currentConfig() {
 		return gt(this.canvas)?.businessObject?.config;
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(dr, {
+		this.commandStack.execute(mr, {
 			element: e,
 			properties: t
 		});
@@ -2402,11 +2417,11 @@ var hr = class {
 		} else this.updateProperties(e, { wardleyLabel: t });
 	}
 	evolveComponent(e, t, n = {}) {
-		let r = _r(t);
-		r <= e.evolution || this.updateProperties(e, { movement: mr({
+		let r = br(t);
+		r <= e.evolution || this.updateProperties(e, { movement: _r({
 			...e.movement,
 			targetEvolution: r,
-			...mr({
+			..._r({
 				newLabel: n.newLabel,
 				method: n.method
 			})
@@ -2431,14 +2446,14 @@ var hr = class {
 		this.updateProperties(e, { color: t });
 	}
 };
-function gr(e, t) {
+function yr(e, t) {
 	return !e || !t ? e === t : e.width === t.width && e.height === t.height;
 }
-function _r(e) {
+function br(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
 // src/modeling/WardleyCopyPaste.ts
-var vr = 24, yr = [
+var xr = 24, Sr = [
 	"wardleyType",
 	"evolution",
 	"visibility",
@@ -2455,13 +2470,13 @@ var vr = 24, yr = [
 	"drawingPoints",
 	"closed",
 	"strokeStyle"
-], br = [
+], Cr = [
 	"wardleyType",
 	"bidirectional",
 	"flowValue",
 	"linkLabel"
 ];
-function xr(e, t) {
+function wr(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -2469,7 +2484,7 @@ function xr(e, t) {
 	}
 	return n;
 }
-var Sr = class {
+var Tr = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -2501,14 +2516,14 @@ var Sr = class {
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: xr(e, br)
+				props: wr(e, Cr)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => ({
 				id: e.id,
 				...e.pipelineId ? { pipelineId: e.pipelineId } : {},
-				props: xr(e, yr),
+				props: wr(e, Sr),
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2569,14 +2584,14 @@ var Sr = class {
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = vr * this.pasteCount, n = Cr(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = xr * this.pasteCount, n = Er(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
 			x: n.cx + t,
 			y: n.cy + t
 		}, this.canvas.getRootElement());
 		return this.selection.select(r), !0;
 	}
 };
-function Cr(e) {
+function Er(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,
@@ -2584,26 +2599,26 @@ function Cr(e) {
 	};
 }
 // src/modeling/index.ts
-var wr = {
+var Dr = {
 	__depends__: [
 		me,
 		he,
 		Qt
 	],
 	__init__: ["wardleyModeling"],
-	wardleyModeling: ["type", hr],
-	wardleyCopyPaste: ["type", Sr]
-}, Tr = { evolutionGrid: ["type", bn] }, Er = {
+	wardleyModeling: ["type", vr],
+	wardleyCopyPaste: ["type", Tr]
+}, Or = { evolutionGrid: ["type", Cn] }, kr = {
 	__init__: ["evolutionConstraintBehavior"],
 	__depends__: [
-		Tr,
-		ln,
+		Or,
+		fn,
 		pe,
-		wr
+		Dr
 	],
-	evolutionConstraintBehavior: ["type", er]
-}, Dr = "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", Or = "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", kr = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Ar = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", jr = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z";
-function Mr(e, t, n, r, i) {
+	evolutionConstraintBehavior: ["type", rr]
+}, Ar = "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", jr = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", Mr = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z";
+function Nr(e, t, n, r, i) {
 	let a = T("g"), o = r / 24;
 	return w(a, {
 		transform: `translate(${t - r / 2}, ${n - r / 2}) scale(${o})`,
@@ -2611,14 +2626,8 @@ function Mr(e, t, n, r, i) {
 		stroke: "none"
 	}), C(a, w(T("path"), { d: e })), a;
 }
-function Nr(e) {
-	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function Pr(e, t = 18) {
-	return `<svg viewBox="0 0 24 24" width="${Number(t)}" height="${Number(t)}" fill="currentColor" aria-hidden="true"><path d="${Nr(e)}"/></svg>`;
-}
-var Fr = 7.5;
-function Ir(e, t) {
+var Pr = 7.5;
+function Fr(e, t) {
 	let n = e.movement;
 	if (!n) return;
 	let r = t.toCanvas({
@@ -2630,26 +2639,36 @@ function Ir(e, t) {
 		evolution: n.targetEvolution
 	}).x - r.x;
 }
+function Ir(e) {
+	return Math.max(...Lr(e).map((e) => e.length)) * Pr;
+}
 function Lr(e) {
-	return (e ?? "").length * Fr;
+	return (e ?? "").split("\n");
+}
+function Rr(e, t, n) {
+	let r = (t - 1) * 16;
+	return e - (n === "up" ? r : r / 2);
+}
+function zr(e, t, n) {
+	return Rr(e, t, n) + (t - 1) * 16;
 }
-function Rr() {
+function Br() {
 	return {
 		x: 22,
 		y: -4
 	};
 }
-function zr(e, t) {
-	return t > 0 && t < Lr(e.wardleyLabel) + 30 + 14;
+function Vr(e, t) {
+	return t > 0 && t < Ir(e.wardleyLabel) + 30 + 14;
 }
-function Br(e, t) {
-	let n = Rr();
+function Hr(e, t) {
+	let n = Br();
 	if (e.labelOffset) return {
 		x: n.x + e.labelOffset.dx,
 		y: n.y + e.labelOffset.dy,
 		anchor: "start"
 	};
-	if (t !== void 0 && zr(e, t)) return {
+	if (t !== void 0 && Vr(e, t)) return {
 		x: -n.x,
 		y: n.y,
 		anchor: "end"
@@ -2661,14 +2680,14 @@ function Br(e, t) {
 		anchor: "start"
 	};
 }
-function Vr(e) {
+function Ur(e) {
 	return {
 		x: e + 15 + 7,
 		y: -4
 	};
 }
-function Hr(e, t) {
-	let n = Vr(t);
+function Wr(e, t) {
+	let n = Ur(t);
 	return e ? {
 		x: n.x + e.dx,
 		y: n.y + e.dy,
@@ -2683,21 +2702,21 @@ function Hr(e, t) {
 		anchor: "start"
 	};
 }
-function Ur() {
+function Gr() {
 	return {
 		x: 0,
 		y: -17
 	};
 }
-function Wr(e) {
-	let t = Ur();
+function Kr(e) {
+	let t = Gr();
 	return {
 		x: t.x + (e.labelOffset?.dx ?? 0),
 		y: t.y + (e.labelOffset?.dy ?? 0),
 		anchor: "middle"
 	};
 }
-function Gr(e, t) {
+function qr(e, t) {
 	let n = (e) => Math.max(-200, Math.min(200, Math.round(e))), r = {
 		dx: n(e) || 0,
 		dy: n(t) || 0
@@ -2705,7 +2724,7 @@ function Gr(e, t) {
 	return r.dx === 0 && r.dy === 0 ? void 0 : r;
 }
 // src/draw/WardleyRenderer.ts
-var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-label-handle", Yr = "data-label-role", Xr = 6, Zr = class extends ge {
+var Jr = 1500, B = "wardley-name-label", Yr = "wardley-movement", Xr = "wardley-label-handle", Zr = "data-label-role", Qr = 6, $r = class extends ge {
 	grid;
 	elementRegistry;
 	static $inject = [
@@ -2714,7 +2733,7 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		super(e, Kr), this.grid = t, this.elementRegistry = n;
+		super(e, Jr), this.grid = t, this.elementRegistry = n;
 	}
 	canRender(e) {
 		return j(e) || M(e);
@@ -2746,14 +2765,14 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 		return C(e, i), i;
 	}
 	drawConnection(e, t) {
-		let n = t, r = n.wardleyType === "flow", i = r ? k.flow : k.dependency, [a, o] = ii(n), s = w(T("polyline"), {
+		let n = t, r = n.wardleyType === "flow", i = r ? k.flow : k.dependency, [a, o] = oi(n), s = w(T("polyline"), {
 			points: `${a.x},${a.y} ${o.x},${o.y}`,
 			fill: "none",
 			stroke: i,
 			"stroke-width": r ? 2.5 : 1.5,
 			"stroke-linecap": "round"
 		});
-		C(e, s), r && (C(e, ni(a, o, i, 11, 5)), n.bidirectional && C(e, ni(o, a, i, 11, 5)));
+		C(e, s), r && (C(e, ii(a, o, i, 11, 5)), n.bidirectional && C(e, ii(o, a, i, 11, 5)));
 		let c = (a.x + o.x) / 2, l = (a.y + o.y) / 2;
 		return r && n.flowValue && C(e, H(n.flowValue, c, l - 5, {
 			"text-anchor": "middle",
@@ -2775,8 +2794,8 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 		return t ? `M${t.x},${t.y}` + n.map((e) => `L${e.x},${e.y}`).join("") : "";
 	}
 	drawComponent(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.decorators, a = Ir(t, this.grid);
-		a !== void 0 && this.drawMovement(e, t, n, r, a), i?.inertia && Qr(e, n, r);
+		let n = t.width / 2, r = t.height / 2, i = t.decorators, a = Fr(t, this.grid);
+		a !== void 0 && this.drawMovement(e, t, n, r, a), i?.inertia && ei(e, n, r);
 		let o = t.color ?? k.stroke, s = V(n, r, 15, {
 			fill: k.componentFill,
 			stroke: o,
@@ -2786,24 +2805,24 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 			fill: "none",
 			stroke: o,
 			"stroke-width": 1.5
-		})), $r(e, n, r, o, i), ei(e, t, n, r, Br(t, a)), s;
+		})), ti(e, n, r, o, i), ni(e, t, n, r, Hr(t, a), a === void 0 ? "centered" : "up"), s;
 	}
 	drawMovement(e, t, n, r, i) {
 		let a = t.movement;
 		if (!a) return;
-		let o = w(T("g"), { class: qr });
+		let o = w(T("g"), { class: Yr });
 		C(e, o);
 		let s = n + i, c = s - (Math.sign(i) || 1) * 17;
-		C(o, ti(n, r, c, r, {
+		C(o, ri(n, r, c, r, {
 			stroke: k.plotBackground,
 			"stroke-width": 4,
 			"stroke-linecap": "butt",
 			class: "wardley-movement-underlay"
-		})), C(o, ti(n, r, c, r, {
+		})), C(o, ri(n, r, c, r, {
 			stroke: k.movement,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "6 4"
-		})), C(o, ni({
+		})), C(o, ii({
 			x: n,
 			y: r
 		}, {
@@ -2815,30 +2834,33 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 			"stroke-width": 2,
 			class: "wardley-evolve-handle"
 		}));
-		let l = Hr(a.labelOffset, i);
-		C(o, H(a.newLabel ?? t.wardleyLabel, n + l.x, r + l.y, {
+		let l = Wr(a.labelOffset, i), u = a.newLabel ?? t.wardleyLabel;
+		if (C(o, H(u, n + l.x, r + l.y, {
 			"font-weight": "500",
 			fill: k.movement,
 			"text-anchor": l.anchor,
-			class: `wardley-movement-label ${Jr}`,
-			[Yr]: "movement"
-		})), a.method && C(o, H(a.method, n + l.x, r + l.y + 15, {
-			"font-size": 10.5,
-			fill: k.movement,
-			"text-anchor": l.anchor
-		}));
+			class: `wardley-movement-label ${Xr}`,
+			[Zr]: "movement"
+		}, !0, "centered")), a.method) {
+			let e = zr(r + l.y, Lr(u).length, "centered");
+			C(o, H(a.method, n + l.x, e + 15, {
+				"font-size": 10.5,
+				fill: k.movement,
+				"text-anchor": l.anchor
+			}));
+		}
 	}
 	drawAnchor(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = Mr(Dr, n, r, 26, t.color ?? k.ink);
+		let n = t.width / 2, r = t.height / 2, i = Nr(Ar, n, r, 26, t.color ?? k.ink);
 		C(e, i);
-		let a = Wr(t);
+		let a = Kr(t);
 		return C(e, H(t.wardleyLabel, n + a.x, r + a.y, {
 			"text-anchor": a.anchor,
 			"font-weight": "700",
-			class: `${B} ${Jr}`,
-			[Yr]: "name",
+			class: `${B} ${Xr}`,
+			[Zr]: "name",
 			...t.color ? { fill: t.color } : {}
-		})), i;
+		}, !0, "up")), i;
 	}
 	drawPipeline(e, t) {
 		let n = Math.max(t.width, 1), r = t.color, i = w(T("rect"), {
@@ -2864,7 +2886,7 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 			"font-weight": "500",
 			class: B,
 			...r ? { fill: r } : {}
-		}))), i;
+		}, !0, "up"))), i;
 	}
 	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 = {
@@ -2895,7 +2917,7 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 		let o = this.grid.toCanvas({
 			visibility: 1,
 			evolution: 0
-		}).y, s = t.y - Xr - A.label >= o;
+		}).y, s = t.y - Qr - A.label >= o;
 		return C(e, H(ze[n] ?? n, s ? 4 : 10, s ? -6 : 18, {
 			fill: i,
 			"font-weight": "700",
@@ -2915,15 +2937,16 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 			"font-weight": "700"
 		}, !1)), t.wardleyLabel && C(e, H(t.wardleyLabel, n + 15, r + 4, {
 			"font-size": 12,
-			fill: k.noteText
-		})), i;
+			fill: k.noteText,
+			class: B
+		}, !0, "centered")), i;
 	}
 	drawAccelerator(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = Mr(i ? Ar : jr, n, r, 24, t.color ?? (i ? k.accelerator : k.deaccelerator));
+		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = Nr(i ? jr : Mr, n, r, 24, t.color ?? (i ? k.accelerator : k.deaccelerator));
 		return C(e, a), t.wardleyLabel && C(e, H(t.wardleyLabel, n + 15, r + 5, {
 			"font-size": 12,
 			class: B
-		})), a;
+		}, !0, "centered")), a;
 	}
 	drawSubmap(e, t) {
 		let n = t.width / 2, r = t.height / 2, i = t.color ?? k.stroke, a = w(T("rect"), {
@@ -2949,18 +2972,18 @@ var Kr = 1500, B = "wardley-name-label", qr = "wardley-movement", Jr = "wardley-
 			"font-weight": "500",
 			class: B,
 			...t.color ? { fill: t.color } : {}
-		})), a;
+		}, !0, "centered")), a;
 	}
 };
-function Qr(e, t, n) {
+function ei(e, t, n) {
 	let r = t + 15 + 3;
-	C(e, ti(r, n - 13, r, n + 13, {
+	C(e, ri(r, n - 13, r, n + 13, {
 		stroke: k.inertia,
 		"stroke-width": 3,
 		"stroke-linecap": "round"
 	}));
 }
-function $r(e, t, n, r, i) {
+function ti(e, t, n, r, i) {
 	if (i?.ecosystem && C(e, V(t, n, 18.5, {
 		fill: "none",
 		stroke: r,
@@ -2973,21 +2996,24 @@ function $r(e, t, n, r, i) {
 		[3.4, 2.4]
 	]) C(e, V(t + i, n + a, 1.7, { fill: r }));
 }
-function ei(e, t, n, r, i) {
-	let a = n + i.x, o = r + i.y;
-	C(e, H(t.wardleyLabel, a, o, {
+function ni(e, t, n, r, i, a) {
+	let o = n + i.x, s = r + i.y;
+	C(e, H(t.wardleyLabel, o, s, {
 		"font-weight": "500",
 		"text-anchor": i.anchor,
-		class: `${B} ${Jr}`,
-		[Yr]: "name",
+		class: `${B} ${Xr}`,
+		[Zr]: "name",
 		...t.color ? { fill: t.color } : {}
-	}));
-	let s = t.decorators?.method;
-	s && C(e, H(s, a, o + 15, {
-		"font-size": 10.5,
-		"text-anchor": i.anchor,
-		fill: k.axisText
-	}));
+	}, !0, a));
+	let c = t.decorators?.method;
+	if (c) {
+		let n = zr(s, Lr(t.wardleyLabel).length, a);
+		C(e, H(c, o, n + 15, {
+			"font-size": 10.5,
+			"text-anchor": i.anchor,
+			fill: k.axisText
+		}));
+	}
 }
 function V(e, t, n, r) {
 	return w(T("circle"), {
@@ -2998,7 +3024,7 @@ function V(e, t, n, r) {
 		...r
 	});
 }
-function ti(e, t, n, r, i) {
+function ri(e, t, n, r, i) {
 	return w(T("line"), {
 		x1: e,
 		y1: t,
@@ -3007,34 +3033,40 @@ function ti(e, t, n, r, i) {
 		...i
 	});
 }
-function H(e, t, n, r = {}, i = !0) {
-	let a = i ? {
+function H(e, t, n, r = {}, i = !0, a) {
+	let o = a ? Lr(e) : [e], s = a ? Rr(n, o.length, a) : n, c = i ? {
 		stroke: k.paper,
 		"stroke-width": 3.5,
 		"paint-order": "stroke",
 		"stroke-linejoin": "round"
-	} : {}, o = w(T("text"), {
+	} : {}, l = w(T("text"), {
 		x: t,
-		y: n,
+		y: s,
 		"font-family": A.family,
 		"font-size": A.label,
 		fill: k.ink,
-		...a,
+		...c,
 		...r
 	});
-	return o.textContent = e, o;
+	return o.length === 1 ? (l.textContent = o[0], l) : (o.forEach((e, n) => {
+		let r = w(T("tspan"), {
+			x: t,
+			y: s + n * 16
+		});
+		r.textContent = e, C(l, r);
+	}), l);
 }
-function ni(e, t, n, r = 10, i = 5) {
+function ii(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 w(T("polygon"), {
 		points: c,
 		fill: n
 	});
 }
-function ri(e) {
+function ai(e) {
 	return e.wardleyType === "component" ? 17 : e.wardleyType === "anchor" ? 14 : e.wardleyType === "pipeline" ? 10 : Math.min(e.width, e.height) / 2;
 }
-function ii(e) {
+function oi(e) {
 	let t = e.source, n = e.target, r = e.waypoints;
 	if (!t || !n) {
 		let e = r[0] ?? {
@@ -3043,7 +3075,7 @@ function ii(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	let i = R(t), a = R(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = ri(t), f = ri(n);
+	let i = R(t), a = R(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = ai(t), f = ai(n);
 	return c <= d + f + 2 ? [i, a] : [{
 		x: i.x + l * d,
 		y: i.y + u * d
@@ -3053,35 +3085,35 @@ function ii(e) {
 	}];
 }
 // src/draw/index.ts
-var ai = {
+var si = {
 	__init__: ["wardleyRenderer"],
-	wardleyRenderer: ["type", Zr]
-}, oi = class extends sn {
+	wardleyRenderer: ["type", $r]
+}, ci = class extends un {
 	_getModules() {
 		return [
-			mn,
-			Tr,
-			ai,
+			_n,
+			Or,
+			si,
 			mt
 		];
 	}
-}, si = 180, ci = 80, li = 120, ui = 96, di = .5, fi = (e, t, n) => e < t ? t : e > n ? n : e;
-function pi(e, t, n, r) {
+}, li = 180, ui = 80, di = 120, fi = 96, pi = .5, mi = (e, t, n) => e < t ? t : e > n ? n : e;
+function hi(e, t, n, r) {
 	let i = n.min - n.padBefore, a = n.max + n.padAfter;
-	return !r && t >= n.max - n.min ? fi(e, Math.min(n.max - t, i), Math.max(n.min, a - t)) : t <= a - i ? fi(e, i, a - t) : (i + a) / 2 - t / 2;
+	return !r && t >= n.max - n.min ? mi(e, Math.min(n.max - t, i), Math.max(n.min, a - t)) : t <= a - i ? mi(e, i, a - t) : (i + a) / 2 - t / 2;
 }
-function mi(e, t, n) {
+function gi(e, t, n) {
 	let r = e - n.after;
 	return {
 		lowest: Math.min(t.min - n.before - n.slack, t.max - r - n.slack),
 		highest: Math.max(t.max - r + n.slack, t.min - n.before + n.slack)
 	};
 }
-function hi(e, t, n, r, i) {
-	let a = mi(t, n, i), o = mi(t, r, i);
-	return fi(e, Math.min(a.lowest, o.lowest), Math.max(a.highest, o.highest));
+function _i(e, t, n, r, i) {
+	let a = gi(t, n, i), o = gi(t, r, i);
+	return mi(e, Math.min(a.lowest, o.lowest), Math.max(a.highest, o.highest));
 }
-var gi = class {
+var vi = class {
 	canvas;
 	grid;
 	static $inject = [
@@ -3113,7 +3145,7 @@ var gi = class {
 	freeArea(e) {
 		let t = this.freeRect?.insets(), n = t ? e.scale ?? this.canvas.zoom() : 0;
 		if (!t || !(n > 0)) return;
-		let r = ui / n, i = (e, t, i) => e * n - t - i > 0 ? {
+		let r = fi / n, i = (e, t, i) => e * n - t - i > 0 ? {
 			before: t / n,
 			after: i / n,
 			slack: r
@@ -3138,26 +3170,26 @@ var gi = class {
 			min: r.y,
 			max: r.y + r.height
 		}, o = this.freeArea(n), s = this.grid.outerBounds(), c = {
-			top: si,
-			right: li,
-			bottom: ci,
-			left: li
-		}, l = o ? hi(n.x, n.width, i, {
+			top: li,
+			right: di,
+			bottom: ui,
+			left: di
+		}, l = o ? _i(n.x, n.width, i, {
 			min: s.x,
 			max: s.x + s.width
-		}, o.x) : pi(n.x, n.width, {
+		}, o.x) : hi(n.x, n.width, {
 			...i,
 			padBefore: c.left,
 			padAfter: c.right
-		}, t), u = o ? hi(n.y, n.height, a, {
+		}, t), u = o ? _i(n.y, n.height, a, {
 			min: s.y,
 			max: s.y + s.height
-		}, o.y) : pi(n.y, n.height, {
+		}, o.y) : hi(n.y, n.height, {
 			...a,
 			padBefore: c.top,
 			padAfter: c.bottom
 		}, t);
-		if (!(Math.abs(l - n.x) < di && Math.abs(u - n.y) < di)) {
+		if (!(Math.abs(l - n.x) < pi && Math.abs(u - n.y) < pi)) {
 			this.applying = !0;
 			try {
 				this.canvas.viewbox({
@@ -3171,10 +3203,10 @@ var gi = class {
 			}
 		}
 	}
-}, _i = {
+}, yi = {
 	__init__: ["panConstraint"],
-	panConstraint: ["type", gi]
-}, vi = class {
+	panConstraint: ["type", vi]
+}, bi = class {
 	canvas;
 	config;
 	static $inject = ["canvas", "config.wardleyFreeRect"];
@@ -3204,7 +3236,7 @@ var gi = class {
 			y: t.y + a(i, n.top, n.bottom) / t.scale
 		};
 	}
-}, yi = { wardleyFreeRect: ["type", vi] }, bi = class extends oi {
+}, xi = { wardleyFreeRect: ["type", bi] }, Si = class extends ci {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -3212,11 +3244,11 @@ var gi = class {
 			ve,
 			ye,
 			be,
-			yi,
-			_i
+			xi,
+			yi
 		];
 	}
-}, xi = class {
+}, Ci = class {
 	static $inject = [
 		"eventBus",
 		"canvas",
@@ -3235,37 +3267,37 @@ var gi = class {
 			if (e.element === i) return n.activateLasso(r), !1;
 		});
 	}
-}, Si = {
+}, wi = {
 	__depends__: [Ae],
 	__init__: ["wardleyLassoBehavior"],
-	wardleyLassoBehavior: ["type", xi]
-}, Ci = /* @__PURE__ */ new Set([
+	wardleyLassoBehavior: ["type", Ci]
+}, Ti = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline"
-]), wi = /* @__PURE__ */ new Set(["e", "w"]);
-function Ti(e) {
-	return j(e) && Ci.has(e.wardleyType);
+]), Ei = /* @__PURE__ */ new Set(["e", "w"]);
+function Di(e) {
+	return j(e) && Ti.has(e.wardleyType);
 }
-function Ei(e, t) {
+function Oi(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t) || (e.incoming ?? []).some((e) => e.source === t);
 }
-var Di = class extends ce {
+var ki = class extends ce {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => Ti(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => Di(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !Ti(t) || !Ti(n) || t === n || Ei(t, n) ? !1 : { wardleyType: "dependency" };
-		}), this.addRule("shape.move", () => !0), this.addRule("elements.move", (e) => !e.target?.parent || null), this.addRule("shape.create", () => !0), this.addRule("elements.create", () => !0), this.addRule("shape.resize", (e) => P(e.shape) ? !e.direction || wi.has(e.direction) : tt(e.shape));
+			return !Di(t) || !Di(n) || t === n || Oi(t, n) ? !1 : { wardleyType: "dependency" };
+		}), this.addRule("shape.move", () => !0), this.addRule("elements.move", (e) => !e.target?.parent || null), this.addRule("shape.create", () => !0), this.addRule("elements.create", () => !0), this.addRule("shape.resize", (e) => P(e.shape) ? !e.direction || Ei.has(e.direction) : tt(e.shape));
 	}
-}, Oi = {
+}, Ai = {
 	__init__: ["wardleyRules"],
-	wardleyRules: ["type", Di]
-}, ki = {
+	wardleyRules: ["type", ki]
+}, ji = {
 	__init__: ["stageSnapping"],
 	stageSnapping: ["type", class {
 		static $inject = [
@@ -3305,20 +3337,20 @@ var Di = class extends ce {
 			});
 		}
 	}]
-}, U = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, Ai = (e) => `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false" class="wardley-palette-svg">${e}</svg>`, ji = "<path d=\"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z\"/><path d=\"M5 3a2 2 0 0 0-2 2\"/><path d=\"M19 3a2 2 0 0 1 2 2\"/><path d=\"M5 21a2 2 0 0 1-2-2\"/><path d=\"M9 3h1\"/><path d=\"M9 21h2\"/><path d=\"M14 3h1\"/><path d=\"M3 9v1\"/><path d=\"M21 9v2\"/><path d=\"M3 14v1\"/>", Mi = "<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>", Ni = (e = "") => `<circle cx="12" cy="12" r="7" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="2"/>${e}`, Pi = (e, t) => `<text x="12" text-anchor="middle" font-family="${A.family}" ${t}>${e}</text>`, W = {
-	draw: Ai(Mi),
-	lasso: Ai(ji),
-	component: U(Ni()),
-	market: U(Ni(`<circle cx="12" cy="10" r="1.4" fill="${k.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${k.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${k.stroke}"/>`)),
-	ecosystem: U(Ni(`<circle cx="12" cy="12" r="10" fill="none" stroke="${k.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
-	anchor: U(`<path d="${Dr}" fill="${k.ink}"/>`),
+}, U = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, Mi = (e) => `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false" class="wardley-palette-svg">${e}</svg>`, Ni = "<path d=\"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z\"/><path d=\"M5 3a2 2 0 0 0-2 2\"/><path d=\"M19 3a2 2 0 0 1 2 2\"/><path d=\"M5 21a2 2 0 0 1-2-2\"/><path d=\"M9 3h1\"/><path d=\"M9 21h2\"/><path d=\"M14 3h1\"/><path d=\"M3 9v1\"/><path d=\"M21 9v2\"/><path d=\"M3 14v1\"/>", Pi = "<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>", Fi = (e = "") => `<circle cx="12" cy="12" r="7" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="2"/>${e}`, Ii = (e, t) => `<text x="12" text-anchor="middle" font-family="${A.family}" ${t}>${e}</text>`, W = {
+	draw: Mi(Pi),
+	lasso: Mi(Ni),
+	component: U(Fi()),
+	market: U(Fi(`<circle cx="12" cy="10" r="1.4" fill="${k.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${k.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${k.stroke}"/>`)),
+	ecosystem: U(Fi(`<circle cx="12" cy="12" r="10" fill="none" stroke="${k.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
+	anchor: U(`<path d="${Ar}" fill="${k.ink}"/>`),
 	pipeline: U(`<rect x="9.5" y="2.5" width="5.5" height="5.5" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="1.5"/><rect x="2" y="10" width="20" height="9" rx="2" fill="none" stroke="${k.pipeline}" stroke-width="1.25" stroke-dasharray="3 2"/><circle cx="7" cy="14.5" r="2.2" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="1.2"/><circle cx="17" cy="14.5" r="2.2" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="1.2"/>`),
 	note: U(`<g fill="none" stroke="${k.noteText}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h14v11l-5 5H5z" fill="${k.componentFill}"/><path d="M14 20v-5h5"/><line x1="8" y1="8.5" x2="16" y2="8.5"/><line x1="8" y1="12" x2="13" y2="12"/></g>`),
-	annotation: U(`<circle cx="12" cy="12" r="8" fill="${k.annotationFill}" stroke="${k.stroke}" stroke-width="1.25"/>` + Pi("1", `y="16" font-size="11" font-weight="700" fill="${k.stroke}"`)),
-	accelerator: U(`<path d="${Ar}" fill="${k.accelerator}"/>`),
-	deaccelerator: U(`<path d="${jr}" fill="${k.deaccelerator}"/>`),
+	annotation: U(`<circle cx="12" cy="12" r="8" fill="${k.annotationFill}" stroke="${k.stroke}" stroke-width="1.25"/>` + Ii("1", `y="16" font-size="11" font-weight="700" fill="${k.stroke}"`)),
+	accelerator: U(`<path d="${jr}" fill="${k.accelerator}"/>`),
+	deaccelerator: U(`<path d="${Mr}" fill="${k.deaccelerator}"/>`),
 	submap: U(`<rect x="4" y="4" width="16" height="16" rx="3" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="2"/><rect x="7.5" y="7.5" width="9" height="9" rx="1.5" fill="none" stroke="${k.stroke}" stroke-width="1"/>`)
-}, Fi = {
+}, Li = {
 	pioneers: "P",
 	settlers: "S",
 	townplanners: "T"
@@ -3327,15 +3359,15 @@ var Di = class extends ce {
 * straight segment. Lucide (lucide-static 1.59.0) @license ISC
 * Copyright (c) 2026 Lucide Icons and Contributors
 * Full notice: README.md of @miragon/wardley-renderer */
-function Ii(e) {
+function Ri(e) {
 	let t = Re[e] ?? {
 		fill: k.band,
 		stroke: k.dependency
-	}, n = Fi[e] ?? "";
-	return U(`<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"/>` + Pi(n, `y="15.3" font-size="9" font-weight="700" fill="${k.ink}"`));
+	}, n = Li[e] ?? "";
+	return U(`<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"/>` + Ii(n, `y="15.3" font-size="9" font-weight="700" fill="${k.ink}"`));
 }
 // src/palette/WardleyPaletteProvider.ts
-var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
+var G = "wardley-1-blocks", zi = "wardley-2-strategy", Bi = [
 	{
 		key: "component",
 		type: "component",
@@ -3394,8 +3426,8 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 		type: "attitude",
 		label: "Pioneers",
 		title: "Pioneers region",
-		icon: Ii("pioneers"),
-		group: Li,
+		icon: Ri("pioneers"),
+		group: zi,
 		extra: { attitudeKind: "pioneers" }
 	},
 	{
@@ -3403,8 +3435,8 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 		type: "attitude",
 		label: "Settlers",
 		title: "Settlers region",
-		icon: Ii("settlers"),
-		group: Li,
+		icon: Ri("settlers"),
+		group: zi,
 		extra: { attitudeKind: "settlers" }
 	},
 	{
@@ -3412,8 +3444,8 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 		type: "attitude",
 		label: "Town Planners",
 		title: "Town Planners region",
-		icon: Ii("townplanners"),
-		group: Li,
+		icon: Ri("townplanners"),
+		group: zi,
 		extra: { attitudeKind: "townplanners" }
 	},
 	{
@@ -3422,7 +3454,7 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 		label: "Accelerate",
 		title: "Accelerator",
 		icon: W.accelerator,
-		group: Li,
+		group: zi,
 		extra: { acceleratorDirection: "accelerate" }
 	},
 	{
@@ -3431,7 +3463,7 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 		label: "Deaccelerate",
 		title: "Deaccelerator",
 		icon: W.deaccelerator,
-		group: Li,
+		group: zi,
 		extra: { acceleratorDirection: "deaccelerate" }
 	},
 	{
@@ -3448,18 +3480,18 @@ var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 	title: "Lasso",
 	shortcut: "L",
 	icon: W.lasso
-}, zi = {
+}, Vi = {
 	key: "draw-tool",
 	title: "Draw",
 	icon: W.draw
-}, Bi = 24, Vi = 24, Hi = 12;
-function Ui(e) {
+}, Hi = 24, Ui = 24, Wi = 12;
+function Gi(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function Wi(e) {
+function Ki(e) {
 	return e.type === "click" && e.detail === 0;
 }
-var Gi = class {
+var qi = class {
 	create;
 	factory;
 	lassoTool;
@@ -3486,19 +3518,19 @@ var Gi = class {
 			action: { click: (e) => {
 				this.lassoTool.activateSelection(e), this.focusCanvasAfterPointer(e);
 			} }
-		}, e[zi.key] = {
+		}, e[Vi.key] = {
 			group: "tools",
-			...this.describe(zi.title, zi.shortcut),
-			html: this.entryHtml(zi.title, zi.icon, zi.shortcut),
+			...this.describe(Vi.title, Vi.shortcut),
+			html: this.entryHtml(Vi.title, Vi.icon, Vi.shortcut),
 			action: { click: (e) => {
 				this.drawTool.toggle(), this.focusCanvasAfterPointer(e);
 			} }
 		};
-		for (let t of Ri) {
+		for (let t of Bi) {
 			let n = (e) => {
 				this.create.start(e, this.createShapeFor(t)), this.focusCanvasAfterPointer(e);
 			}, r = (e) => {
-				Wi(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
+				Ki(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
 			};
 			e[`create.${t.key}`] = {
 				group: t.group,
@@ -3513,13 +3545,13 @@ var Gi = class {
 		return e;
 	}
 	createAtFreeCenter(e) {
-		let t = Ri.find((t) => `create.${t.key}` === e);
+		let t = Bi.find((t) => `create.${t.key}` === e);
 		if (!t) return;
 		let n = this.injector.get("modeling"), r = this.injector.get("canvas"), i = this.injector.get("evolutionGrid"), a = this.createShapeFor(t), o = this.freeCenterPosition(a, r, i);
 		return n.createShape(a, o, r.getRootElement()), this.injector.get("selection", !1)?.select(a), r.focus(), t.type !== "attitude" && this.injector.get("wardleyLabelEditing", !1)?.activate(a), a;
 	}
 	focusCanvasAfterPointer(e) {
-		Wi(e) || L(this.injector.get("canvas"));
+		Ki(e) || L(this.injector.get("canvas"));
 	}
 	createShapeFor(e) {
 		return this.factory.createNew(e.type, e.label, e.extra ?? {});
@@ -3535,13 +3567,13 @@ var Gi = class {
 			evolution: 1,
 			visibility: 0
 		}), o = (e, t, n, r) => {
-			let i = t + r / 2 + Bi, a = n - r / 2 - Bi;
+			let i = t + r / 2 + Hi, a = n - r / 2 - Hi;
 			return i > a ? (t + n) / 2 : Math.min(a, Math.max(i, e));
 		}, s = (t) => ({
-			x: o(r.x + t * Vi, i.x, a.x, e.width),
-			y: o(r.y + t * Vi, i.y, a.y, e.height)
+			x: o(r.x + t * Ui, i.x, a.x, e.width),
+			y: o(r.y + t * Ui, i.y, a.y, e.height)
 		}), c = this.injector.get("elementRegistry"), l = (t) => c.find((n) => j(n) && n.wardleyType !== "attitude" && n.wardleyType !== "drawing" && Math.abs(n.x + n.width / 2 - t.x) < (n.width + e.width) / 2 && Math.abs(n.y + n.height / 2 - t.y) < (n.height + e.height) / 2) !== void 0;
-		for (let e = 0; e < Hi; e++) {
+		for (let e = 0; e < Wi; e++) {
 			let t = s(e);
 			if (!l(t)) return t;
 		}
@@ -3554,12 +3586,12 @@ var Gi = class {
 		} : { title: e };
 	}
 	entryHtml(e, t, n, r = !1) {
-		let i = this.needsNativeTitle ? ` title="${Ui(n ? `${e} (${n})` : e)}"` : "", a = n ? ` aria-keyshortcuts="${Ui(n)}"` : "";
+		let i = this.needsNativeTitle ? ` title="${Gi(n ? `${e} (${n})` : e)}"` : "", a = n ? ` aria-keyshortcuts="${Gi(n)}"` : "";
 		return `<div class="entry wardley-palette-entry"${r ? " draggable=\"true\"" : ""}${i}${a}>${t}</div>`;
 	}
-}, Ki = ".djs-palette-entries .entry", qi = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ji = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), Yi = /* @__PURE__ */ new Set(["Enter", " "]), Xi = {
+}, Ji = ".djs-palette-entries .entry", Yi = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Xi = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), Zi = /* @__PURE__ */ new Set(["Enter", " "]), Qi = {
 	__init__: ["wardleyPaletteProvider", "wardleyPaletteKeyboard"],
-	wardleyPaletteProvider: ["type", Gi],
+	wardleyPaletteProvider: ["type", qi],
 	wardleyPaletteKeyboard: ["type", class {
 		palette;
 		provider;
@@ -3584,7 +3616,7 @@ var Gi = class {
 			}), this.updateTabStops());
 		}
 		entries() {
-			return this.container ? Array.from(this.container.querySelectorAll(Ki)) : [];
+			return this.container ? Array.from(this.container.querySelectorAll(Ji)) : [];
 		}
 		entryOf(e) {
 			if (!(e instanceof Element) || !this.container) return null;
@@ -3601,7 +3633,7 @@ var Gi = class {
 			let t = this.entryOf(e.target);
 			if (!t || e.altKey || e.ctrlKey || e.metaKey) return;
 			let n = this.entries(), r = n.indexOf(t), i;
-			qi.has(e.key) ? i = n[(r - 1 + n.length) % n.length] : Ji.has(e.key) ? i = n[(r + 1) % n.length] : e.key === "Home" ? i = n[0] : e.key === "End" && (i = n[n.length - 1]), i ? (e.preventDefault(), e.stopPropagation(), i.focus()) : Yi.has(e.key) && (e.preventDefault(), e.stopPropagation(), this.activate(t));
+			Yi.has(e.key) ? i = n[(r - 1 + n.length) % n.length] : Xi.has(e.key) ? i = n[(r + 1) % n.length] : e.key === "Home" ? i = n[0] : e.key === "End" && (i = n[n.length - 1]), i ? (e.preventDefault(), e.stopPropagation(), i.focus()) : Zi.has(e.key) && (e.preventDefault(), e.stopPropagation(), this.activate(t));
 		}
 		activate(e) {
 			let t = e.getAttribute("data-action");
@@ -3614,29 +3646,29 @@ var Gi = class {
 			this.palette.triggerEntry(t, "click", r);
 		}
 	}]
-}, Zi = 8, Qi = 134, $i = class extends je {
+}, $i = 8, ea = 134, ta = class extends je {
 	_getTargetBounds(e) {
 		let t = Array.isArray(e) ? e : [e], n = t.flatMap((e) => this.visualRects(e, "node"));
 		if (!n.length) return je.prototype._getTargetBounds.call(this, e);
-		let r = ea(n), i = r.right + this.padWidth() + Zi * this.internals()._canvas.zoom(), a = t.flatMap((e) => this.visualRects(e, "movement"));
-		return t.flatMap((e) => this.movementTargetRects(e)).some((e) => e.right > r.right && e.left < i) ? ea([...n, ...a]) : r;
+		let r = na(n), i = r.right + this.padWidth() + $i * this.internals()._canvas.zoom(), a = t.flatMap((e) => this.visualRects(e, "movement"));
+		return t.flatMap((e) => this.movementTargetRects(e)).some((e) => e.right > r.right && e.left < i) ? na([...n, ...a]) : r;
 	}
 	internals() {
 		return this;
 	}
 	padWidth() {
-		return this.internals()._current?.html?.getBoundingClientRect().width || Qi;
+		return this.internals()._current?.html?.getBoundingClientRect().width || ea;
 	}
 	movementTargetRects(e) {
-		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${qr} > :is(.wardley-evolve-handle, text)`);
+		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${Yr} > :is(.wardley-evolve-handle, text)`);
 		return Array.from(t ?? []).map((e) => e.getBoundingClientRect());
 	}
 	visualRects(e, t) {
 		let n = this.internals()._canvas.getGraphics(e);
-		return n ? Array.from(n.children).flatMap((e) => e.classList.contains("djs-visual") ? Array.from(e.children).filter((e) => e.classList.contains(qr) === (t === "movement")) : t === "node" ? [e] : []).map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 || e.height > 0) : [];
+		return n ? Array.from(n.children).flatMap((e) => e.classList.contains("djs-visual") ? Array.from(e.children).filter((e) => e.classList.contains(Yr) === (t === "movement")) : t === "node" ? [e] : []).map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 || e.height > 0) : [];
 	}
 };
-function ea(e) {
+function na(e) {
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.right)), i = Math.max(...e.map((e) => e.bottom));
 	return {
 		left: t,
@@ -3650,7 +3682,7 @@ function ea(e) {
 	};
 }
 // src/label-editing/fieldError.ts
-function ta(e, t, n, r) {
+function ra(e, t, n, r) {
 	let i;
 	return {
 		get caption() {
@@ -3665,31 +3697,37 @@ function ta(e, t, n, r) {
 	};
 }
 // src/label-editing/WardleyLabelEditing.ts
-function na(e, t) {
+function ia(e, t) {
 	if (e.focus(), t.selection) {
 		let n = e.value.length;
 		e.setSelectionRange(Math.min(t.selection.start, n), Math.min(t.selection.end, n));
 	} else e.select();
 }
-var ra = "wardley-name-label", ia = "wardley-label-editing", aa = /* @__PURE__ */ new Set(["attitude", "drawing"]), oa = 500, sa = 6, ca = 2, la = 1.5, ua = 1.25, da = 11, fa = 4, pa = "Cmd/Ctrl+Enter to save · Esc to cancel";
-function ma(e) {
+var aa = "wardley-name-label", oa = "wardley-label-editing", sa = /* @__PURE__ */ new Set(["attitude", "drawing"]), ca = 500, la = 6, ua = 2, da = 1.5, fa = 1.25, pa = 11, ma = 4;
+function ha(e) {
+	return e.isComposing || e.keyCode === 229;
+}
+var ga = "Cmd/Ctrl+Enter to save · Esc to cancel";
+function _a(e) {
 	return `“${e}” already exists. Names must be unique because links refer to them.`;
 }
-function ha(e) {
-	return e.replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
+function va(e) {
+	return e.replace(/\r\n?/g, "\n").replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
 }
-var ga;
-function _a(e, t, n) {
-	return ga === void 0 && (ga = document.createElement("canvas").getContext("2d")), ga ? (ga.font = t, ga.measureText(e).width) : e.length * n * .6;
+var ya;
+function ba(e, t, n) {
+	return ya === void 0 && (ya = document.createElement("canvas").getContext("2d")), ya ? (ya.font = t, ya.measureText(e).width) : e.length * n * .6;
 }
-var va = class {
+var xa = class {
 	eventBus;
 	canvas;
+	elementRegistry;
 	modeling;
 	factory;
 	static $inject = [
 		"eventBus",
 		"canvas",
+		"elementRegistry",
 		"wardleyModeling",
 		"wardleyElementFactory",
 		"injector"
@@ -3699,41 +3737,41 @@ var va = class {
 	contextPad;
 	selection;
 	locked;
-	constructor(e, t, n, r, i) {
-		this.eventBus = e, this.canvas = t, this.modeling = n, this.factory = r, jt(), this.contextPad = i.get("contextPad", !1) ?? null, this.selection = i.get("selection", !1) ?? null, this.locked = () => I(i), e.on("element.dblclick", (e) => {
+	constructor(e, t, n, r, i, a) {
+		this.eventBus = e, this.canvas = t, this.elementRegistry = n, this.modeling = r, this.factory = i, jt(), this.contextPad = a.get("contextPad", !1) ?? null, this.selection = a.get("selection", !1) ?? null, this.locked = () => I(a), e.on("element.dblclick", (e) => {
 			j(e.element) ? this.activate(e.element) : M(e.element) && this.activateConnection(e.element);
-		}), e.on(["element.mousedown", "drag.init"], () => this.active?.commit("outside")), e.on("canvas.viewbox.changing", () => this.relayoutAfterViewChange()), e.on("canvas.viewbox.changed", () => this.active?.relayout()), e.on(["shape.changed", "connection.changed"], oa, (e) => {
+		}), e.on(["element.mousedown", "drag.init"], () => this.active?.commit("outside")), e.on("canvas.viewbox.changing", () => this.relayoutAfterViewChange()), e.on("canvas.viewbox.changed", () => this.active?.relayout()), e.on(["shape.changed", "connection.changed"], ca, (e) => {
 			this.active && e.element?.id === this.active.elementId && this.active.relayout();
 		}), e.on(["shape.remove", "connection.remove"], (e) => {
 			this.active && e.element?.id === this.active.elementId && this.cancel();
 		}), e.on("diagram.destroy", () => this.cancel());
 	}
 	activate(e, t = {}) {
-		if (!j(e) || aa.has(e.wardleyType) || this.locked()) return;
+		if (!j(e) || sa.has(e.wardleyType) || this.locked() || this.elementRegistry.get(e.id) !== e) return;
 		this.active?.commit("outside");
-		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = Mt(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = (e) => Math.max(e * ua, r ? 17 * this.canvas.zoom() : 0), u = l(c.fontSize), d = ya(r, t.value ?? e.wardleyLabel ?? "", c, u), f = r ? xa("wardley-label-hint", pa) : void 0, p = () => {
-			let { left: e, top: t, width: n, height: i } = ba(d.value, c, u, r);
+		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = Mt(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = (e) => Math.max(e * fa, r ? 17 * this.canvas.zoom() : 0), u = l(c.fontSize), d = Sa(r, t.value ?? e.wardleyLabel ?? "", c, u), f = r ? wa("wardley-label-hint", ga) : void 0, p = () => {
+			let { left: e, top: t, width: n, height: i } = Ca(d.value, c, u, r);
 			Object.assign(d.style, {
 				left: `${e}px`,
 				top: `${t}px`,
 				width: `${n}px`,
 				height: `${i}px`
-			});
-			let a = t + i + fa;
-			for (let t of [m.caption, f]) t && (t.style.left = `${e}px`, t.style.top = `${a}px`, a += t.offsetHeight + fa);
-		}, m = ta(n, d, `wardley-label-error-${e.id}`, () => p()), h = (e) => {
-			m.show(ma(e)), d.select();
+			}), d.scrollTop = 0;
+			let a = t + i + ma;
+			for (let t of [m.caption, f]) t && (t.style.left = `${e}px`, t.style.top = `${a}px`, a += t.offsetHeight + ma);
+		}, m = ra(n, d, `wardley-label-error-${e.id}`, () => p()), h = (e) => {
+			m.show(_a(e)), d.select();
 		}, g = () => m.clear();
-		this.contextPad?.close(), this.canvas.addMarker(e, ia), n.appendChild(d), f && n.appendChild(f), p(), na(d, t);
+		this.contextPad?.close(), this.canvas.addMarker(e, oa), n.appendChild(d), f && n.appendChild(f), p(), ia(d, t);
 		let _ = !1, v = () => {
 			if (!_) {
-				_ = !0, d.removeEventListener("keydown", ee), d.removeEventListener("blur", ne), d.removeEventListener("input", te), d.remove(), f?.remove(), m.clear(), this.canvas.removeMarker(e, ia);
-				for (let e of s) e.classList.remove(ra), e.classList.length || e.removeAttribute("class");
+				_ = !0, d.removeEventListener("keydown", ee), d.removeEventListener("blur", ne), d.removeEventListener("input", te), d.remove(), f?.remove(), m.clear(), this.canvas.removeMarker(e, oa);
+				for (let e of s) e.classList.remove(aa), e.classList.length || e.removeAttribute("class");
 				this.active = null;
 			}
 		}, y = (t) => {
 			if (_) return;
-			let n = ha(d.value);
+			let n = va(d.value);
 			if (!n || n === e.wardleyLabel) {
 				v();
 				return;
@@ -3745,10 +3783,12 @@ var va = class {
 				applied: r
 			}));
 		}, ee = (t) => {
-			if (t.key === "Escape") t.preventDefault(), v(), this.returnToCanvas(e, i);
-			else if (t.key === "Enter") {
-				if (r && !(t.metaKey || t.ctrlKey)) return;
-				t.preventDefault(), y("enter"), _ && this.returnToCanvas(e, i);
+			if (!ha(t)) {
+				if (t.key === "Escape") t.preventDefault(), v(), this.returnToCanvas(e, i);
+				else if (t.key === "Enter") {
+					if (r ? !(t.metaKey || t.ctrlKey) : t.shiftKey) return;
+					t.preventDefault(), y("enter"), _ && this.returnToCanvas(e, i);
+				}
 			}
 		}, te = () => {
 			g(), p();
@@ -3783,7 +3823,7 @@ var va = class {
 			let r = this.canvas.zoom(), i = this.canvas.viewbox();
 			a.style.left = `${((t.x + n.x) / 2 - 60 - i.x) * r}px`, a.style.top = `${((t.y + n.y) / 2 - 26 - i.y) * r}px`;
 		};
-		o(), n.appendChild(a), na(a, t);
+		o(), n.appendChild(a), ia(a, t);
 		let s = !1, c = () => {
 			s || (s = !0, a.removeEventListener("keydown", u), a.removeEventListener("blur", d), a.remove(), this.active = null);
 		}, l = () => {
@@ -3852,20 +3892,20 @@ var va = class {
 			labelElements: [],
 			classedByFallback: []
 		};
-		let n = [...t.querySelectorAll(`.${ra}`)];
+		let n = [...t.querySelectorAll(`.${aa}`)];
 		if (n.length) return {
 			labelElements: n,
 			classedByFallback: []
 		};
-		let r = [...t.querySelectorAll("text")].filter((e) => !e.closest(".wardley-movement")), i = e.wardleyType === "note" ? r : r.filter((t) => t.textContent === e.wardleyLabel).slice(-1);
-		for (let e of i) e.classList.add(ra);
+		let r = [...t.querySelectorAll("text")].filter((e) => !e.closest(".wardley-movement")), i = (e.wardleyLabel ?? "").split("\n").join(""), a = e.wardleyType === "note" ? r : r.filter((e) => e.textContent === i).slice(-1);
+		for (let e of a) e.classList.add(aa);
 		return {
-			labelElements: i,
-			classedByFallback: i
+			labelElements: a,
+			classedByFallback: a
 		};
 	}
 	labelGeometry(e, t) {
-		let n = this.canvas.zoom(), r = this.canvas.viewbox(), i = this.canvas.getContainer().getBoundingClientRect(), a = t[0], o = a ? getComputedStyle(a) : void 0, s = Math.max(da, (Number.parseFloat(o?.fontSize ?? "") || A.label) * n), c = {
+		let n = this.canvas.zoom(), r = this.canvas.viewbox(), i = this.canvas.getContainer().getBoundingClientRect(), a = t[0], o = a ? getComputedStyle(a) : void 0, s = Math.max(pa, (Number.parseFloat(o?.fontSize ?? "") || A.label) * n), c = {
 			fontSize: s,
 			fontWeight: o?.fontWeight || "normal",
 			fontStyle: o?.fontStyle || "normal",
@@ -3900,64 +3940,64 @@ var va = class {
 		};
 	}
 };
-function ya(e, t, n, r) {
-	let i = e ? document.createElement("textarea") : document.createElement("input");
-	return i.className = e ? "wardley-label-input wardley-label-input--name wardley-label-textarea" : "wardley-label-input wardley-label-input--name", i.value = t, i.setAttribute("aria-label", e ? "Note text" : "Name"), i.spellcheck = !1, i instanceof HTMLTextAreaElement ? i.wrap = "off" : i.type = "text", Object.assign(i.style, {
+function Sa(e, t, n, r) {
+	let i = document.createElement("textarea");
+	return i.className = "wardley-label-input wardley-label-input--name wardley-label-textarea", i.value = t, i.rows = 1, i.setAttribute("aria-label", e ? "Note text" : "Name"), i.spellcheck = !1, i.wrap = "off", Object.assign(i.style, {
 		position: "absolute",
 		fontFamily: n.fontFamily,
 		fontSize: `${n.fontSize}px`,
 		fontWeight: n.fontWeight,
 		fontStyle: n.fontStyle,
 		lineHeight: `${r}px`,
-		padding: `${ca}px ${sa}px`,
+		padding: `${ua}px ${la}px`,
 		textAlign: n.centered ? "center" : "left"
 	}), i;
 }
-function ba(e, t, n, r) {
-	let i = `${t.fontStyle} ${t.fontWeight} ${t.fontSize}px ${t.fontFamily}`, a = (e || " ").split("\n"), o = Math.max(...a.map((e) => _a(e, i, t.fontSize))), s = Math.max(o + 17, t.fontSize * 2 + 17, r ? t.width : 0), c = Math.max(a.length * n + 7, r ? t.height : 0);
+function Ca(e, t, n, r) {
+	let i = `${t.fontStyle} ${t.fontWeight} ${t.fontSize}px ${t.fontFamily}`, a = (e || " ").split("\n"), o = Math.max(...a.map((e) => ba(e, i, t.fontSize))), s = Math.max(o + 17, t.fontSize * 2 + 17, r ? t.width : 0), c = Math.max(a.length * n + 7, r ? t.height : 0);
 	return {
-		left: t.centered ? t.left + t.width / 2 - s / 2 : t.left - sa - la,
+		left: t.centered ? t.left + t.width / 2 - s / 2 : t.left - la - da,
 		top: t.top + t.height / 2 - c / 2,
 		width: s,
 		height: c
 	};
 }
-function xa(e, t) {
+function wa(e, t) {
 	let n = document.createElement("div");
 	return n.className = `wardley-label-caption ${e}`, n.textContent = t, n;
 }
 // src/label-editing/index.ts
-var Sa = {
+var Ta = {
 	__init__: ["wardleyLabelEditing"],
-	wardleyLabelEditing: ["type", va]
-}, Ca = /* @__PURE__ */ new Set([
+	wardleyLabelEditing: ["type", xa]
+}, Ea = /* @__PURE__ */ new Set([
 	"http:",
 	"https:",
 	"mailto:"
-]), wa = /^([a-z][a-z0-9+.-]*):/i, Ta = /[\u0000-\u001f\u007f]/g;
-function Ea(e) {
-	return e.replace(Ta, "").replace(/[[\]]/g, "").trim();
+]), Da = /^([a-z][a-z0-9+.-]*):/i, Oa = /[\u0000-\u001f\u007f]/g;
+function ka(e) {
+	return e.replace(Oa, "").replace(/[[\]]/g, "").trim();
 }
-function Da(e) {
-	let t = wa.exec(e)?.[1];
-	return t === void 0 || Ca.has(`${t.toLowerCase()}:`);
+function Aa(e) {
+	let t = Da.exec(e)?.[1];
+	return t === void 0 || Ea.has(`${t.toLowerCase()}:`);
 }
-function Oa(e) {
+function ja(e) {
 	if (e === void 0) return;
-	let t = Ea(e);
-	return t && Da(t) ? t : void 0;
+	let t = ka(e);
+	return t && Aa(t) ? t : void 0;
 }
 // src/link-editing/WardleyLinkEditing.ts
-var ka = 72, Aa = 500, ja = 4, Ma = "Use an http(s) or mailto address, or a relative path such as ./other.wmap";
-function Na(e) {
+var Ma = 72, Na = 500, Pa = 4, Fa = "Use an http(s) or mailto address, or a relative path such as ./other.wmap";
+function Ia(e) {
 	return e.wardleyType === "component" || e.wardleyType === "submap";
 }
-function Pa(e) {
+function La(e) {
 	let t = e.businessObject;
 	if (e.wardleyType === "submap") return t?.urlRef;
 	if (e.wardleyType === "component") return t?.url;
 }
-var Fa = class {
+var Ra = class {
 	canvas;
 	modeling;
 	injector;
@@ -3970,15 +4010,15 @@ var Fa = class {
 	active = null;
 	relayoutPending = !1;
 	constructor(e, t, n, r) {
-		this.canvas = t, this.modeling = n, this.injector = r, e.on(["element.mousedown", "drag.init"], () => this.active?.commit()), e.on("canvas.viewbox.changing", () => this.relayoutAfterViewChange()), e.on("canvas.viewbox.changed", () => this.active?.relayout()), e.on("shape.changed", Aa, (e) => {
+		this.canvas = t, this.modeling = n, this.injector = r, e.on(["element.mousedown", "drag.init"], () => this.active?.commit()), e.on("canvas.viewbox.changing", () => this.relayoutAfterViewChange()), e.on("canvas.viewbox.changed", () => this.active?.relayout()), e.on("shape.changed", Na, (e) => {
 			this.active && e.element?.id === this.active.elementId && this.active.relayout();
 		}), e.on(["diagram.clear", "diagram.destroy"], () => this.cancel());
 	}
 	setLink(e, t) {
-		if (!Na(e)) return !1;
-		let n = Ea(t ?? "");
-		if (n && !Da(n)) return !1;
-		if ((Pa(e) ?? "") === n) return !0;
+		if (!Ia(e)) return !1;
+		let n = ka(t ?? "");
+		if (n && !Aa(n)) return !1;
+		if ((La(e) ?? "") === n) return !0;
 		let r = e.wardleyType === "submap" ? "urlRef" : "url";
 		e.businessObject ||= {
 			id: e.id,
@@ -3993,23 +4033,23 @@ var Fa = class {
 		return n ? i[r] = n : delete i[r], this.modeling.updateProperties(e, { businessObject: i }), !0;
 	}
 	activate(e, t = {}) {
-		if (!Na(e) || I(this.injector)) return;
+		if (!Ia(e) || I(this.injector)) return;
 		this.active?.commit();
 		let n = this.canvas.getContainer(), r = document.createElement("input");
-		r.type = "text", r.inputMode = "url", r.spellcheck = !1, r.autocomplete = "off", r.className = "wardley-label-input wardley-link-input", r.placeholder = "https://… or ./other.wmap", r.setAttribute("aria-label", `Link of ${e.wardleyLabel || e.wardleyType}`), r.value = t.value ?? Pa(e) ?? "", r.style.position = "absolute";
+		r.type = "text", r.inputMode = "url", r.spellcheck = !1, r.autocomplete = "off", r.className = "wardley-label-input wardley-link-input", r.placeholder = "https://… or ./other.wmap", r.setAttribute("aria-label", `Link of ${e.wardleyLabel || e.wardleyType}`), r.value = t.value ?? La(e) ?? "", r.style.position = "absolute";
 		let i = () => {
 			let t = this.canvas.zoom(), n = this.canvas.viewbox();
-			r.style.left = `${(e.x - n.x) * t}px`, r.style.top = `${(e.y - n.y) * t + ka}px`;
+			r.style.left = `${(e.x - n.x) * t}px`, r.style.top = `${(e.y - n.y) * t + Ma}px`;
 		};
-		i(), n.appendChild(r), na(r, t);
+		i(), n.appendChild(r), ia(r, t);
 		let a = !1, o = () => {
 			a || (a = !0, r.removeEventListener("keydown", p), r.removeEventListener("blur", m), r.removeEventListener("input", u), c.clear(), r.remove(), this.active = null);
 		}, s = (e) => {
-			e.style.left = r.style.left, e.style.top = `${r.offsetTop + r.offsetHeight + ja}px`;
-		}, c = ta(n, r, `wardley-link-error-${e.id}`, s), l = () => c.show(Ma), u = () => c.clear(), d = () => {
+			e.style.left = r.style.left, e.style.top = `${r.offsetTop + r.offsetHeight + Pa}px`;
+		}, c = ra(n, r, `wardley-link-error-${e.id}`, s), l = () => c.show(Fa), u = () => c.clear(), d = () => {
 			if (a) return !0;
-			let t = Ea(r.value);
-			return t && !Da(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
+			let t = ka(r.value);
+			return t && !Aa(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
 		}, f = () => {
 			d() || o();
 		}, p = (e) => {
@@ -4050,26 +4090,26 @@ var Fa = class {
 			}
 		};
 	}
-}, Ia = {
+}, za = {
 	__init__: ["wardleyLinkEditing"],
-	wardleyLinkEditing: ["type", Fa]
-}, La = "wardley-element-settings", Ra = {
+	wardleyLinkEditing: ["type", Ra]
+}, Ba = "wardley-element-settings", Va = {
 	id: "type",
 	name: "Type"
-}, za = {
+}, Ha = {
 	id: "method",
 	name: "Sourcing"
-}, Ba = {
+}, Ua = {
 	id: "props",
 	name: "Properties"
 };
-function Va(e) {
+function Wa(e) {
 	e.key !== "Escape" && e.stopPropagation();
 }
 function q(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var Ha = class {
+var Ga = class {
 	modeling;
 	static $inject = [
 		"popupMenu",
@@ -4077,9 +4117,9 @@ var Ha = class {
 		"eventBus"
 	];
 	constructor(e, t, n) {
-		this.modeling = t, e.registerProvider(La, this), n.on("popupMenu.open", () => {
+		this.modeling = t, e.registerProvider(Ba, this), n.on("popupMenu.open", () => {
 			let t = e._current?.container;
-			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", Va);
+			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", Wa);
 		});
 	}
 	getPopupMenuEntries(e) {
@@ -4091,50 +4131,50 @@ var Ha = class {
 		return {
 			"type-normal": {
 				label: q(n === "normal", "Normal"),
-				group: Ra,
+				group: Va,
 				action: () => this.modeling.setMarketEcosystem(e, void 0)
 			},
 			"type-market": {
 				label: q(n === "market", "Market"),
-				group: Ra,
+				group: Va,
 				action: () => this.modeling.setMarketEcosystem(e, "market")
 			},
 			"type-ecosystem": {
 				label: q(n === "ecosystem", "Ecosystem"),
-				group: Ra,
+				group: Va,
 				action: () => this.modeling.setMarketEcosystem(e, "ecosystem")
 			},
 			"method-none": {
 				label: q(!r, "None"),
-				group: za,
+				group: Ha,
 				action: () => this.modeling.setMethod(e, void 0)
 			},
 			"method-build": {
 				label: q(r === "build", "Build"),
-				group: za,
+				group: Ha,
 				action: () => this.modeling.setMethod(e, "build")
 			},
 			"method-buy": {
 				label: q(r === "buy", "Buy"),
-				group: za,
+				group: Ha,
 				action: () => this.modeling.setMethod(e, "buy")
 			},
 			"method-outsource": {
 				label: q(r === "outsource", "Outsource"),
-				group: za,
+				group: Ha,
 				action: () => this.modeling.setMethod(e, "outsource")
 			},
 			"prop-inertia": {
 				label: q(!!t.inertia, "Inertia"),
-				group: Ba,
+				group: Ua,
 				action: () => this.modeling.toggleInertia(e)
 			}
 		};
 	}
-}, Ua = {
+}, Ka = {
 	__init__: ["wardleyElementSettings"],
-	wardleyElementSettings: ["type", Ha]
-}, Wa = {
+	wardleyElementSettings: ["type", Ga]
+}, qa = {
 	pencil: "<path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"/><path d=\"m15 5 4 4\"/>",
 	trash: "<path d=\"M10 11v6\"/><path d=\"M14 11v6\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\"/><path d=\"M3 6h18\"/><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/>",
 	"circle-plus": "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M8 12h8\"/><path d=\"M12 8v8\"/>",
@@ -4153,22 +4193,22 @@ var Ha = class {
 * @license MIT, Copyright (c) 2013-present Cole Bemis
 * Full notices: README.md of @miragon/wardley-renderer */
 function J(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${Wa[e]}</svg>`;
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${qa[e]}</svg>`;
 }
 // src/context-pad/WardleyContextPadProvider.ts
-var Ga = "edit", Ka = "wardley", qa = "danger", Ja = 80, Ya = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Xa = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
-function Za(e) {
+var Ja = "edit", Ya = "wardley", Xa = "danger", Za = 80, Qa = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), $a = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
+function eo(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 function Y(e, t, n = !1) {
-	let r = Za(t);
+	let r = eo(t);
 	return `<div class="entry wardley-cp-entry" role="button" tabindex="0" aria-label="${r}"${n ? " draggable=\"true\"" : ""} title="${r}">${e}</div>`;
 }
 // src/context-pad/index.ts
-var Qa = {
+var to = {
 	__depends__: [we],
 	__init__: ["wardleyContextPadProvider"],
-	contextPad: ["type", $i],
+	contextPad: ["type", ta],
 	wardleyContextPadProvider: ["type", class {
 		contextPad;
 		modeling;
@@ -4209,7 +4249,7 @@ var Qa = {
 			if (!j(e)) return {};
 			let t = e, n = {};
 			return this.addPrimaryEntries(t, n), this.addPropertyEntries(t, n), n.delete = {
-				group: qa,
+				group: Xa,
 				title: "Delete",
 				html: Y(J("trash"), "Delete"),
 				action: { click: this.focusingCanvas(() => this.modeling.removeElements([t])) }
@@ -4219,13 +4259,13 @@ var Qa = {
 			let t = e.wardleyType === "flow" ? "Edit flow value" : "Edit link annotation";
 			return {
 				"edit-value": {
-					group: Ga,
+					group: Ja,
 					title: t,
 					html: Y(J("pencil"), t),
 					action: { click: () => this.labelEditing.activateConnection(e) }
 				},
 				delete: {
-					group: qa,
+					group: Xa,
 					title: "Delete connection",
 					html: Y(J("trash"), "Delete connection"),
 					action: { click: this.focusingCanvas(() => this.modeling.removeElements([e])) }
@@ -4234,7 +4274,7 @@ var Qa = {
 		}
 		addPrimaryEntries(e, t) {
 			if (e.wardleyType !== "drawing" && e.wardleyType !== "attitude" && (t["edit-label"] = {
-				group: Ga,
+				group: Ja,
 				title: "Edit label",
 				html: Y(J("pencil"), "Edit label"),
 				action: { click: () => this.labelEditing.activate(e) }
@@ -4248,7 +4288,7 @@ var Qa = {
 					this.create.start(t, n, { source: e });
 				});
 				t.append = {
-					group: Ga,
+					group: Ja,
 					title: "Append component (auto-connect)",
 					html: Y(J("circle-plus"), "Append component", !0),
 					action: {
@@ -4260,7 +4300,7 @@ var Qa = {
 					this.connect.start(t, e);
 				});
 				t.connect = {
-					group: Ga,
+					group: Ja,
 					title: "Connect to existing element (A)",
 					html: Y(J("arrow-right"), "Connect to existing element (A)", !0),
 					action: {
@@ -4271,7 +4311,7 @@ var Qa = {
 			}
 			if (e.wardleyType === "component") {
 				if (e.movement) t["evolve-clear"] = {
-					group: Ga,
+					group: Ja,
 					title: "Remove evolve",
 					html: Y(J("chevrons-right-x"), "Remove evolve"),
 					action: { click: this.focusingCanvas(() => this.wardleyModeling.clearMovement(e)) }
@@ -4279,7 +4319,7 @@ var Qa = {
 				else if (e.evolution < .999) {
 					let n = this.focusingCanvas((t) => this.evolveDragging.start(t, e));
 					t.evolve = {
-						group: Ga,
+						group: Ja,
 						title: "Evolve: drag to set the target maturity",
 						html: Y(J("chevrons-right"), "Evolve: drag to set the target maturity", !0),
 						action: {
@@ -4292,12 +4332,12 @@ var Qa = {
 		}
 		addPropertyEntries(e, t) {
 			if (e.wardleyType === "component" && (t.settings = {
-				group: Ka,
+				group: Ya,
 				title: "Settings (type, sourcing, inertia)",
 				html: Y(J("sliders-horizontal"), "Settings (type, sourcing, inertia)"),
 				action: { click: (t) => {
 					let n = t;
-					this.popupMenu.open(e, La, {
+					this.popupMenu.open(e, Ba, {
 						x: n.clientX,
 						y: n.clientY
 					});
@@ -4305,14 +4345,14 @@ var Qa = {
 			}), e.wardleyType === "drawing") {
 				let n = e.strokeStyle === "dashed" ? "dotted" : e.strokeStyle === "dotted" ? void 0 : "dashed", r = `Line style: ${e.strokeStyle ?? "solid"} (click to change)`;
 				t["stroke-style"] = {
-					group: Ka,
+					group: Ya,
 					title: r,
 					html: Y(J("line-style"), r),
 					action: { click: this.focusingCanvas(() => this.wardleyModeling.updateProperties(e, { strokeStyle: n })) }
 				};
 			}
 			t.color = {
-				group: Ka,
+				group: Ya,
 				title: "Color",
 				html: Y(J("palette"), "Color"),
 				action: { click: (t) => {
@@ -4320,19 +4360,19 @@ var Qa = {
 					this.colorPicker.open(e, n.clientX, n.clientY);
 				} }
 			};
-			let n = this.injector.get("wardleyLinkEditing", !1), r = Pa(e);
-			if (n && Na(e)) {
+			let n = this.injector.get("wardleyLinkEditing", !1), r = La(e);
+			if (n && Ia(e)) {
 				let i = r ? "Edit link…" : "Set link…";
 				t.link = {
-					group: Ka,
+					group: Ya,
 					title: i,
 					html: Y(J("link"), i),
 					action: { click: () => n.activate(e) }
 				};
 			}
-			let i = Oa(r);
+			let i = ja(r);
 			i && (t["open-link"] = {
-				group: Ka,
+				group: Ya,
 				title: `Open link (${i})`,
 				html: Y(J("external-link"), `Open link (${i})`),
 				action: { click: this.focusingCanvas(() => window.open(i, "_blank", "noopener,noreferrer")) }
@@ -4348,7 +4388,7 @@ var Qa = {
 			let n = e.target?.closest?.(".entry"), r = n?.getAttribute("data-action");
 			if (!n || !r || !t.contains(n)) return;
 			let i = Array.from(t.querySelectorAll(".entry")), a = i.indexOf(n), o;
-			if (Ya.has(e.key) ? o = i[(a - 1 + i.length) % i.length] : Xa.has(e.key) ? o = i[(a + 1) % i.length] : e.key === "Home" ? o = i[0] : e.key === "End" && (o = i[i.length - 1]), o || e.key === "Escape") {
+			if (Qa.has(e.key) ? o = i[(a - 1 + i.length) % i.length] : $a.has(e.key) ? o = i[(a + 1) % i.length] : e.key === "Home" ? o = i[0] : e.key === "End" && (o = i[i.length - 1]), o || e.key === "Escape") {
 				e.preventDefault(), e.stopPropagation(), o ? o.focus() : this.canvas.focus();
 				return;
 			}
@@ -4389,12 +4429,12 @@ var Qa = {
 				visibility: 0
 			}).y, n = this.factory.createNew("component", "Component"), r = {
 				x: e.x + e.width / 2,
-				y: Math.min(e.y + e.height / 2 + Ja, t - n.height / 2)
+				y: Math.min(e.y + e.height / 2 + Za, t - n.height / 2)
 			}, i = this.modeling.appendShape(e, n, r, e.parent, { connection: { wardleyType: "dependency" } });
 			this.injector.get("selection", !1)?.select(i ?? n), this.labelEditing.activate(i ?? n);
 		}
 	}]
-}, $a = 2, eo = 10, to = {
+}, no = 2, ro = 10, io = {
 	arrowleft: {
 		x: -1,
 		y: 0
@@ -4411,7 +4451,7 @@ var Qa = {
 		x: 0,
 		y: 1
 	}
-}, no = {
+}, ao = {
 	c: {
 		type: "component",
 		label: "Component"
@@ -4428,15 +4468,15 @@ var Qa = {
 		type: "pipeline",
 		label: "Pipeline"
 	}
-}, ro = 40, io = 56, ao = 160, oo = {
+}, oo = 40, so = 56, co = 160, lo = {
 	x: 48,
 	y: 40
-}, so = 40;
-function co(e, t) {
+}, uo = 40;
+function fo(e, t) {
 	let n = e.target;
 	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing && n instanceof Node && !!t?.contains(n);
 }
-var lo = class {
+var po = class {
 	canvas;
 	selection;
 	modeling;
@@ -4492,9 +4532,9 @@ var lo = class {
 			if (!(oe() && t !== "escape" && t !== "l")) {
 				if (t === "escape") !re && n.get().length && n.select(null);
 				else if (t === "delete" || t === "backspace") ae(e);
-				else if (i && t in no) {
+				else if (i && t in ao) {
 					e.preventDefault();
-					let { type: n, label: r } = no[t];
+					let { type: n, label: r } = ao[t];
 					this.quickCreate(n, r);
 				} else if (i && t === "a") {
 					let t = this.singleSelectedShape();
@@ -4506,11 +4546,11 @@ var lo = class {
 					};
 					g.start(this.pointerEventOr(n), t, n, !0);
 				} else if (i && t === "l") e.preventDefault(), c.activateSelection(s.getLastMoveEvent(), !0);
-				else if (t in to) {
+				else if (t in io) {
 					let i = n.get();
 					if (!i.length) return;
 					e.preventDefault();
-					let a = e.shiftKey ? eo : $a, o = to[t];
+					let a = e.shiftKey ? ro : no, o = io[t];
 					r.moveElements(i, {
 						x: o.x * a,
 						y: o.y * a
@@ -4518,7 +4558,7 @@ var lo = class {
 				}
 			}
 		}, ce = (e) => {
-			if (!co(e, ee)) return;
+			if (!fo(e, ee)) return;
 			let t = e.key.toLowerCase();
 			e.ctrlKey || e.metaKey ? T(e, t) : se(e, t);
 		};
@@ -4545,10 +4585,10 @@ var lo = class {
 			evolution: 1
 		});
 		return {
-			left: e.x + ro,
-			top: e.y + ro,
-			right: t.x - ro,
-			bottom: t.y - ro
+			left: e.x + oo,
+			top: e.y + oo,
+			right: t.x - oo,
+			bottom: t.y - oo
 		};
 	}
 	visiblePlotCenter(e) {
@@ -4557,17 +4597,17 @@ var lo = class {
 			y: t.y + t.height / 2
 		};
 		return e ? {
-			x: uo(n.x, e.left, e.right),
-			y: uo(n.y, e.top, e.bottom)
+			x: mo(n.x, e.left, e.right),
+			y: mo(n.y, e.top, e.bottom)
 		} : n;
 	}
 	freeSpotNear(e, t) {
-		let n = (e) => !!this.elementRegistry.find((t) => j(t) && Math.abs(t.x + t.width / 2 - e.x) < oo.x && Math.abs(t.y + t.height / 2 - e.y) < oo.y), r = e;
-		for (let i = 0; i < so && n(r); i++) if (r = {
+		let n = (e) => !!this.elementRegistry.find((t) => j(t) && Math.abs(t.x + t.width / 2 - e.x) < lo.x && Math.abs(t.y + t.height / 2 - e.y) < lo.y), r = e;
+		for (let i = 0; i < uo && n(r); i++) if (r = {
 			x: r.x,
-			y: r.y + io
+			y: r.y + so
 		}, t && r.y > t.bottom && (r = {
-			x: r.x + ao,
+			x: r.x + co,
 			y: e.y
 		}, r.x > t.right)) return e;
 		return r;
@@ -4585,21 +4625,21 @@ var lo = class {
 		});
 	}
 };
-function uo(e, t, n) {
+function mo(e, t, n) {
 	return t > n ? (t + n) / 2 : Math.min(Math.max(e, t), n);
 }
 // src/keyboard/index.ts
-var fo = {
+var ho = {
 	__init__: ["wardleyKeyboard"],
-	wardleyKeyboard: ["type", lo]
-}, po = /* @__PURE__ */ new Set([
+	wardleyKeyboard: ["type", po]
+}, go = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator",
 	"note"
-]), mo = 500, ho = class {
+]), _o = 500, vo = class {
 	static $inject = ["injector", "eventBus"];
 	constructor(e, t) {
 		let n = e.get("connectionPreview", !1), r = e.get("wardleyLabelEditing", !1);
@@ -4624,21 +4664,21 @@ var fo = {
 			"create.cleanup"
 		], (e) => {
 			n.cleanUp(e.context);
-		})), r && t.on("create.end", mo, (e) => {
+		})), r && t.on("create.end", _o, (e) => {
 			let { context: t } = e, n = t.shape;
-			t.canExecute && n && !t.wardleyPaste && (t.elements?.length ?? 1) === 1 && po.has(n.wardleyType) && setTimeout(() => r.activate(n), 0);
+			t.canExecute && n && !t.wardleyPaste && (t.elements?.length ?? 1) === 1 && go.has(n.wardleyType) && setTimeout(() => r.activate(n), 0);
 		});
 	}
-}, go = {
+}, yo = {
 	__depends__: [Me],
 	__init__: ["wardleyAppendBehavior"],
-	wardleyAppendBehavior: ["type", ho]
-}, _o = {
+	wardleyAppendBehavior: ["type", vo]
+}, bo = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -3,
 	ArrowDown: 3
-}, vo = class {
+}, xo = class {
 	canvas;
 	modeling;
 	injector;
@@ -4699,18 +4739,18 @@ var fo = {
 		this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0), (e.restoreFocus || t) && this.canvas.focus();
 	}
 	onGridKeydown(e, t) {
-		let n = _o[e.key], r = t.indexOf(document.activeElement), i;
+		let n = bo[e.key], r = t.indexOf(document.activeElement), i;
 		n === void 0 ? e.key === "Home" ? i = 0 : e.key === "End" ? i = t.length - 1 : e.key === "Tab" && (i = r + (e.shiftKey ? -1 : 1), i = (i + t.length) % t.length) : i = r < 0 ? 0 : r + n, i !== void 0 && (e.preventDefault(), e.stopPropagation(), t[Math.min(t.length - 1, Math.max(0, i))]?.focus());
 	}
-}, yo = {
+}, So = {
 	__init__: ["wardleyColorPicker"],
-	wardleyColorPicker: ["type", vo]
+	wardleyColorPicker: ["type", xo]
 };
 // src/ordering/WardleyOrderingProvider.ts
-function bo(e) {
+function Co(e) {
 	return j(e) && (e.wardleyType === "attitude" || e.wardleyType === "pipeline");
 }
-var xo = class extends Ne {
+var wo = class extends Ne {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
@@ -4721,18 +4761,18 @@ var xo = class extends Ne {
 			let r = e.wardleyType === "flow";
 			return {
 				parent: t,
-				index: n.filter((t) => t !== e && (bo(t) || M(t) && (r || t.wardleyType !== "flow"))).length
+				index: n.filter((t) => t !== e && (Co(t) || M(t) && (r || t.wardleyType !== "flow"))).length
 			};
 		}
-		return bo(e) ? {
+		return Co(e) ? {
 			parent: t,
-			index: n.filter((t) => t !== e && bo(t)).length
+			index: n.filter((t) => t !== e && Co(t)).length
 		} : { parent: t };
 	}
-}, So = {
+}, To = {
 	__init__: ["wardleyOrderingProvider"],
-	wardleyOrderingProvider: ["type", xo]
-}, Co = 12, wo = "input, textarea, select, .monaco-editor", To = class {
+	wardleyOrderingProvider: ["type", wo]
+}, Eo = 12, Do = ".djs-palette .entry[data-action=\"draw-tool\"]", Oo = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -4812,12 +4852,12 @@ var xo = class extends Ne {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
 		e.preventDefault(), e.stopPropagation(), L(this.canvas);
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && Eo(t, n) <= Co) {
+		if (n && this.points.length >= 3 && ko(t, n) <= Eo) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		r && Eo(t, r) <= Co ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
+		r && ko(t, r) <= Eo ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
 	};
 	onDblClick = (e) => {
 		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
@@ -4827,7 +4867,10 @@ var xo = class extends Ne {
 	};
 	ownsKey(e) {
 		let t = e.target;
-		return typeof e.key != "string" || e.defaultPrevented || e.isComposing || !(t instanceof globalThis.Element) || !this.canvas.getContainer().contains(t) ? !1 : !Do(t);
+		if (typeof e.key != "string" || e.defaultPrevented || e.isComposing || !(t instanceof globalThis.Element)) return !1;
+		if (Ot(this.canvas)?.contains(t)) return !0;
+		let n = t.closest(Do);
+		return !!n && this.canvas.getContainer().contains(n);
 	}
 	onKeyDown = (e) => {
 		this.ownsKey(e) && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), this.points.length >= 2 ? this.finish() : this.cancel()) : e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), this.finish()));
@@ -4869,14 +4912,11 @@ var xo = class extends Ne {
 		this.layer &&= (se(this.layer), null);
 	}
 };
-function Eo(e, t) {
+function ko(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-function Do(e) {
-	return e instanceof HTMLElement && e.isContentEditable || e.editContext ? !0 : e.closest(wo) !== null;
-}
 // src/draw-tool/WardleyDrawingHandles.ts
-var Oo = class {
+var Ao = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -4892,13 +4932,18 @@ var Oo = class {
 	shape = null;
 	group = null;
 	dragPreview = null;
+	pointDrag = null;
 	constructor(e, t, n, r, i) {
 		this.eventBus = e, this.canvas = t, this.modeling = n, this.grid = r, this.injector = i, e.on("selection.changed", (e) => {
 			let t = e.newSelection ?? [], n = t.length === 1 ? t[0] : null;
 			this.attach(j(n) && n.wardleyType === "drawing" ? n : null);
 		}), e.on("element.changed", (e) => {
 			this.shape && e.element === this.shape && this.render();
-		}), e.on(["diagram.clear", "diagram.destroy"], () => this.attach(null));
+		}), e.on("shape.remove", (e) => {
+			this.pointDrag?.shape === e.element && this.endPointDrag();
+		}), e.on(["diagram.clear", "diagram.destroy"], () => {
+			this.endPointDrag(), this.attach(null);
+		});
 	}
 	attach(e) {
 		this.shape = e, this.render();
@@ -4928,13 +4973,22 @@ var Oo = class {
 	}
 	startDrag(e, t) {
 		if (e.button !== 0 || !this.shape || I(this.injector)) return;
-		e.preventDefault(), e.stopPropagation(), L(this.canvas);
+		e.preventDefault(), e.stopPropagation(), L(this.canvas), this.endPointDrag();
 		let n = this.shape, r = this.absolutePoints(), i = (e) => {
 			r[t] = this.toCanvasPoint(e), this.renderDragPreview(r, !!n.closed);
 		}, a = (e) => {
-			document.removeEventListener("mousemove", i, !0), document.removeEventListener("mouseup", a, !0), r[t] = this.toCanvasPoint(e), this.clearDragPreview(), this.commit(n, r);
+			r[t] = this.toCanvasPoint(e), this.endPointDrag(), this.commit(n, r);
 		};
-		document.addEventListener("mousemove", i, !0), document.addEventListener("mouseup", a, !0);
+		document.addEventListener("mousemove", i, !0), document.addEventListener("mouseup", a, !0), this.pointDrag = {
+			shape: n,
+			unbind: () => {
+				document.removeEventListener("mousemove", i, !0), document.removeEventListener("mouseup", a, !0);
+			}
+		};
+	}
+	endPointDrag() {
+		let e = this.pointDrag;
+		e && (this.pointDrag = null, e.unbind(), this.clearDragPreview());
 	}
 	commit(e, t) {
 		let n = t.map((e) => e.x), r = t.map((e) => e.y), i = Math.min(...n), a = Math.min(...r), o = this.grid.fromCanvas(t[0]);
@@ -4978,20 +5032,20 @@ var Oo = class {
 	}
 };
 // src/draw-tool/WardleyDrawingHitProvider.ts
-function ko(e) {
+function jo(e) {
 	return j(e) && e.wardleyType === "drawing";
 }
-var Ao = class {
+var Mo = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (ko(e.element) && e.gfx) return jo(e.element, e.gfx), !1;
+			if (jo(e.element) && e.gfx) return No(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (ko(e.element) && e.gfx) return t.removeHits(e.gfx), jo(e.element, e.gfx), !1;
+			if (jo(e.element) && e.gfx) return t.removeHits(e.gfx), No(e.element, e.gfx), !1;
 		});
 	}
 };
-function jo(e, t) {
+function No(e, t) {
 	let n = e.drawingPoints ?? [], r = T(e.closed ? "polygon" : "polyline");
 	w(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
@@ -5003,16 +5057,16 @@ function jo(e, t) {
 	}), C(t, r);
 }
 // src/draw-tool/index.ts
-var Mo = {
+var Po = {
 	__init__: [
 		"wardleyDrawTool",
 		"wardleyDrawingHandles",
 		"wardleyDrawingHitProvider"
 	],
-	wardleyDrawTool: ["type", To],
-	wardleyDrawingHandles: ["type", Oo],
-	wardleyDrawingHitProvider: ["type", Ao]
-}, No = 3, Po = 4, Fo = "wardley-labels-draggable", Io = "wardley-label-dragging", Lo = class {
+	wardleyDrawTool: ["type", Oo],
+	wardleyDrawingHandles: ["type", Ao],
+	wardleyDrawingHitProvider: ["type", Mo]
+}, Fo = 3, Io = 4, Lo = "wardley-labels-draggable", Ro = "wardley-label-dragging", zo = class {
 	eventBus;
 	canvas;
 	elementRegistry;
@@ -5033,7 +5087,7 @@ var Mo = {
 	constructor(e, t, n, r, i, a, o) {
 		this.eventBus = e, this.canvas = t, this.elementRegistry = n, this.modeling = r, this.selection = i, this.grid = a, this.injector = o;
 		let s = t.getContainer();
-		this.outerContainer().classList.add(Fo), s.addEventListener("mousedown", this.onMouseDown, !0), s.addEventListener("dblclick", this.onDoubleClick, !0), e.on("shape.remove", ({ element: e }) => {
+		this.outerContainer().classList.add(Lo), s.addEventListener("mousedown", this.onMouseDown, !0), s.addEventListener("dblclick", this.onDoubleClick, !0), e.on("shape.remove", ({ element: e }) => {
 			this.active?.shape === e && this.cancel();
 		}), e.on("diagram.destroy", () => {
 			this.cancel(), s.removeEventListener("mousedown", this.onMouseDown, !0), s.removeEventListener("dblclick", this.onDoubleClick, !0);
@@ -5070,8 +5124,8 @@ var Mo = {
 		if (!t) return;
 		let n = e.clientX - t.startClient.x, r = e.clientY - t.startClient.y;
 		if (!t.dragging) {
-			if (Math.hypot(n, r) < No) return;
-			t.dragging = !0, this.outerContainer().classList.add(Io);
+			if (Math.hypot(n, r) < Fo) return;
+			t.dragging = !0, this.outerContainer().classList.add(Ro);
 		}
 		t.latest = {
 			dx: Math.round(t.startOffset.dx + n / t.zoom),
@@ -5082,7 +5136,7 @@ var Mo = {
 		let e = this.active;
 		if (!e || (this.finish(), !e.dragging || !e.latest) || this.elementRegistry.get(e.shape.id) !== e.shape) return;
 		let t = this.snapHome(e.latest, e.homeOffset);
-		zo(t, e.role === "name" ? e.originalOffset : e.originalMovement?.labelOffset) || (e.role === "name" ? this.commitNameOffset(e.shape, t) : this.commitMovementOffset(e.shape, t)), this.suppressNextClick(), this.selection.select(e.shape);
+		Vo(t, e.role === "name" ? e.originalOffset : e.originalMovement?.labelOffset) || (e.role === "name" ? this.commitNameOffset(e.shape, t) : this.commitMovementOffset(e.shape, t)), this.suppressNextClick(), this.selection.select(e.shape);
 	};
 	suppressNextClick() {
 		let e = this.canvas.getContainer(), t = (e) => e.stopPropagation();
@@ -5104,7 +5158,7 @@ var Mo = {
 	}
 	finish() {
 		let e = this.active;
-		e && (this.active = null, document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("keydown", this.onKeyDown, !0), this.outerContainer().classList.remove(Io), e.dragging && (e.originalOffset ? e.shape.labelOffset = e.originalOffset : delete e.shape.labelOffset, e.originalMovement && (e.shape.movement = e.originalMovement), this.eventBus.fire("element.changed", { element: e.shape })));
+		e && (this.active = null, document.removeEventListener("mousemove", this.onMouseMove), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("keydown", this.onKeyDown, !0), this.outerContainer().classList.remove(Ro), e.dragging && (e.originalOffset ? e.shape.labelOffset = e.originalOffset : delete e.shape.labelOffset, e.originalMovement && (e.shape.movement = e.originalMovement), this.eventBus.fire("element.changed", { element: e.shape })));
 	}
 	preview(e, t) {
 		e.role === "name" ? e.shape.labelOffset = t : e.originalMovement && (e.shape.movement = {
@@ -5113,7 +5167,7 @@ var Mo = {
 		}), this.eventBus.fire("element.changed", { element: e.shape });
 	}
 	snapHome(e, t) {
-		return Math.abs(e.dx - t.dx) <= Po && Math.abs(e.dy - t.dy) <= Po ? void 0 : Gr(e.dx, e.dy);
+		return Math.abs(e.dx - t.dx) <= Io && Math.abs(e.dy - t.dy) <= Io ? void 0 : qr(e.dx, e.dy);
 	}
 	commitNameOffset(e, t) {
 		let n = { labelOffset: t }, r = e.businessObject;
@@ -5140,17 +5194,17 @@ var Mo = {
 			dx: 0,
 			dy: 0
 		};
-		let r = Ir(e, this.grid);
+		let r = Fr(e, this.grid);
 		return t === "movement" ? r === void 0 ? {
 			dx: 0,
 			dy: 0
-		} : Ro(Hr(void 0, r), Vr(r), n, e) : Ro(Br({
+		} : Bo(Wr(void 0, r), Ur(r), n, e) : Bo(Hr({
 			...e,
 			labelOffset: void 0
-		}, r), Rr(), n, e);
+		}, r), Br(), n, e);
 	}
 	labelTarget(e) {
-		let t = e.target?.closest?.(`.${Jr}`);
+		let t = e.target?.closest?.(`.${Xr}`);
 		if (!(t instanceof SVGTextElement)) return null;
 		let n = t.closest("[data-element-id]")?.getAttribute("data-element-id"), r = n ? this.elementRegistry.get(n) : void 0;
 		if (!j(r)) return null;
@@ -5166,30 +5220,30 @@ var Mo = {
 		return e.closest(".wardley-container") ?? e;
 	}
 };
-function Ro(e, t, n, r) {
+function Bo(e, t, n, r) {
 	let i = r.width / 2, a = e.anchor === "end" ? n.getBBox().x - i : e.x;
 	return {
 		dx: Math.round(a - t.x),
 		dy: Math.round(e.y - t.y)
 	};
 }
-function zo(e, t) {
+function Vo(e, t) {
 	return !e || !t ? !e && !t : e.dx === t.dx && e.dy === t.dy;
 }
 // src/label-drag/index.ts
-var Bo = {
+var Ho = {
 	__init__: ["wardleyLabelDragging"],
-	wardleyLabelDragging: ["type", Lo]
-}, Vo = { autoScroll: ["type", Zt] }, Ho = class extends bi {
+	wardleyLabelDragging: ["type", zo]
+}, Uo = { autoScroll: ["type", Zt] }, Wo = class extends Si {
 	_getModules() {
 		return [
 			...super._getModules(),
 			pe,
-			ln,
+			fn,
 			Ee,
 			xe,
 			Se,
-			Vo,
+			Uo,
 			he,
 			Ce,
 			we,
@@ -5197,26 +5251,26 @@ var Bo = {
 			De,
 			Oe,
 			ke,
-			wr,
-			Oi,
-			Er,
-			ki,
-			Xi,
-			Qa,
-			Sa,
-			fo,
-			An,
-			Ua,
-			go,
+			Dr,
+			Ai,
+			kr,
+			ji,
+			Qi,
+			to,
+			Ta,
+			ho,
+			Nn,
+			Ka,
 			yo,
-			Si,
 			So,
-			Mo,
-			Kn,
+			wi,
+			To,
+			Po,
+			Yn,
 			$t,
-			Ia,
+			za,
 			Pt,
-			Bo,
+			Ho,
 			Dt
 		];
 	}
@@ -5237,7 +5291,7 @@ var Bo = {
 	}
 };
 // src/editor-state.ts
-function Uo(e) {
+function Go(e) {
 	let t;
 	try {
 		t = ae(e.exportMap());
@@ -5246,18 +5300,18 @@ function Uo(e) {
 	}
 	return (e) => t.get(e) ?? e;
 }
-function Wo(e, t = (e) => e) {
+function Ko(e, t = (e) => e) {
 	return {
 		sourceId: t(e.source?.id ?? ""),
 		targetId: t(e.target?.id ?? ""),
 		wardleyType: e.wardleyType
 	};
 }
-function Go(e, t) {
+function qo(e, t) {
 	return e.find((e) => M(e) && e.source?.id === t.sourceId && e.target?.id === t.targetId && e.wardleyType === t.wardleyType);
 }
-function Ko(e) {
-	let t = e.get("selection").get(), n = e.get("elementRegistry"), r = e.get("wardleyLabelEditing"), i = e.get("wardleyLinkEditing"), a = /* @__PURE__ */ new Map(), o = Uo(e), s = (e) => {
+function Jo(e) {
+	let t = e.get("selection").get(), n = e.get("elementRegistry"), r = e.get("wardleyLabelEditing"), i = e.get("wardleyLinkEditing"), a = /* @__PURE__ */ new Map(), o = Go(e), s = (e) => {
 		let t = o(e);
 		return a.set(t, e), t;
 	}, c, l = r.getActiveEdit(), u = i.getActiveEdit();
@@ -5265,7 +5319,7 @@ function Ko(e) {
 		let e = n.get(l.elementId);
 		M(e) && (c = {
 			kind: "connection",
-			key: Wo(e, s),
+			key: Ko(e, s),
 			value: l.value,
 			...l.selection ? { selection: l.selection } : {}
 		});
@@ -5282,13 +5336,13 @@ function Ko(e) {
 	});
 	return r.cancel(), i.cancel(), {
 		shapeIds: t.filter(j).map((e) => s(e.id)),
-		connections: t.filter(M).map((e) => Wo(e, s)),
+		connections: t.filter(M).map((e) => Ko(e, s)),
 		...c ? { edit: c } : {},
 		canvasIds: a
 	};
 }
-function qo(e, t, n = {}) {
-	let r = e.get("elementRegistry"), i = (e) => n.importRejected ? t.canvasIds?.get(e) ?? e : e, a = (e) => r.get(i(e)), o = (e) => Go(r, {
+function Yo(e, t, n = {}) {
+	let r = e.get("elementRegistry"), i = (e) => n.importRejected ? t.canvasIds?.get(e) ?? e : e, a = (e) => r.get(i(e)), o = (e) => qo(r, {
 		...e,
 		sourceId: i(e.sourceId),
 		targetId: i(e.targetId)
@@ -5316,37 +5370,35 @@ function qo(e, t, n = {}) {
 	})() || L(e.get("canvas"));
 }
 // src/collaborative/CollaborativeWardley.ts
-var Jo = "wardley", Yo = /* @__PURE__ */ new Set([
+var Xo = "wardley", Zo = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"pipeline",
 	"submap",
 	"accelerator"
 ]);
-function Xo(e) {
-	return j(e) && Yo.has(e.wardleyType);
-}
-function Zo(e = {}) {
-	return ts(new Ho({
-		...$o(e),
-		undoRedoKeys: e.undoRedoKeys,
-		keyboard: e.keyboard
+function Qo(e) {
+	return j(e) && Zo.has(e.wardleyType);
+}
+function $o(e = {}) {
+	return rs(new Wo({
+		...ts(e),
+		undoRedoKeys: e.undoRedoKeys
 	}), !0);
 }
-function Qo(e = {}) {
-	return ts(new bi($o(e)), !1);
+function es(e = {}) {
+	return rs(new Si(ts(e)), !1);
 }
-function $o(e) {
+function ts(e) {
 	return {
 		width: "100%",
 		height: "100%",
 		additionalModules: e.additionalModules ?? [],
 		freeArea: e.freeArea,
-		freeRectInsets: e.freeRectInsets,
 		fitOnImport: e.fitOnImport
 	};
 }
-function es(e, t) {
+function ns(e, t) {
 	let n, r;
 	t.on([
 		"elements.changed",
@@ -5373,16 +5425,16 @@ function es(e, t) {
 		canvasIdOf: (e) => i().byDocumentId.get(e) ?? e
 	};
 }
-function ts(e, t) {
-	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("panConstraint"), s = es(e, n), c = t ? e.get("wardleyLivePreview") : void 0, l = /* @__PURE__ */ new Set(), u = 0, d = !1, f = !1, p = "", m = {
-		notation: Jo,
+function rs(e, t) {
+	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("panConstraint"), s = ns(e, n), c = t ? e.get("wardleyLivePreview") : void 0, l = /* @__PURE__ */ new Set(), u = 0, d = !1, f = !1, p = "", m = {
+		notation: Xo,
 		apiVersion: Pe,
 		editable: t
 	};
 	t && n.on("commandStack.changed", () => {
 		if (!(u > 0)) for (let e of [...l]) e();
 	});
-	let h = (e) => e.filter(Xo).map((e) => s.of(e.id)), g = (e) => {
+	let h = (e) => e.filter(Qo).map((e) => s.of(e.id)), g = (e) => {
 		let t = s.of(e.id);
 		return e.wardleyLabel ? {
 			id: t,
@@ -5391,13 +5443,13 @@ function ts(e, t) {
 	}, _ = (e) => {
 		if (f) return;
 		let t = i.get(s.canvasIdOf(e));
-		return Xo(t) && s.of(t.id) === e ? t : void 0;
+		return Qo(t) && s.of(t.id) === e ? t : void 0;
 	}, v = {
-		list: () => f ? [] : i.getAll().filter(Xo).map(g),
+		list: () => f ? [] : i.getAll().filter(Qo).map(g),
 		reveal(e) {
 			if (f) return !1;
 			let t = i.get(s.canvasIdOf(e));
-			return Xo(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+			return Qo(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 		},
 		selection: () => f ? [] : h(a.get()),
 		onSelection(e) {
@@ -5422,12 +5474,12 @@ function ts(e, t) {
 	async function ee(n) {
 		if (f) throw Error("The modeler was destroyed.");
 		u += 1;
-		let r = t && d ? Ko(e) : void 0;
+		let r = t && d ? Jo(e) : void 0;
 		try {
 			let { warnings: t } = await e.importDSL(n);
-			return d = !0, r && qo(e, r), { warnings: t.map((e) => e.message) };
+			return d = !0, r && Yo(e, r), { warnings: t.map((e) => e.message) };
 		} catch (t) {
-			throw r && qo(e, r, { importRejected: !0 }), t;
+			throw r && Yo(e, r, { importRejected: !0 }), t;
 		} finally {
 			--u;
 		}
@@ -5454,13 +5506,13 @@ function ts(e, t) {
 					width: n,
 					height: i
 				};
-				return ns(a) ? a : void 0;
+				return is(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!f && ns(e) && r.viewbox({
+			!f && is(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -5489,12 +5541,12 @@ function ts(e, t) {
 		}
 	};
 }
-function ns(e) {
+function is(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return rs(t) && rs(n) && rs(r) && rs(i) && r > 0 && i > 0;
+	return as(t) && as(n) && as(r) && as(i) && r > 0 && i > 0;
 }
-function rs(e) {
+function as(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 // src/map-menu/menu.ts
@@ -5505,7 +5557,7 @@ var X = {
 	json: "Export as JSON",
 	wmap: "Export as .wmap"
 };
-function is(e, t, n, r) {
+function os(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -5515,11 +5567,11 @@ function is(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function as(e) {
-	let t = [is("export-png", X.png, e.png, "file-image"), is("export-svg", X.svg, e.svg, "file-code-corner")];
-	return e.transparentPng && t.push(is("export-png-transparent", X.transparentPng, e.transparentPng)), e.json && t.push(is("export-json", X.json, e.json)), e.wmap && t.push(is("export-wmap", X.wmap, e.wmap)), t;
+function ss(e) {
+	let t = [os("export-png", X.png, e.png, "file-image"), os("export-svg", X.svg, e.svg, "file-code-corner")];
+	return e.transparentPng && t.push(os("export-png-transparent", X.transparentPng, e.transparentPng)), e.json && t.push(os("export-json", X.json, e.json)), e.wmap && t.push(os("export-wmap", X.wmap, e.wmap)), t;
 }
-function os(e) {
+function cs(e) {
 	let { mapTitle: t, shortcutsKey: n } = e;
 	return {
 		model: [
@@ -5542,7 +5594,7 @@ function os(e) {
 				onSelect: () => e.axisLabels()
 			}
 		],
-		export: as(e.exports),
+		export: ss(e.exports),
 		help: [{
 			kind: "dialog",
 			id: "keyboard-shortcuts",
@@ -5554,15 +5606,15 @@ function os(e) {
 	};
 }
 // src/map-menu/shortcuts.ts
-var ss = "←↑→↓";
-function cs(e) {
+var ls = "←↑→↓";
+function us(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function ls(e, t) {
+function ds(e, t) {
 	if (e === "mac") return {
 		command: (e) => `⌘${e}`,
 		shiftCommand: (e) => `⌘⇧${e}`,
@@ -5573,7 +5625,8 @@ function ls(e, t) {
 		zoomToActual: "⌘0",
 		fit: "⇧1",
 		remove: ["⌫"],
-		enter: "↵"
+		enter: "↵",
+		breakLine: "⇧↵"
 	};
 	let { ctrl: n, shift: r, plus: i, minus: a } = t;
 	return {
@@ -5586,10 +5639,11 @@ function ls(e, t) {
 		zoomToActual: `${n}+0`,
 		fit: `${r}+1`,
 		remove: ["Del", "Backspace"],
-		enter: "Enter"
+		enter: "Enter",
+		breakLine: `${r}+Enter`
 	};
 }
-function us(e, t) {
+function fs(e, t) {
 	return {
 		title: "File",
 		rows: [
@@ -5608,10 +5662,10 @@ function us(e, t) {
 		]
 	};
 }
-function ds(e, t = {}) {
-	let { platform: n, messages: r } = e, i = ls(n, r.keyNames);
+function ps(e, t = {}) {
+	let { platform: n, messages: r } = e, i = ds(n, r.keyNames);
 	return [
-		...t.fileKeys ? [us(e, i.command)] : [],
+		...t.fileKeys ? [fs(e, i.command)] : [],
 		{
 			title: "View",
 			rows: [
@@ -5624,7 +5678,7 @@ function ds(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(cs(e.lang)),
+					action: r.zoomToActual(us(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -5652,6 +5706,10 @@ function ds(e, t = {}) {
 					action: "Rename",
 					keys: ["Double-click"]
 				},
+				{
+					action: "Break the line in a name",
+					keys: [i.breakLine]
+				},
 				{
 					action: "Save a note while editing",
 					keys: [i.command(i.enter)]
@@ -5674,11 +5732,11 @@ function ds(e, t = {}) {
 				},
 				{
 					action: "Move the selection",
-					keys: [ss]
+					keys: [ls]
 				},
 				{
 					action: "Move the selection further",
-					keys: [i.shift(ss)]
+					keys: [i.shift(ls)]
 				},
 				{
 					action: "Select all",
@@ -5775,33 +5833,33 @@ function ds(e, t = {}) {
 * Copyright (c) 2026 Lucide Icons and Contributors
 * Derived from Feather @license MIT, Copyright (c) 2013-present Cole Bemis
 * Full notices: README.md of @miragon/wardley-renderer */
-var fs = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>";
+var ms = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/></svg>";
 function Z(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-var ps = 0;
-function ms(e) {
-	return ps += 1, `${e}-${ps}`;
+var hs = 0;
+function gs(e) {
+	return hs += 1, `${e}-${hs}`;
 }
 // src/map-menu/dialog.ts
 function Q(e, t) {
 	let n = Z("button", "wardley-button", e);
 	return n.type = "button", n.dataset.variant = t, n;
 }
-function hs(e, t, n, r) {
+function _s(e, t, n, r) {
 	let i = Z("header", "wardley-dialog-header"), a = Z("h3", "wardley-dialog-title", t);
 	a.id = n;
 	let o = Z("button", "wardley-dialog-close");
-	return o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = fs, o.addEventListener("click", r), i.append(a, o), i;
+	return o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = ms, o.addEventListener("click", r), i.append(a, o), i;
 }
-function gs(e, t) {
+function vs(e, t) {
 	let n;
 	function r() {
-		let n = ms(`${t.className}-title`), r = Z("dialog", `wardley-dialog ${t.className}`);
+		let n = gs(`${t.className}-title`), r = Z("dialog", `wardley-dialog ${t.className}`);
 		r.setAttribute("aria-labelledby", n);
 		let i = () => r.close(), a = Z("div", "wardley-dialog-panel");
-		a.append(hs(e, t.title, n, i), ...t.content(i)), r.append(a);
+		a.append(_s(e, t.title, n, i), ...t.content(i)), r.append(a);
 		let o = !1;
 		return r.addEventListener("pointerdown", (e) => {
 			o = e.target === r;
@@ -5826,7 +5884,7 @@ function gs(e, t) {
 }
 // src/map-menu/ShortcutsDialog.ts
 var $ = "wardley-shortcuts";
-function _s(e, t) {
+function ys(e, t) {
 	let n = Z("section", `${$}-group`), r = Z("h4", `${$}-group-title`, e.title);
 	r.id = t;
 	let i = Z("table", `${$}-table`);
@@ -5841,28 +5899,28 @@ function _s(e, t) {
 	}
 	return n.append(r, i), n;
 }
-function vs(e, t = {}) {
-	return gs(e, {
+function bs(e, t = {}) {
+	return vs(e, {
 		className: $,
 		title: "Keyboard shortcuts",
 		content() {
-			let n = Z("div", `wardley-dialog-body ${$}-body`), r = ms(`${$}-group`);
-			return n.append(...ds(e, t).map((e, t) => _s(e, `${r}-${t}`))), [n];
+			let n = Z("div", `wardley-dialog-body ${$}-body`), r = gs(`${$}-group`);
+			return n.append(...ps(e, t).map((e, t) => ys(e, `${r}-${t}`))), [n];
 		}
 	});
 }
 // src/map-menu/TitleDialog.ts
-function ys(e) {
+function xs(e) {
 	return e.exportMap().config.title ?? r;
 }
-function bs(e, t) {
+function Ss(e, t) {
 	let n = Z("input", "wardley-field-input");
-	n.id = ms("wardley-title-field"), n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.maxLength = 120, n.autofocus = !0;
-	let i = gs(e, {
+	n.id = gs("wardley-title-field"), n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.maxLength = 120, n.autofocus = !0;
+	let i = vs(e, {
 		className: "wardley-title-dialog",
 		title: "Map title",
 		beforeOpen() {
-			n.value = ys(t);
+			n.value = xs(t);
 		},
 		afterOpen() {
 			n.select();
@@ -5878,7 +5936,7 @@ function bs(e, t) {
 			return u.type = "submit", c.append(l, u), i.append(a, c), i.addEventListener("submit", (i) => {
 				i.preventDefault();
 				let a = n.value.replace(/\s+/g, " ").trim() || r;
-				e(), a !== ys(t) && t.setTitle(a);
+				e(), a !== xs(t) && t.setTitle(a);
 			}), [i];
 		}
 	}), a = (e) => {
@@ -5894,14 +5952,14 @@ function bs(e, t) {
 	};
 }
 // src/map-menu/popover.ts
-function xs(e, t) {
+function Cs(e, t) {
 	let n, r = (e) => {
 		n && !n.contains(e.target) && s("done");
 	}, i = () => s("done"), a = (e) => {
 		e.key !== "Escape" || e.isComposing || (e.preventDefault(), e.stopPropagation(), s("done", { returnFocus: !0 }));
 	};
 	function o() {
-		let n = ms(`${t.className}-title`), r = Z("div", `wardley-popover ${t.className}`);
+		let n = gs(`${t.className}-title`), r = Z("div", `wardley-popover ${t.className}`);
 		r.setAttribute("role", "dialog"), r.setAttribute("aria-labelledby", n), r.hidden = !0;
 		let i = Z("h2", "wardley-popover-title", t.title);
 		i.id = n;
@@ -5926,8 +5984,8 @@ function xs(e, t) {
 		}
 	};
 }
-function Ss(e, t) {
-	let n = Z("div", "wardley-field"), r = ms("wardley-field"), i = Z("label", "wardley-field-label", e);
+function ws(e, t) {
+	let n = Z("div", "wardley-field"), r = gs("wardley-field"), i = Z("label", "wardley-field-label", e);
 	i.htmlFor = r, t.id = r, t.classList.add("wardley-field-input"), n.append(i, t);
 	let a;
 	return {
@@ -5940,7 +5998,7 @@ function Ss(e, t) {
 		}
 	};
 }
-function Cs(e, t) {
+function Ts(e, t) {
 	let n = () => t.end("import"), r = (e) => {
 		e.readOnly && t.end("cancel");
 	};
@@ -5954,21 +6012,21 @@ function Cs(e, t) {
 	};
 }
 // src/map-menu/MapSizePopover.ts
-var ws = "custom";
-function Ts(e, t) {
+var Es = "custom";
+function Ds(e, t) {
 	let n = Z("input", "");
 	return n.type = "number", n.inputMode = "numeric", n.min = String(e), n.max = String(t), n.step = "10", n;
 }
-function Es(e, t) {
+function Os(e, t) {
 	let n = Z("select", "");
 	for (let e of c) {
 		let t = Z("option", "", `${e.name} (${e.width} × ${e.height})`);
 		t.value = e.id, n.append(t);
 	}
 	let r = Z("option", "", "Custom");
-	r.value = ws, n.append(r);
-	let i = Ts(f.width, u.width), a = Ts(f.height, u.height), o = Q("Reset to default", "ghost"), s = Ss("Size", n), l = Ss("Width", i), d = Ss("Height", a), p, m, h = (e) => {
-		n.value = e.presetId ?? ws, i.value = String(e.width), a.value = String(e.height), o.disabled = !e.isExplicit, l.clearError(), d.clearError();
+	r.value = Es, n.append(r);
+	let i = Ds(f.width, u.width), a = Ds(f.height, u.height), o = Q("Reset to default", "ghost"), s = ws("Size", n), l = ws("Width", i), d = ws("Height", a), p, m, h = (e) => {
+		n.value = e.presetId ?? Es, i.value = String(e.width), a.value = String(e.height), o.disabled = !e.isExplicit, l.clearError(), d.clearError();
 	}, g = (e) => {
 		m = { size: e }, (e ? t.setMapSize(e.width, e.height, { transient: !0 }) : t.resetMapSize({ transient: !0 })).then(() => h(t.getMapSize()));
 	}, _ = (e, n) => {
@@ -5985,7 +6043,7 @@ function Es(e, t) {
 			[n]: i
 		});
 	};
-	return Cs(t, xs(e, {
+	return Ts(t, Cs(e, {
 		className: "wardley-map-size",
 		title: "Map size",
 		build(e, t, r) {
@@ -6010,30 +6068,30 @@ function Es(e, t) {
 		closed(e) {
 			let n = m;
 			if (m = void 0, !n || e === "import") return;
-			let r = e === "done" ? n.size : Ds(p);
+			let r = e === "done" ? n.size : ks(p);
 			r ? t.setMapSize(r.width, r.height) : t.resetMapSize();
 		}
 	}));
 }
-function Ds(e) {
+function ks(e) {
 	return e?.isExplicit ? {
 		width: e.width,
 		height: e.height
 	} : void 0;
 }
 // src/map-menu/AxisLabelsPopover.ts
-var Os = "custom";
-function ks(e) {
-	return o.find((t) => t.labels.every((t, n) => t === e[n]))?.id ?? Os;
+var As = "custom";
+function js(e) {
+	return o.find((t) => t.labels.every((t, n) => t === e[n]))?.id ?? As;
 }
-function As(e, t) {
+function Ms(e, t) {
 	let r = Z("select", "");
 	for (let e of o) {
 		let t = Z("option", "", e.name);
 		t.value = e.id, t.title = e.labels.join(" · "), r.append(t);
 	}
 	let i = Z("option", "", "Custom");
-	i.value = Os, r.append(i);
+	i.value = As, r.append(i);
 	let a = [
 		1,
 		2,
@@ -6043,18 +6101,18 @@ function As(e, t) {
 		let e = Z("input", "");
 		return e.type = "text", e.autocomplete = "off", e.spellcheck = !1, e;
 	}), s = n, c = !1, l = (e) => {
-		a.forEach((t, n) => t.value = e[n] ?? ""), r.value = ks(e);
+		a.forEach((t, n) => t.value = e[n] ?? ""), r.value = js(e);
 	}, u = () => h(a.map((e) => e.value)), d = () => {
 		c = !0;
 		let e = u();
-		t.setEvolutionLabels(e, { transient: !0 }), r.value = ks(e ?? n);
+		t.setEvolutionLabels(e, { transient: !0 }), r.value = js(e ?? n);
 	};
-	return Cs(t, xs(e, {
+	return Ts(t, Cs(e, {
 		className: "wardley-axis-labels",
 		title: "X-axis labels",
 		build(e, t, i) {
 			let s = Z("p", "wardley-popover-hint"), c = Z("a", "wardley-popover-link", "Learn Wardley Mapping");
-			c.href = "https://learnwardleymapping.com/landscape/", c.target = "_blank", c.rel = "noopener noreferrer", s.append("Label sets from ", c, ". Pick a set, or name each stage."), e.append(Ss("Preset", r).wrapper, s), a.forEach((t, n) => e.append(Ss(`Stage ${n + 1}`, t).wrapper));
+			c.href = "https://learnwardleymapping.com/landscape/", c.target = "_blank", c.rel = "noopener noreferrer", s.append("Label sets from ", c, ". Pick a set, or name each stage."), e.append(ws("Preset", r).wrapper, s), a.forEach((t, n) => e.append(ws(`Stage ${n + 1}`, t).wrapper));
 			let u = Q("Reset to default", "ghost"), f = Q("Done", "secondary");
 			t.append(u, f), r.addEventListener("change", () => {
 				let e = o.find((e) => e.id === r.value);
@@ -6075,11 +6133,6 @@ function As(e, t) {
 		}
 	}));
 }
-// src/draw/deprecated-icons.ts
-var js = "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", Ms = "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", Ns = "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", Ps = "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", Fs = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", Is = "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", Ls = "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", Rs = "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", zs = "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", Bs = "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", Vs = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", Hs = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", Us = "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", Ws = Dr, Gs = Or, Ks = kr;
-function qs(e, t) {
-	return Pr(e, t);
-}
-export { k as COLORS, X as EXPORT_LABELS, bn as EvolutionGrid, vi as FreeRect, Hs as ICON_ADD, Bs as ICON_ASPECT_RATIO, Ps as ICON_CODE, Ns as ICON_DATA_OBJECT, Ks as ICON_DELETE, Fs as ICON_DOWNLOAD, Gs as ICON_EDIT, Ls as ICON_FOLDER_OPEN, Rs as ICON_IMAGE, Vs as ICON_MENU, zs as ICON_NEW, Ws as ICON_PERSON, Ms as ICON_REDO, Is as ICON_SHARE, js as ICON_UNDO, Us as ICON_VISIBILITY, s as MAP_SIZE_PRESETS, E as MIRAGON, vt as MapProjection, Xt as MapResizeHandles, Ho as Modeler, Le as NOTE_COLORS, bi as NavigatedViewer, D as PLOT, l as PLOT_MAX, d as PLOT_MIN, La as POPUP_PROVIDER_ID, gi as PanConstraint, _i as PanConstraintModule, Gn as PipelineGroupBehavior, F as READ_ONLY_CHANGED, fr as RESIZE_MAP, Ke as ROOT_ID, Zt as ResizeAwareAutoScroll, pr as UPDATE_CONFIG, oi as Viewer, Jo as WARDLEY_NOTATION, ho as WardleyAppendBehavior, sn as WardleyBaseViewer, vo as WardleyColorPicker, To as WardleyDrawTool, pn as WardleyElementFactory, Ha as WardleyElementSettingsProvider, kn as WardleyEvolveDragging, rt as WardleyExporter, Qe as WardleyImporter, Lo as WardleyLabelDragging, va as WardleyLabelEditing, xi as WardleyLassoBehavior, cn as WardleyLayouter, Fa as WardleyLinkEditing, hr as WardleyModeling, xo as WardleyOrderingProvider, Et as WardleyReadOnly, Zr as WardleyRenderer, Di as WardleyRules, it as WardleySourceOrder, dt as blobToBase64, Na as canHaveLink, Pt as canvasAccessibilityModule, As as createAxisLabelsPopover, Zo as createCollaborativeModeler, Qo as createCollaborativeViewer, gs as createMapDialog, Es as createMapSizePopover, vs as createShortcutsDialog, bs as createTitleDialog, Q as dialogButton, Er as evolutionConstraintModule, Tr as evolutionGridModule, Ue as exportBounds, yi as freeRectModule, qs as iconMarkup, mt as ioModule, N as isComponent, P as isPipeline, M as isWardleyConnection, j as isWardleyShape, Sa as labelEditingModule, Ia as linkEditingModule, Pa as linkOf, os as mapMenu, $t as mapResizeModule, ds as mapShortcuts, g as normalizeMapSize, Kn as pipelineGroupModule, ee as presetIdForSize, Dt as readOnlyModule, qo as restoreEditorState, Be as saveSVG, Ko as setAsideEditorState, ki as stageSnappingModule, lt as svgToPng, go as wardleyAppendModule, yo as wardleyColorPickerModule, Qa as wardleyContextPadModule, ai as wardleyDrawModule, Mo as wardleyDrawToolModule, An as wardleyEvolveModule, fo as wardleyKeyboardModule, Bo as wardleyLabelDragModule, Si as wardleyLassoModule, ln as wardleyLayoutModule, mn as wardleyModelModule, wr as wardleyModelingModule, So as wardleyOrderingModule, Xi as wardleyPaletteModule, Ua as wardleyPopupModule, Oi as wardleyRulesModule };
+export { k as COLORS, X as EXPORT_LABELS, Cn as EvolutionGrid, bi as FreeRect, s as MAP_SIZE_PRESETS, E as MIRAGON, vt as MapProjection, Xt as MapResizeHandles, Wo as Modeler, Le as NOTE_COLORS, Si as NavigatedViewer, D as PLOT, l as PLOT_MAX, d as PLOT_MIN, Ba as POPUP_PROVIDER_ID, vi as PanConstraint, yi as PanConstraintModule, Jn as PipelineGroupBehavior, F as READ_ONLY_CHANGED, hr as RESIZE_MAP, Ke as ROOT_ID, Zt as ResizeAwareAutoScroll, gr as UPDATE_CONFIG, ci as Viewer, Xo as WARDLEY_NOTATION, vo as WardleyAppendBehavior, un as WardleyBaseViewer, xo as WardleyColorPicker, Oo as WardleyDrawTool, gn as WardleyElementFactory, Ga as WardleyElementSettingsProvider, Mn as WardleyEvolveDragging, rt as WardleyExporter, Qe as WardleyImporter, zo as WardleyLabelDragging, xa as WardleyLabelEditing, Ci as WardleyLassoBehavior, dn as WardleyLayouter, Ra as WardleyLinkEditing, vr as WardleyModeling, wo as WardleyOrderingProvider, Et as WardleyReadOnly, $r as WardleyRenderer, ki as WardleyRules, it as WardleySourceOrder, dt as blobToBase64, Ia as canHaveLink, Pt as canvasAccessibilityModule, Ms as createAxisLabelsPopover, $o as createCollaborativeModeler, es as createCollaborativeViewer, vs as createMapDialog, Os as createMapSizePopover, bs as createShortcutsDialog, Ss as createTitleDialog, Q as dialogButton, kr as evolutionConstraintModule, Or as evolutionGridModule, Ue as exportBounds, xi as freeRectModule, mt as ioModule, N as isComponent, P as isPipeline, M as isWardleyConnection, j as isWardleyShape, Ta as labelEditingModule, za as linkEditingModule, La as linkOf, cs as mapMenu, $t as mapResizeModule, ps as mapShortcuts, g as normalizeMapSize, Yn as pipelineGroupModule, ee as presetIdForSize, Dt as readOnlyModule, Yo as restoreEditorState, Be as saveSVG, Jo as setAsideEditorState, ji as stageSnappingModule, lt as svgToPng, yo as wardleyAppendModule, So as wardleyColorPickerModule, to as wardleyContextPadModule, si as wardleyDrawModule, Po as wardleyDrawToolModule, Nn as wardleyEvolveModule, ho as wardleyKeyboardModule, Ho as wardleyLabelDragModule, wi as wardleyLassoModule, fn as wardleyLayoutModule, _n as wardleyModelModule, Dr as wardleyModelingModule, To as wardleyOrderingModule, Qi as wardleyPaletteModule, Ka as wardleyPopupModule, Ai as wardleyRulesModule };
 
 //# sourceMappingURL=index.js.map