@miragon/wardley-renderer 0.9.1 → 0.10.0

package/dist/index.js

@@ -227,8 +227,8 @@ function Ge(e) {
 	if (t) try {
 		let e = t.getCTM();
 		if (!e) return;
-		let n = e.inverse(), r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
-		for (let e of t.querySelectorAll(".djs-visual")) {
+		let n = e.inverse(), r = Infinity, i = Infinity, a = -Infinity, o = -Infinity, s = t.querySelectorAll(".djs-visual:not(.djs-drag-group .djs-visual)");
+		for (let e of s) {
 			let t = e.getBBox(), s = e.getCTM();
 			if (t.width === 0 && t.height === 0 || !s) continue;
 			let c = n.multiply(s);
@@ -827,7 +827,7 @@ var bt = [
 			config: t
 		};
 	}
-}] }, F = "wardley.readOnly.changed", Ct = "wardley-read-only", wt = 5e3, Tt = [
+}] }, Ct = "wardley.readOnly.changed", wt = "wardley-read-only", Tt = 5e3, Et = [
 	"elements.move",
 	"shape.move",
 	"shape.create",
@@ -842,7 +842,7 @@ var bt = [
 	"connection.reconnectEnd",
 	"connection.updateWaypoints",
 	"elements.delete"
-], Et = class extends ce {
+], Dt = class extends ce {
 	canvas;
 	injector;
 	static $inject = [
@@ -855,13 +855,13 @@ var bt = [
 		super(e), this.canvas = t, this.injector = n;
 	}
 	init() {
-		this.addRule(Tt, wt, () => !this.locked && void 0);
+		this.addRule(Et, Tt, () => !this.locked && void 0);
 	}
 	isReadOnly() {
 		return this.locked;
 	}
 	setReadOnly(e) {
-		this.locked !== e && (this.locked = e, this.outerContainer().classList.toggle(Ct, e), e && this.endInteractions(), this.injector.get("eventBus").fire(F, { readOnly: e }));
+		this.locked !== e && (this.locked = e, this.outerContainer().classList.toggle(wt, e), e && this.endInteractions(), this.injector.get("eventBus").fire(Ct, { readOnly: e }));
 	}
 	endInteractions() {
 		this.injector.get("dragging", !1)?.cancel();
@@ -880,52 +880,52 @@ var bt = [
 		let e = this.canvas.getContainer();
 		return e.closest(".wardley-container") ?? e;
 	}
-}, Dt = {
+}, Ot = {
 	__init__: ["wardleyReadOnly"],
-	wardleyReadOnly: ["type", Et]
+	wardleyReadOnly: ["type", Dt]
 };
-function I(e) {
+function F(e) {
 	return e.get("wardleyReadOnly", !1)?.isReadOnly() === !0;
 }
 //#endregion
 //#region src/map-resize/MapResizeHandles.ts
-var Ot = "wardley.mapResize", kt = "wardley-map-resize", At = -.5, jt = 10, Mt = 12, Nt = 8, Pt = 16, Ft = 10, It = 16, Lt = {
+var kt = "wardley.mapResize", At = "wardley-map-resize", jt = -.5, Mt = 10, Nt = 12, Pt = 8, Ft = 16, It = 10, Lt = 16, Rt = {
 	x: "ew-resize",
 	y: "ns-resize",
 	xy: "nwse-resize"
 };
-function Rt(e, t) {
+function zt(e, t) {
 	return Math.round(e / t) * t;
 }
-function zt(e, t, n) {
+function Bt(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function Bt(e) {
+function Vt(e) {
 	return e.setAttribute("fill", "none"), e.setAttribute("stroke", "none"), e.setAttribute("opacity", "0"), e;
 }
-function Vt(e, t, n, r, i = {
+function Ht(e, t, n, r, i = {
 	keepAspectRatio: !1,
 	disableSnapping: !1
 }) {
-	let a = t === "y" ? e.width : e.width + n, o = t === "x" ? e.height : e.height + r, s = i.disableSnapping ? 1 : jt;
+	let a = t === "y" ? e.width : e.width + n, o = t === "x" ? e.height : e.height + r, s = i.disableSnapping ? 1 : Mt;
 	if (i.keepAspectRatio) {
 		let n = e.width / e.height;
-		return t === "x" || t === "xy" && Math.abs(a - e.width) / e.width >= Math.abs(o - e.height) / e.height ? (a = zt(Rt(a, s), f.width, u.width), o = a / n) : (o = zt(Rt(o, s), f.height, u.height), a = o * n), _(a, o);
+		return t === "x" || t === "xy" && Math.abs(a - e.width) / e.width >= Math.abs(o - e.height) / e.height ? (a = Bt(zt(a, s), f.width, u.width), o = a / n) : (o = Bt(zt(o, s), f.height, u.height), a = o * n), _(a, o);
 	}
 	if (!i.disableSnapping) {
-		let e = c.find((e) => Math.abs(a - e.width) <= Mt && Math.abs(o - e.height) <= Mt);
+		let e = c.find((e) => Math.abs(a - e.width) <= Nt && Math.abs(o - e.height) <= Nt);
 		if (e) return {
 			width: e.width,
 			height: e.height
 		};
 	}
-	return _(t === "y" ? a : Rt(a, s), t === "x" ? o : Rt(o, s));
+	return _(t === "y" ? a : zt(a, s), t === "x" ? o : zt(o, s));
 }
-function Ht(e) {
+function Ut(e) {
 	let t = c.find((t) => t.width === e.width && t.height === e.height);
 	return `${e.width} × ${e.height}${t ? ` · ${t.name}` : ""}`;
 }
-var Ut = class {
+var Wt = class {
 	canvas;
 	grid;
 	dragging;
@@ -946,16 +946,16 @@ var Ut = class {
 	badge;
 	scale;
 	constructor(e, t, n, r, i, a, o) {
-		this.canvas = t, this.grid = n, this.dragging = r, this.projection = i, this.modeling = a, this.injector = o, this.layer = T("g", { class: "wardley-map-resize" }), C(t.getLayer(kt, At), this.layer), this.handles = {
+		this.canvas = t, this.grid = n, this.dragging = r, this.projection = i, this.modeling = a, this.injector = o, this.layer = T("g", { class: "wardley-map-resize" }), C(t.getLayer(At, jt), this.layer), this.handles = {
 			x: this.createHandle("x"),
 			y: this.createHandle("y"),
 			xy: this.createHandle("xy")
 		}, this.handles.xy.group.addEventListener("dblclick", (e) => {
-			e.stopPropagation(), e.preventDefault(), !I(this.injector) && this.modeling.resizeMap(void 0);
+			e.stopPropagation(), e.preventDefault(), !F(this.injector) && this.modeling.resizeMap(void 0);
 		}), e.on(["import.done", "wardley.config.changed"], () => this.render()), e.on("canvas.viewbox.changed", (e) => {
 			let t = e.viewbox?.scale;
 			t !== this.scale && (this.scale = t, this.render());
-		}), e.on(`${Ot}.start`, (e) => this.onStart(e)), e.on(`${Ot}.move`, (e) => this.onMove(e)), e.on(`${Ot}.end`, (e) => this.onEnd(e)), e.on(`${Ot}.cleanup`, (e) => this.onCleanup(e)), e.on(bt, xt, () => this.cancelPreviewingDrag()), this.render();
+		}), e.on(`${kt}.start`, (e) => this.onStart(e)), e.on(`${kt}.move`, (e) => this.onMove(e)), e.on(`${kt}.end`, (e) => this.onEnd(e)), e.on(`${kt}.cleanup`, (e) => this.onCleanup(e)), e.on(bt, xt, () => this.cancelPreviewingDrag()), this.render();
 	}
 	cancelPreviewingDrag() {
 		let e = this.dragging.context();
@@ -964,13 +964,13 @@ var Ut = class {
 		t?.snapshot && !t.committed && this.dragging.cancel(!0);
 	}
 	start(e, t) {
-		if (I(this.injector)) return;
+		if (F(this.injector)) return;
 		let n = {
 			axis: t,
 			startSize: this.grid.getPlotSize()
 		};
-		this.dragging.init(e, Ot, {
-			cursor: Lt[t],
+		this.dragging.init(e, kt, {
+			cursor: Rt[t],
 			keepSelection: !0,
 			data: { context: n }
 		});
@@ -979,7 +979,7 @@ var Ut = class {
 		let t = T("g", {
 			class: `wardley-map-resize-handle wardley-map-resize-${e}`,
 			"data-axis": e
-		}), n = Bt(T(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = Bt(T("rect", { class: "wardley-map-resize-hit" }));
+		}), n = Vt(T(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = Vt(T("rect", { class: "wardley-map-resize-hit" }));
 		return C(t, n), C(t, r), C(this.layer, t), t.addEventListener("mousedown", (t) => {
 			t.button !== 0 || this.dragging.context() || (t.stopPropagation(), t.preventDefault(), this.start(t, e));
 		}), {
@@ -991,7 +991,7 @@ var Ut = class {
 	render() {
 		let e = this.projection.root() !== void 0;
 		if (w(this.layer, { display: e ? "inline" : "none" }), !e) return;
-		let { width: t, height: n } = this.grid.getPlotSize(), r = D.marginLeft, i = D.marginTop, a = r + t, o = i + n, s = 1 / this.currentScale(), c = Nt * s, l = c / 2, u = Pt * s, d = u / 2, f = Ft * s;
+		let { width: t, height: n } = this.grid.getPlotSize(), r = D.marginLeft, i = D.marginTop, a = r + t, o = i + n, s = 1 / this.currentScale(), c = Pt * s, l = c / 2, u = Ft * s, d = u / 2, f = It * s;
 		w(this.handles.x.hit, {
 			x: a - l,
 			y: i,
@@ -1039,7 +1039,7 @@ var Ut = class {
 	onMove(e) {
 		let t = e.context;
 		if (!t.snapshot || !t.model) return;
-		let n = Vt(t.startSize, t.axis, e.dx, e.dy, {
+		let n = Ht(t.startSize, t.axis, e.dx, e.dy, {
 			keepAspectRatio: e.originalEvent?.shiftKey === !0,
 			disableSnapping: e.originalEvent?.altKey === !0
 		});
@@ -1061,15 +1061,15 @@ var Ut = class {
 	}
 	showBadge(e, t) {
 		let n = this.canvas.getContainer();
-		if (this.badge || (this.badge = document.createElement("div"), this.badge.className = "wardley-map-resize-badge", this.badge.setAttribute("role", "status"), n.appendChild(this.badge)), this.badge.textContent = Ht(e), this.badge.hidden = !1, t) {
+		if (this.badge || (this.badge = document.createElement("div"), this.badge.className = "wardley-map-resize-badge", this.badge.setAttribute("role", "status"), n.appendChild(this.badge)), this.badge.textContent = Ut(e), this.badge.hidden = !1, t) {
 			let e = n.getBoundingClientRect();
-			this.badge.style.left = `${t.clientX - e.left + It}px`, this.badge.style.top = `${t.clientY - e.top + It}px`;
+			this.badge.style.left = `${t.clientX - e.left + Lt}px`, this.badge.style.top = `${t.clientY - e.top + Lt}px`;
 		}
 	}
 	hideBadge() {
 		this.badge && (this.badge.hidden = !0);
 	}
-}, Wt = class extends le {
+}, Gt = class extends le {
 	injector;
 	static $inject = [
 		"config.autoScroll",
@@ -1083,17 +1083,17 @@ var Ut = class {
 	startScroll(e) {
 		this.injector.get("dragging", !1)?.context()?.prefix === "wardley.mapResize" ? this.stopScroll() : super.startScroll(e);
 	}
-}, Gt = {
+}, Kt = {
 	__depends__: [St],
 	wardleyMapProjection: ["type", vt]
-}, Kt = {
-	__depends__: [S, Gt],
+}, qt = {
+	__depends__: [S, Kt],
 	__init__: ["mapResizeHandles"],
-	mapResizeHandles: ["type", Ut]
+	mapResizeHandles: ["type", Wt]
 };
 //#endregion
 //#region src/modeling/cmd/UpdateConfigHandler.ts
-function qt(e, t, n, r, i = {}) {
+function Jt(e, t, n, r, i = {}) {
 	let a = gt(e);
 	if (!a?.businessObject) return {};
 	let o = {}, s = { ...a.businessObject.config };
@@ -1107,7 +1107,7 @@ function qt(e, t, n, r, i = {}) {
 		...i.transient ? { transient: !0 } : {}
 	}), o;
 }
-var Jt = class {
+var Yt = class {
 	canvas;
 	grid;
 	eventBus;
@@ -1126,12 +1126,12 @@ var Jt = class {
 		return e.oldProperties && this.apply(e.oldProperties), [];
 	}
 	apply(e) {
-		return qt(this.canvas, this.grid, this.eventBus, e);
+		return Jt(this.canvas, this.grid, this.eventBus, e);
 	}
 };
 //#endregion
 //#region src/WardleyBaseViewer.ts
-function Yt(e) {
+function Xt(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;
 	return {
 		...t === void 0 ? {} : { wardleyKeyboard: { undoRedo: t } },
@@ -1139,16 +1139,16 @@ function Yt(e) {
 		...e.fitOnImport === !1 ? { wardleyImport: { fit: !1 } } : {}
 	};
 }
-var Xt = "__implicitroot";
-function Zt(e) {
-	let t = re(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(Xt));
+var Zt = "__implicitroot";
+function Qt(e) {
+	let t = re(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(Zt));
 	if (n) throw Error(`The id "${n.id}" is reserved for the canvas itself.`);
 	return t;
 }
-function Qt(e) {
+function $t(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var $t = class {
+var en = class {
 	_diagram;
 	_container;
 	_options;
@@ -1159,7 +1159,7 @@ var $t = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("wardley-container"), t.style.width = Qt(e.width ?? "100%"), t.style.height = Qt(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("wardley-container"), t.style.width = $t(e.width ?? "100%"), t.style.height = $t(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -1167,7 +1167,7 @@ var $t = class {
 			this._diagram = new e({
 				canvas: { container: this._container },
 				modules: t,
-				...Yt(this._options)
+				...Xt(this._options)
 			}), this._diagram.get("eventBus").on(bt, xt, () => this._putBackSizePreview());
 		}
 		return this._diagram;
@@ -1182,7 +1182,7 @@ var $t = class {
 		this.get("eventBus").off(e, t);
 	}
 	async importMap(e) {
-		let t = Zt(e), n = this._ensureDiagram(), r = n.get("eventBus"), i = n.get("wardleyImporter"), a = n.get("commandStack", !1), o = this._rootBusinessObject() ? this.exportMap() : void 0;
+		let t = Qt(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();
 		let s;
 		try {
@@ -1284,7 +1284,7 @@ var $t = class {
 		} else this._applyConfigDirectly({ evolutionLabels: n });
 	}
 	_applyConfigDirectly(e, t = {}) {
-		qt(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
+		Jt(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
 	}
 	_wardleyModeling() {
 		return this._ensureDiagram().get("wardleyModeling", !1);
@@ -1323,7 +1323,7 @@ var $t = class {
 };
 //#endregion
 //#region src/layout/WardleyLayouter.ts
-function L(e) {
+function I(e) {
 	return P(e) ? {
 		x: e.x + e.width / 2,
 		y: e.y
@@ -1332,32 +1332,32 @@ function L(e) {
 		y: e.y + e.height / 2
 	};
 }
-var en = class extends ue {
+var tn = class extends ue {
 	layoutConnection(e, t = {}) {
 		let n = t.source ?? e.source, r = t.target ?? e.target;
 		return super.layoutConnection(e, {
 			...t,
-			...n ? { connectionStart: L(n) } : {},
-			...r ? { connectionEnd: L(r) } : {}
+			...n ? { connectionStart: I(n) } : {},
+			...r ? { connectionEnd: I(r) } : {}
 		});
 	}
-}, tn = { layouter: ["type", en] }, nn = /* @__PURE__ */ new Set([
+}, nn = { layouter: ["type", tn] }, rn = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator"
 ]);
-function rn(e) {
-	return typeof e == "string" && nn.has(e);
+function an(e) {
+	return typeof e == "string" && rn.has(e);
 }
-function an(e, t) {
+function on(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 on = class {
+var sn = class {
 	elementFactory;
 	grid;
 	elementRegistry;
@@ -1370,25 +1370,25 @@ var on = class {
 		this.elementFactory = e, this.grid = t, this.elementRegistry = n;
 	}
 	uniqueLabel(e, t) {
-		return an(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
+		return on(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
 	}
 	uniqueLabels(e) {
 		let t = this.takenLinkableLabels();
 		return e.map(({ type: e, label: n }) => {
-			if (!rn(e)) return n;
-			let r = an(n, t);
+			if (!an(e)) return n;
+			let r = on(n, t);
 			return t.add(r), r;
 		});
 	}
 	isLinkable(e) {
-		return rn(e);
+		return an(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;
-			rn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
+			an(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
 		}
 		return n;
 	}
@@ -1540,7 +1540,7 @@ var on = class {
 		});
 	}
 	createNew(e, t, n = {}) {
-		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : rn(e) ? this.uniqueLabel(t) : t;
+		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : an(e) ? this.uniqueLabel(t) : t;
 		if (e === "pipeline") return this.elementFactory.createShape({
 			width: 200,
 			height: 30,
@@ -1619,7 +1619,7 @@ var on = class {
 			id: t.id,
 			source: n,
 			target: r,
-			waypoints: [L(n), L(r)],
+			waypoints: [I(n), I(r)],
 			wardleyType: e,
 			bidirectional: i,
 			...a ? { flowValue: a } : {},
@@ -1627,24 +1627,24 @@ var on = class {
 			businessObject: t
 		});
 	}
-}, sn = { wardleyElementFactory: ["type", on] }, cn = "wardley-axes", ln = ["Invisible", "Visible"], un = "wardley-axis", dn = "wardley-axis-text";
-function fn(e) {
+}, cn = { wardleyElementFactory: ["type", sn] }, ln = "wardley-axes", un = ["Invisible", "Visible"], dn = "wardley-axis", fn = "wardley-axis-text";
+function pn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var pn = class {
+var mn = class {
 	canvas;
 	static $inject = ["canvas"];
 	boundaries = a;
 	labels = n;
 	yAxisLabel = "Value Chain";
-	yAxisEndLabels = ln;
+	yAxisEndLabels = un;
 	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 ?? ln, 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 ?? un, this.plotWidth = p(e.size?.width, "width"), this.plotHeight = p(e.size?.height, "height");
 	}
 	toCanvas(e) {
 		return {
@@ -1654,8 +1654,8 @@ var pn = class {
 	}
 	fromCanvas(e) {
 		return {
-			evolution: fn((e.x - D.marginLeft) / this.plotWidth),
-			visibility: fn(1 - (e.y - D.marginTop) / this.plotHeight)
+			evolution: pn((e.x - D.marginLeft) / this.plotWidth),
+			visibility: pn(1 - (e.y - D.marginTop) / this.plotHeight)
 		};
 	}
 	stageOf(e) {
@@ -1679,10 +1679,10 @@ var pn = class {
 		};
 	}
 	render() {
-		let e = this.canvas.getLayer(cn, -1);
+		let e = this.canvas.getLayer(ln, -1);
 		oe(e);
 		let t = D.marginLeft, n = D.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
-		C(e, mn(t, n, this.plotWidth, this.plotHeight, {
+		C(e, hn(t, n, this.plotWidth, this.plotHeight, {
 			fill: k.plotBackground,
 			stroke: k.grid
 		}));
@@ -1693,51 +1693,51 @@ var pn = 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, mn(o, n, s - o, this.plotHeight, {
+			r % 2 == 1 && C(e, hn(o, n, s - o, this.plotHeight, {
 				fill: k.band,
 				stroke: "none"
-			})), r > 0 && C(e, hn(o, n, o, i, {
+			})), r > 0 && C(e, gn(o, n, o, i, {
 				stroke: k.grid,
 				"stroke-dasharray": "3 5"
 			}));
 			let c = (o + s) / 2;
-			C(e, gn(this.labels[r].toUpperCase(), c, i + 18, {
+			C(e, _n(this.labels[r].toUpperCase(), c, i + 18, {
 				"text-anchor": "middle",
 				"font-size": A.stage,
 				"letter-spacing": "0.08em",
 				fill: k.axisText
 			}));
 		}
-		C(e, hn(t, i, r + 10, i, {
+		C(e, gn(t, i, r + 10, i, {
 			stroke: k.axis,
-			class: un
-		})), C(e, _n(r + 10, i, "right")), C(e, gn("Evolution", r + 6, i + 38, {
+			class: dn
+		})), C(e, vn(r + 10, i, "right")), C(e, _n("Evolution", r + 6, i + 38, {
 			"text-anchor": "end",
 			"font-size": A.axis,
 			fill: k.axisText,
 			"font-style": "italic"
-		})), C(e, hn(t, i, t, n - 10, {
+		})), C(e, gn(t, i, t, n - 10, {
 			stroke: k.axis,
-			class: un
-		})), C(e, _n(t, n - 10, "up"));
-		let o = gn(this.yAxisLabel, 0, 0, {
+			class: dn
+		})), C(e, vn(t, n - 10, "up"));
+		let o = _n(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, gn(this.yAxisEndLabels[1], t - 10, n + 11, {
+		w(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), C(e, o), C(e, _n(this.yAxisEndLabels[1], t - 10, n + 11, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
-		})), C(e, gn(this.yAxisEndLabels[0], t - 10, i - 2, {
+		})), C(e, _n(this.yAxisEndLabels[0], t - 10, i - 2, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
 		}));
 	}
 };
-function mn(e, t, n, r, i) {
+function hn(e, t, n, r, i) {
 	return w(T("rect"), {
 		x: e,
 		y: t,
@@ -1747,7 +1747,7 @@ function mn(e, t, n, r, i) {
 		...i
 	});
 }
-function hn(e, t, n, r, i) {
+function gn(e, t, n, r, i) {
 	return w(T("line"), {
 		x1: e,
 		y1: t,
@@ -1757,62 +1757,62 @@ function hn(e, t, n, r, i) {
 		...i
 	});
 }
-function gn(e, t, n, r) {
+function _n(e, t, n, r) {
 	let i = w(T("text"), {
 		x: t,
 		y: n,
 		"font-family": A.family,
-		class: dn,
+		class: fn,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function _n(e, t, n) {
+function vn(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: un
+		class: dn
 	});
 }
 //#endregion
 //#region src/evolve/constants.ts
-var vn = .005;
+var yn = .005;
 //#endregion
 //#region src/a11y/canvasFocus.ts
-function yn(e) {
+function bn(e) {
 	return e._svg ?? e.getContainer().querySelector(":scope > svg");
 }
-function bn(e) {
-	let t = yn(e);
+function xn(e) {
+	let t = bn(e);
 	t ? t.focus({
 		preventScroll: !0,
 		focusVisible: !1
 	}) : e.focus();
 }
-var xn = "pointer", Sn = !1;
-function Cn() {
-	Sn || typeof document > "u" || (Sn = !0, document.addEventListener("pointerdown", () => xn = "pointer", !0), document.addEventListener("mousedown", () => xn = "pointer", !0), document.addEventListener("keydown", (e) => {
-		e.target instanceof HTMLElement && e.target.closest("input, textarea") || (xn = "keyboard");
+var Sn = "pointer", Cn = !1;
+function wn() {
+	Cn || typeof document > "u" || (Cn = !0, document.addEventListener("pointerdown", () => Sn = "pointer", !0), document.addEventListener("mousedown", () => Sn = "pointer", !0), document.addEventListener("keydown", (e) => {
+		e.target instanceof HTMLElement && e.target.closest("input, textarea") || (Sn = "keyboard");
 	}, !0));
 }
-function wn() {
-	return xn === "pointer";
+function Tn() {
+	return Sn === "pointer";
 }
 //#endregion
 //#region src/a11y/describeCanvas.ts
-function Tn(e) {
-	let t = yn(e);
+function En(e) {
+	let t = bn(e);
 	t && (t.setAttribute("role", "application"), t.setAttribute("aria-roledescription", "Wardley map"), t.setAttribute("aria-label", "Map canvas"));
 }
-Tn.$inject = ["canvas"];
+En.$inject = ["canvas"];
 //#endregion
 //#region src/a11y/index.ts
-var En = { __init__: [Tn] }, Dn = "wardley.evolve", On = "wardley-evolve-handle";
-function kn(e) {
+var Dn = { __init__: [En] }, On = "wardley.evolve", kn = "wardley-evolve-handle";
+function An(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var An = class {
+var jn = class {
 	dragging;
 	injector;
 	static $inject = [
@@ -1828,9 +1828,9 @@ var An = 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(kn(t), Math.min(1, e.evolution + vn)), l = (e, t) => {
+		}, c = (e, t) => Math.max(An(t), Math.min(1, e.evolution + yn)), l = (e, t) => {
 			let r = i.getContainer().getBoundingClientRect(), a = i.viewbox(), o = a.x + (e - r.left) * (a.width / r.width);
-			return kn(n.fromCanvas({
+			return An(n.fromCanvas({
 				x: o,
 				y: t
 			}).evolution);
@@ -1840,10 +1840,10 @@ var An = class {
 		};
 		i.getContainer().addEventListener("mousedown", (e) => {
 			let t = e.target;
-			if (!t?.closest(`.${On}`) || u() || I(o)) return;
+			if (!t?.closest(`.${kn}`) || u() || F(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(), bn(i);
+			e.stopPropagation(), e.preventDefault(), xn(i);
 			let f = d.movement, p = d.y + d.height / 2, m, h = (e) => {
 				m = c(d, l(e.clientX, p)), s(d, {
 					...f,
@@ -1853,7 +1853,7 @@ var An = 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(`${Dn}.move`, (e) => {
+		}, !0), e.on(`${On}.move`, (e) => {
 			let { shape: t } = e.context, r = t.y + t.height / 2, i = c(t, n.fromCanvas({
 				x: e.x,
 				y: r
@@ -1862,63 +1862,63 @@ var An = class {
 				...e.context.originalMovement,
 				targetEvolution: i
 			});
-		}), e.on(`${Dn}.end`, (e) => {
+		}), e.on(`${On}.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(`${Dn}.cleanup`, (e) => {
+		}), e.on(`${On}.cleanup`, (e) => {
 			let t = e.context;
 			t && !t.committed && s(t.shape, t.originalMovement);
 		});
 	}
 	start(e, t) {
-		if (I(this.injector)) return;
+		if (F(this.injector)) return;
 		let n = {
 			shape: t,
 			...t.movement ? { originalMovement: t.movement } : {}
 		};
-		this.dragging.init(e, Dn, {
+		this.dragging.init(e, On, {
 			cursor: "ew-resize",
 			data: { context: n }
 		});
 	}
-}, jn = {
+}, Mn = {
 	__init__: ["wardleyEvolveDragging"],
-	wardleyEvolveDragging: ["type", An]
+	wardleyEvolveDragging: ["type", jn]
 };
 //#endregion
 //#region src/pipeline/pipelineMembership.ts
-function R(e) {
+function L(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function Mn(e, t) {
+function Nn(e, t) {
 	return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
 }
-function Nn(e) {
+function Pn(e) {
 	return e.filter((e) => P(e));
 }
-function Pn(e, t) {
-	return e.filter((e) => N(e) && e.pipelineId === t.id);
-}
 function Fn(e, t) {
-	return e.find((e) => N(e) && e.wardleyLabel === t.wardleyLabel && e.pipelineId !== t.id);
+	return e.filter((e) => N(e) && e.pipelineId === t.id);
 }
 function In(e, t) {
-	if (N(t)) return Nn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
+	return e.find((e) => N(e) && e.wardleyLabel === t.wardleyLabel && e.pipelineId !== t.id);
 }
 function Ln(e, t) {
-	let n = Fn(e, t);
-	return [...Pn(e, t), ...n ? [n] : []];
+	if (N(t)) return Pn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
+}
+function Rn(e, t) {
+	let n = In(e, t);
+	return [...Fn(e, t), ...n ? [n] : []];
 }
-function Rn(e, t, n, r = /* @__PURE__ */ new Set()) {
-	let i = Nn(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && Mn(e, n));
+function zn(e, t, n, r = /* @__PURE__ */ new Set()) {
+	let i = Pn(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && Nn(e, n));
 	return i.find((e) => e.id === t.pipelineId) ?? i[0];
 }
 //#endregion
 //#region src/pipeline/PipelineGroupBehavior.ts
-var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn = 900, Gn = "wardley-drop-target", Kn = class extends de {
+var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn = 900, Kn = "wardley-drop-target", qn = class extends de {
 	elementRegistry;
 	canvas;
 	static $inject = [
@@ -1933,27 +1933,27 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		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) ? Fn(this.elementRegistry, n) : In(this.elementRegistry, n);
+			let i = P(n) ? In(this.elementRegistry, n) : Ln(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", zn, (e) => {
+		}), e.on("shape.move.start", Bn, (e) => {
 			let { context: t } = e;
 			t.shapes = this.withFollowers(t.shapes ?? []);
-		}), this.preExecuted("elements.move", Hn, (e) => {
+		}), this.preExecuted("elements.move", Un, (e) => {
 			let t = e.context.closure;
 			if (t) {
-				for (let e of Object.values(t.allShapes)) if (P(e)) for (let n of Ln(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 Rn(this.elementRegistry, e)) t.allShapes[n.id] || t.add(n, !!t.topLevel[e.id]);
 			}
-		}), i && e.on("shape.move.start", Bn, (e) => {
+		}), i && e.on("shape.move.start", Vn, (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(Un, Wn), r);
+			w(r, { class: "djs-drag-group" }), C(this.canvas.getLayer(Wn, Gn), r);
 			for (let e of n) i.addDragger(e, r);
 			t.pipelineVerticalPreview = r;
-		}), e.on("shape.move.move", Vn, (e) => {
+		}), e.on("shape.move.move", Hn, (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) => {
@@ -1963,47 +1963,47 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 	}
 	withFollowers(e) {
 		let t = new Set(e);
-		for (let n of e) if (P(n)) for (let e of Ln(this.elementRegistry, n)) t.add(e);
+		for (let n of e) if (P(n)) for (let e of Rn(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 = In(this.elementRegistry, r);
-			e && !t.has(e) && n.push(e, ...Pn(this.elementRegistry, e).filter((e) => !t.has(e)));
+			let e = Ln(this.elementRegistry, r);
+			e && !t.has(e) && n.push(e, ...Fn(this.elementRegistry, e).filter((e) => !t.has(e)));
 		}
 		return n;
 	}
 	dropTargetFor(e, t, n) {
 		let r = e.shape;
-		if (!N(r) || In(this.elementRegistry, r)) return;
-		let i = R(r);
-		return Rn(this.elementRegistry, r, {
+		if (!N(r) || Ln(this.elementRegistry, r)) return;
+		let i = L(r);
+		return zn(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, Gn), t && this.canvas.addMarker(t, Gn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
+		n !== t && (n && this.canvas.removeMarker(n, Kn), t && this.canvas.addMarker(t, Kn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
 	}
-}, qn = {
+}, Jn = {
 	__init__: ["pipelineGroupBehavior"],
-	pipelineGroupBehavior: ["type", Kn]
-}, Jn = [
+	pipelineGroupBehavior: ["type", qn]
+}, Yn = [
 	"shape.move",
 	"shape.create",
 	"shape.resize"
-], Yn = [
-	...Jn,
+], Xn = [
+	...Yn,
 	"elements.move",
 	"elements.create"
-], Xn = [
+], Zn = [
 	"shape.create",
 	"shape.delete",
 	"element.updateProperties"
-], Zn = 2e3, Qn = 1e3, $n = 10, er = 1e-6, tr = class extends de {
+], Qn = 2e3, $n = 1e3, er = 10, tr = 1e-6, nr = class extends de {
 	eventBus;
 	grid;
 	elementRegistry;
@@ -2023,9 +2023,9 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 	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 nr(e.context)) this.deriveFromGeometry(t);
+			for (let t of rr(e.context)) this.deriveFromGeometry(t);
 		};
-		this.executed(Jn, o), this.reverted(Jn, o), this.preExecute(Yn, Zn, (e) => {
+		this.executed(Yn, o), this.reverted(Yn, o), this.preExecute(Xn, Qn, (e) => {
 			this.topLevelContext ||= e.context;
 		}), e.on("commandStack.changed", () => {
 			this.topLevelContext = null;
@@ -2034,18 +2034,18 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 			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", Qn, (e) => {
+		}), this.preExecuted("elements.move", $n, (e) => {
 			let { context: t } = e;
 			if (!this.isTopLevel(t) || !t.delta) return;
-			let n = rr(t);
+			let n = ir(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, nr(t));
+			t.parent?.parent && (t.parent = this.canvas.getRootElement()), this.isTopLevel(t) && this.rememberEvolutions(t, rr(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(Yn, (e) => {
+		}), this.postExecuted(Xn, (e) => {
 			if (e.context === this.topLevelContext) try {
 				this.applyCorrections(e.command, e.context);
 			} finally {
@@ -2059,13 +2059,13 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 				...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(Xn, s), this.reverted(Xn, s);
+		this.executed(Zn, s), this.reverted(Zn, s);
 	}
 	isTopLevel(e) {
 		return e === this.topLevelContext;
 	}
 	followersOf(e) {
-		return P(e) ? Ln(this.elementRegistry, e) : [];
+		return P(e) ? Rn(this.elementRegistry, e) : [];
 	}
 	rememberEvolutions(e, t) {
 		this.evolutionsBefore.set(e, new Map(t.map((e) => [e, e.evolution])));
@@ -2098,7 +2098,7 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 				return;
 			}
 			default: {
-				let t = this.grid.fromCanvas(R(e));
+				let t = this.grid.fromCanvas(L(e));
 				e.evolution = t.evolution;
 				let n = this.pipelineOfMember(e);
 				e.visibility = n ? this.pipelineVisibility(n) : t.visibility;
@@ -2112,9 +2112,9 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		}), n = this.grid.fromCanvas({
 			x: e.x + e.width,
 			y: e.y
-		}), [r, i] = sr(t.evolution, n.evolution);
-		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = or((r + i) / 2), e.visibility = t.visibility;
-		for (let t of Pn(this.elementRegistry, e)) t.visibility = e.visibility;
+		}), [r, i] = cr(t.evolution, n.evolution);
+		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = sr((r + i) / 2), e.visibility = t.visibility;
+		for (let t of Fn(this.elementRegistry, e)) t.visibility = e.visibility;
 	}
 	pipelineOfMember(e) {
 		if (!N(e) || !e.pipelineId) return;
@@ -2141,14 +2141,14 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 				return;
 			}
 			case "elements.move":
-				this.completeMove(rr(t), t.delta ?? {
+				this.completeMove(ir(t), t.delta ?? {
 					x: 0,
 					y: 0
 				}, t);
 				return;
 			case "shape.create":
 			case "elements.create": {
-				let e = nr(t), n = this.clampDelta({
+				let e = rr(t), n = this.clampDelta({
 					x: 0,
 					y: 0
 				}, e);
@@ -2165,12 +2165,12 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		this.carryPipelinesOfMovedAnchors(e, t), this.reconcileMembership(e), this.shiftPassedEvolveTargets(n);
 	}
 	carryPipelinesOfMovedAnchors(e, t) {
-		if (Math.abs(t.y) < er) return;
+		if (Math.abs(t.y) < tr) return;
 		let n = new Set(e);
 		for (let r of e) {
-			let e = In(this.elementRegistry, r);
+			let e = Ln(this.elementRegistry, r);
 			if (!e || n.has(e)) continue;
-			let i = [e, ...Pn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
+			let i = [e, ...Fn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
 				x: 0,
 				y: t.y
 			}, i);
@@ -2179,8 +2179,8 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 	}
 	reconcileMembership(e) {
 		for (let t of e) {
-			if (!N(t) || In(this.elementRegistry, t)) continue;
-			let e = R(t), n = Rn(this.elementRegistry, t, e);
+			if (!N(t) || Ln(this.elementRegistry, t)) continue;
+			let e = L(t), n = zn(this.elementRegistry, t, e);
 			n ? (this.moveBy(t, {
 				x: 0,
 				y: n.y + n.height / 2 - e.y
@@ -2191,15 +2191,15 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		}
 	}
 	releaseMembersOutside(e) {
-		for (let t of Pn(this.elementRegistry, e)) {
-			let n = R(t);
+		for (let t of Fn(this.elementRegistry, e)) {
+			let n = L(t);
 			(n.x < e.x || n.x > e.x + e.width) && this.release(t);
 		}
 	}
 	release(e) {
 		this.wardleyModeling.updateProperties(e, {
 			pipelineId: void 0,
-			visibility: this.grid.fromCanvas(R(e)).visibility
+			visibility: this.grid.fromCanvas(L(e)).visibility
 		});
 	}
 	shiftPassedEvolveTargets(e) {
@@ -2217,7 +2217,7 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		}
 	}
 	moveBy(e, t) {
-		Math.abs(t.x) < er && Math.abs(t.y) < er || this.modeling.moveShape(e, {
+		Math.abs(t.x) < tr && Math.abs(t.y) < tr || this.modeling.moveShape(e, {
 			x: t.x,
 			y: t.y
 		});
@@ -2254,7 +2254,7 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 			case "drawing": {
 				let t = e.drawingPoints ?? [];
 				if (!t.length) return {
-					...R(e),
+					...L(e),
 					width: 0,
 					height: 0
 				};
@@ -2267,7 +2267,7 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 				};
 			}
 			default: return {
-				...R(e),
+				...L(e),
 				width: 0,
 				height: 0
 			};
@@ -2286,8 +2286,8 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 			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: ir(e.x, r),
-			y: ir(e.y, i)
+			x: ar(e.x, r),
+			y: ar(e.y, i)
 		};
 	}
 	horizontalPipelineBounds(e, t) {
@@ -2309,11 +2309,11 @@ var zn = 1400, Bn = 450, Vn = 400, Hn = 1500, Un = "wardley-pipeline-drag", Wn =
 		};
 	}
 	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, $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, er);
 		return [Math.min(o, a - s), s];
 	}
 };
-function nr(e) {
+function rr(e) {
 	let t = [
 		...e.shape ? [e.shape] : [],
 		...e.shapes ?? [],
@@ -2321,37 +2321,37 @@ function nr(e) {
 	];
 	return [...new Set(t)].filter(j);
 }
-function rr(e) {
-	return e.closure ? Object.values(e.closure.allShapes).filter(j) : nr(e);
+function ir(e) {
+	return e.closure ? Object.values(e.closure.allShapes).filter(j) : rr(e);
 }
-function ir(e, t) {
+function ar(e, t) {
 	return t.min > t.max ? e : Math.min(Math.max(e, t.min), t.max);
 }
-var ar = .001;
-function or(e) {
+var or = .001;
+function sr(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function sr(e, t) {
-	let n = or(Math.max(t, e + ar));
-	return [Math.max(0, Math.min(e, n - ar)), n];
+function cr(e, t) {
+	let n = sr(Math.max(t, e + or));
+	return [Math.max(0, Math.min(e, n - or)), n];
 }
 //#endregion
 //#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function cr(e, t, n) {
+function lr(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var lr = class {
+var ur = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], cr(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], lr(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)) cr(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) lr(r, e, n[e]);
 		return [t];
 	}
-}, ur = class {
+}, dr = class {
 	projection;
 	static $inject = ["wardleyMapProjection"];
 	constructor(e) {
@@ -2359,20 +2359,20 @@ var lr = class {
 	}
 	execute(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(dr({
+		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(fr({
 			...t,
 			config: ht(t.config, e.size)
 		}, _t(t.rawPassthrough)))) : [];
 	}
 	revert(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? this.projection.apply(dr({
+		return t ? this.projection.apply(fr({
 			...t,
 			config: ht(t.config, e.oldSize)
 		}, e.oldRawPassthrough)) : [];
 	}
 };
-function dr(e, t) {
+function fr(e, t) {
 	let { rawPassthrough: n, ...r } = e;
 	return t ? {
 		...r,
@@ -2381,34 +2381,34 @@ function dr(e, t) {
 }
 //#endregion
 //#region src/modeling/WardleyModeling.ts
-var fr = "element.updateProperties", pr = "wardley.map.resize", mr = "wardley.config.update";
-function hr(e) {
+var pr = "element.updateProperties", mr = "wardley.map.resize", hr = "wardley.config.update";
+function gr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var gr = class {
+var _r = class {
 	commandStack;
 	canvas;
 	static $inject = ["commandStack", "canvas"];
 	constructor(e, t) {
-		this.commandStack = e, this.canvas = t, e.registerHandler(fr, lr), e.registerHandler(pr, ur), e.registerHandler(mr, Jt);
+		this.commandStack = e, this.canvas = t, e.registerHandler(pr, ur), e.registerHandler(mr, dr), e.registerHandler(hr, Yt);
 	}
 	resizeMap(e) {
 		let t = this.currentConfig();
-		t && !_r(t.size, e) && this.commandStack.execute(pr, { size: e });
+		t && !vr(t.size, e) && this.commandStack.execute(mr, { 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(mr, { properties: r });
+		Object.keys(r).length !== 0 && this.commandStack.execute(hr, { properties: r });
 	}
 	currentConfig() {
 		return gt(this.canvas)?.businessObject?.config;
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(fr, {
+		this.commandStack.execute(pr, {
 			element: e,
 			properties: t
 		});
@@ -2426,11 +2426,11 @@ var gr = class {
 		} else this.updateProperties(e, { wardleyLabel: t });
 	}
 	evolveComponent(e, t, n = {}) {
-		let r = vr(t);
-		r <= e.evolution || this.updateProperties(e, { movement: hr({
+		let r = yr(t);
+		r <= e.evolution || this.updateProperties(e, { movement: gr({
 			...e.movement,
 			targetEvolution: r,
-			...hr({
+			...gr({
 				newLabel: n.newLabel,
 				method: n.method
 			})
@@ -2455,15 +2455,15 @@ var gr = class {
 		this.updateProperties(e, { color: t });
 	}
 };
-function _r(e, t) {
+function vr(e, t) {
 	return !e || !t ? e === t : e.width === t.width && e.height === t.height;
 }
-function vr(e) {
+function yr(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
 //#endregion
 //#region src/modeling/WardleyCopyPaste.ts
-var yr = 24, br = [
+var br = 24, xr = [
 	"wardleyType",
 	"evolution",
 	"visibility",
@@ -2480,13 +2480,13 @@ var yr = 24, br = [
 	"drawingPoints",
 	"closed",
 	"strokeStyle"
-], xr = [
+], Sr = [
 	"wardleyType",
 	"bidirectional",
 	"flowValue",
 	"linkLabel"
 ];
-function Sr(e, t) {
+function Cr(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -2494,7 +2494,7 @@ function Sr(e, t) {
 	}
 	return n;
 }
-var Cr = class {
+var wr = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -2526,14 +2526,14 @@ var Cr = class {
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: Sr(e, xr)
+				props: Cr(e, Sr)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => ({
 				id: e.id,
 				...e.pipelineId ? { pipelineId: e.pipelineId } : {},
-				props: Sr(e, br),
+				props: Cr(e, xr),
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2570,7 +2570,7 @@ var Cr = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [L(n[e.sourceIdx]), L(n[e.targetIdx])]
+				waypoints: [I(n[e.sourceIdx]), I(n[e.targetIdx])]
 			}))
 		};
 	}
@@ -2594,14 +2594,14 @@ var Cr = class {
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = yr * this.pasteCount, n = wr(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = br * this.pasteCount, n = Tr(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 wr(e) {
+function Tr(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,
@@ -2610,26 +2610,26 @@ function wr(e) {
 }
 //#endregion
 //#region src/modeling/index.ts
-var Tr = {
+var Er = {
 	__depends__: [
 		me,
 		he,
-		Gt
+		Kt
 	],
 	__init__: ["wardleyModeling"],
-	wardleyModeling: ["type", gr],
-	wardleyCopyPaste: ["type", Cr]
-}, Er = { evolutionGrid: ["type", pn] }, Dr = {
+	wardleyModeling: ["type", _r],
+	wardleyCopyPaste: ["type", wr]
+}, Dr = { evolutionGrid: ["type", mn] }, Or = {
 	__init__: ["evolutionConstraintBehavior"],
 	__depends__: [
-		Er,
-		tn,
+		Dr,
+		nn,
 		pe,
-		Tr
+		Er
 	],
-	evolutionConstraintBehavior: ["type", tr]
-}, Or = "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", kr = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z", Ar = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z", jr = "M15.5 5H11l5 7-5 7h4.5l5-7zM8.5 5H4l5 7-5 7h4.5l5-7z", Mr = "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", Nr = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Pr = "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z", Fr = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z", Ir = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", Lr = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z", Rr = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z", zr = "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z", Br = "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z";
-function Vr(e, t, n, r, i) {
+	evolutionConstraintBehavior: ["type", nr]
+}, kr = "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", Ar = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z", jr = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z", Mr = "M15.5 5H11l5 7-5 7h4.5l5-7zM8.5 5H4l5 7-5 7h4.5l5-7z", Nr = "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", Pr = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Fr = "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z", Ir = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z", Lr = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", Rr = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z", zr = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z", Br = "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z", Vr = "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z";
+function Hr(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})`,
@@ -2637,19 +2637,19 @@ function Vr(e, t, n, r, i) {
 		stroke: "none"
 	}), C(a, w(T("path"), { d: e })), a;
 }
-var Hr = "M0.44 3.56L3.56 0.44 23.56 20.44 20.44 23.56z", Ur = 0, Wr = "M1.29 2.71L2.71 1.29 22.71 21.29 21.29 22.71z";
-function Gr(e) {
+var Ur = "M0.44 3.56L3.56 0.44 23.56 20.44 20.44 23.56z", Wr = 0, Gr = "M1.29 2.71L2.71 1.29 22.71 21.29 21.29 22.71z";
+function Kr(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function Kr(e, t = 18) {
-	let n = `wardley-icon-strike-gap-${++Ur}`;
-	return `<svg viewBox="0 0 24 24" width="${Number(t)}" height="${Number(t)}" fill="currentColor" aria-hidden="true"><mask id="${n}" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#fff"/><path d="${Hr}" fill="#000"/></mask><path d="${Gr(e)}" mask="url(#${n})"/><path d="${Wr}"/></svg>`;
+function qr(e, t = 18) {
+	let n = `wardley-icon-strike-gap-${++Wr}`;
+	return `<svg viewBox="0 0 24 24" width="${Number(t)}" height="${Number(t)}" fill="currentColor" aria-hidden="true"><mask id="${n}" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#fff"/><path d="${Ur}" fill="#000"/></mask><path d="${Kr(e)}" mask="url(#${n})"/><path d="${Gr}"/></svg>`;
 }
-function z(e, t = 18) {
-	return `<svg viewBox="0 0 24 24" width="${Number(t)}" height="${Number(t)}" fill="currentColor" aria-hidden="true"><path d="${Gr(e)}"/></svg>`;
+function R(e, t = 18) {
+	return `<svg viewBox="0 0 24 24" width="${Number(t)}" height="${Number(t)}" fill="currentColor" aria-hidden="true"><path d="${Kr(e)}"/></svg>`;
 }
-var qr = 7.5;
-function Jr(e, t) {
+var Jr = 7.5;
+function Yr(e, t) {
 	let n = e.movement;
 	if (!n) return;
 	let r = t.toCanvas({
@@ -2661,26 +2661,26 @@ function Jr(e, t) {
 		evolution: n.targetEvolution
 	}).x - r.x;
 }
-function Yr(e) {
-	return (e ?? "").length * qr;
+function Xr(e) {
+	return (e ?? "").length * Jr;
 }
-function Xr() {
+function Zr() {
 	return {
 		x: 22,
 		y: -4
 	};
 }
-function Zr(e, t) {
-	return t > 0 && t < Yr(e.wardleyLabel) + 30 + 14;
-}
 function Qr(e, t) {
-	let n = Xr();
+	return t > 0 && t < Xr(e.wardleyLabel) + 30 + 14;
+}
+function $r(e, t) {
+	let n = Zr();
 	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 && Qr(e, t)) return {
 		x: -n.x,
 		y: n.y,
 		anchor: "end"
@@ -2692,14 +2692,14 @@ function Qr(e, t) {
 		anchor: "start"
 	};
 }
-function $r(e) {
+function ei(e) {
 	return {
 		x: e + 15 + 7,
 		y: -4
 	};
 }
-function ei(e, t) {
-	let n = $r(t);
+function ti(e, t) {
+	let n = ei(t);
 	return e ? {
 		x: n.x + e.dx,
 		y: n.y + e.dy,
@@ -2714,21 +2714,21 @@ function ei(e, t) {
 		anchor: "start"
 	};
 }
-function ti() {
+function ni() {
 	return {
 		x: 0,
 		y: -17
 	};
 }
-function ni(e) {
-	let t = ti();
+function ri(e) {
+	let t = ni();
 	return {
 		x: t.x + (e.labelOffset?.dx ?? 0),
 		y: t.y + (e.labelOffset?.dy ?? 0),
 		anchor: "middle"
 	};
 }
-function ri(e, t) {
+function ii(e, t) {
 	let n = (e) => Math.max(-200, Math.min(200, Math.round(e))), r = {
 		dx: n(e) || 0,
 		dy: n(t) || 0
@@ -2737,7 +2737,7 @@ function ri(e, t) {
 }
 //#endregion
 //#region src/draw/WardleyRenderer.ts
-var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley-label-handle", ci = "data-label-role", li = 6, ui = class extends ge {
+var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-label-handle", ci = "data-label-role", li = 6, ui = class extends ge {
 	grid;
 	elementRegistry;
 	static $inject = [
@@ -2746,7 +2746,7 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		super(e, ii), this.grid = t, this.elementRegistry = n;
+		super(e, ai), this.grid = t, this.elementRegistry = n;
 	}
 	canRender(e) {
 		return j(e) || M(e);
@@ -2807,7 +2807,7 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "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 = Jr(t, this.grid);
+		let n = t.width / 2, r = t.height / 2, i = t.decorators, a = Yr(t, this.grid);
 		a !== void 0 && this.drawMovement(e, t, n, r, a), i?.inertia && di(e, n, r);
 		let o = t.color ?? k.stroke, s = B(n, r, 15, {
 			fill: k.componentFill,
@@ -2818,7 +2818,7 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 			fill: "none",
 			stroke: o,
 			"stroke-width": 1.5
-		})), fi(e, n, r, o, i), pi(e, t, n, r, Qr(t, a)), s;
+		})), fi(e, n, r, o, i), pi(e, t, n, r, $r(t, a)), s;
 	}
 	drawMovement(e, t, n, r, i) {
 		let a = t.movement;
@@ -2847,7 +2847,7 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 			"stroke-width": 2,
 			class: "wardley-evolve-handle"
 		}));
-		let l = ei(a.labelOffset, i);
+		let l = ti(a.labelOffset, i);
 		C(o, V(a.newLabel ?? t.wardleyLabel, n + l.x, r + l.y, {
 			"font-weight": "500",
 			fill: k.movement,
@@ -2861,13 +2861,13 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 		}));
 	}
 	drawAnchor(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = Vr(Or, n, r, 26, t.color ?? k.ink);
+		let n = t.width / 2, r = t.height / 2, i = Hr(kr, n, r, 26, t.color ?? k.ink);
 		C(e, i);
-		let a = ni(t);
+		let a = ri(t);
 		return C(e, V(t.wardleyLabel, n + a.x, r + a.y, {
 			"text-anchor": a.anchor,
 			"font-weight": "700",
-			class: `${ai} ${si}`,
+			class: `${z} ${si}`,
 			[ci]: "name",
 			...t.color ? { fill: t.color } : {}
 		})), i;
@@ -2894,14 +2894,14 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 			"stroke-width": 2
 		})), C(e, V(t.wardleyLabel, n / 2 + 8 + 6, -4, {
 			"font-weight": "500",
-			class: ai,
+			class: z,
 			...r ? { fill: r } : {}
 		}))), 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 = {
 			"text-anchor": "middle",
-			class: ai,
+			class: z,
 			fill: n ?? k.noteText,
 			"font-style": "italic",
 			...n ? { "font-weight": "600" } : {}
@@ -2951,10 +2951,10 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 		})), i;
 	}
 	drawAccelerator(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = Vr(i ? Ir : Lr, n, r, 24, t.color ?? (i ? k.accelerator : k.deaccelerator));
+		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = Hr(i ? Lr : Rr, n, r, 24, t.color ?? (i ? k.accelerator : k.deaccelerator));
 		return C(e, a), t.wardleyLabel && C(e, V(t.wardleyLabel, n + 15, r + 5, {
 			"font-size": 12,
-			class: ai
+			class: z
 		})), a;
 	}
 	drawSubmap(e, t) {
@@ -2979,7 +2979,7 @@ var ii = 1500, ai = "wardley-name-label", oi = "wardley-movement", si = "wardley
 			"stroke-width": 1
 		})), C(e, V(t.wardleyLabel, n + 16 + 6, r - 6, {
 			"font-weight": "500",
-			class: ai,
+			class: z,
 			...t.color ? { fill: t.color } : {}
 		})), a;
 	}
@@ -3010,7 +3010,7 @@ function pi(e, t, n, r, i) {
 	C(e, V(t.wardleyLabel, a, o, {
 		"font-weight": "500",
 		"text-anchor": i.anchor,
-		class: `${ai} ${si}`,
+		class: `${z} ${si}`,
 		[ci]: "name",
 		...t.color ? { fill: t.color } : {}
 	}));
@@ -3075,7 +3075,7 @@ function _i(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	let i = L(t), a = L(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = gi(t), f = gi(n);
+	let i = I(t), a = I(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = gi(t), f = gi(n);
 	return c <= d + f + 2 ? [i, a] : [{
 		x: i.x + l * d,
 		y: i.y + u * d
@@ -3089,11 +3089,11 @@ function _i(e) {
 var vi = {
 	__init__: ["wardleyRenderer"],
 	wardleyRenderer: ["type", ui]
-}, yi = class extends $t {
+}, yi = class extends en {
 	_getModules() {
 		return [
-			sn,
-			Er,
+			cn,
+			Dr,
 			vi,
 			mt
 		];
@@ -3344,12 +3344,12 @@ var Bi = class extends ce {
 	component: H(Ki()),
 	market: H(Ki(`<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: H(Ki(`<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: H(`<path d="${Or}" fill="${k.ink}"/>`),
+	anchor: H(`<path d="${kr}" fill="${k.ink}"/>`),
 	pipeline: H(`<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: H(`<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: H(`<circle cx="12" cy="12" r="8" fill="${k.annotationFill}" stroke="${k.stroke}" stroke-width="1.25"/>` + qi("1", `y="16" font-size="11" font-weight="700" fill="${k.stroke}"`)),
-	accelerator: H(`<path d="${Ir}" fill="${k.accelerator}"/>`),
-	deaccelerator: H(`<path d="${Lr}" fill="${k.deaccelerator}"/>`),
+	accelerator: H(`<path d="${Lr}" fill="${k.accelerator}"/>`),
+	deaccelerator: H(`<path d="${Rr}" fill="${k.deaccelerator}"/>`),
 	submap: H(`<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"/>`)
 }, Ji = {
 	pioneers: "P",
@@ -3729,7 +3729,7 @@ var Aa = class {
 	selection;
 	locked;
 	constructor(e, t, n, r, i) {
-		this.eventBus = e, this.canvas = t, this.modeling = n, this.factory = r, Cn(), this.contextPad = i.get("contextPad", !1) ?? null, this.selection = i.get("selection", !1) ?? null, this.locked = () => I(i), e.on("element.dblclick", (e) => {
+		this.eventBus = e, this.canvas = t, this.modeling = n, this.factory = r, wn(), this.contextPad = i.get("contextPad", !1) ?? null, this.selection = i.get("selection", !1) ?? null, this.locked = () => F(i), 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"], va, (e) => {
 			this.active && e.element?.id === this.active.elementId && this.active.relayout();
@@ -3740,7 +3740,7 @@ var Aa = class {
 	activate(e, t = {}) {
 		if (!j(e) || _a.has(e.wardleyType) || this.locked()) return;
 		this.active?.commit("outside");
-		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = wn(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = (e) => Math.max(e * Sa, r ? 17 * this.canvas.zoom() : 0), u = l(c.fontSize), d = ja(r, t.value ?? e.wardleyLabel ?? "", c, u), f = r ? Na("wardley-label-hint", Ta) : void 0, p = () => {
+		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = Tn(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = (e) => Math.max(e * Sa, r ? 17 * this.canvas.zoom() : 0), u = l(c.fontSize), d = ja(r, t.value ?? e.wardleyLabel ?? "", c, u), f = r ? Na("wardley-label-hint", Ta) : void 0, p = () => {
 			let { left: e, top: t, width: n, height: i } = Ma(d.value, c, u, r);
 			Object.assign(d.style, {
 				left: `${e}px`,
@@ -3871,7 +3871,7 @@ var Aa = class {
 		};
 	}
 	returnToCanvas(e, t) {
-		t ? bn(this.canvas) : this.canvas.restoreFocus();
+		t ? xn(this.canvas) : this.canvas.restoreFocus();
 		let n = this.selection?.get() ?? [];
 		n.length === 1 && n[0] === e && this.contextPad?.open(e);
 	}
@@ -4024,7 +4024,7 @@ var qa = class {
 		return n ? i[r] = n : delete i[r], this.modeling.updateProperties(e, { businessObject: i }), !0;
 	}
 	activate(e, t = {}) {
-		if (!Ga(e) || I(this.injector)) return;
+		if (!Ga(e) || F(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 ?? Ka(e) ?? "", r.style.position = "absolute";
@@ -4208,14 +4208,14 @@ var co = {
 			});
 		}
 		getContextPadEntries(e) {
-			if (I(this.injector)) return {};
+			if (F(this.injector)) return {};
 			if (M(e)) return this.connectionEntries(e);
 			if (!j(e)) return {};
 			let t = e, n = {};
 			return this.addPrimaryEntries(t, n), this.addPropertyEntries(t, n), n.delete = {
 				group: ro,
 				title: "Delete",
-				html: Y(z(Nr), "Delete"),
+				html: Y(R(Pr), "Delete"),
 				action: { click: () => this.modeling.removeElements([t]) }
 			}, n;
 		}
@@ -4225,13 +4225,13 @@ var co = {
 				"edit-value": {
 					group: J,
 					title: t,
-					html: Y(z(Mr), t),
+					html: Y(R(Nr), t),
 					action: { click: () => this.labelEditing.activateConnection(e) }
 				},
 				delete: {
 					group: ro,
 					title: "Delete connection",
-					html: Y(z(Nr), "Delete connection"),
+					html: Y(R(Pr), "Delete connection"),
 					action: { click: () => this.modeling.removeElements([e]) }
 				}
 			};
@@ -4240,7 +4240,7 @@ var co = {
 			if (e.wardleyType !== "drawing" && e.wardleyType !== "attitude" && (t["edit-label"] = {
 				group: J,
 				title: "Edit label",
-				html: Y(z(Mr), "Edit label"),
+				html: Y(R(Nr), "Edit label"),
 				action: { click: () => this.labelEditing.activate(e) }
 			}), e.wardleyType === "component" || e.wardleyType === "anchor" || e.wardleyType === "submap" || e.wardleyType === "pipeline") {
 				let n = (t) => {
@@ -4254,7 +4254,7 @@ var co = {
 				t.append = {
 					group: J,
 					title: "Append component (auto-connect)",
-					html: Y(z(kr), "Append component", !0),
+					html: Y(R(Ar), "Append component", !0),
 					action: {
 						click: n,
 						dragstart: n
@@ -4266,7 +4266,7 @@ var co = {
 				t.connect = {
 					group: J,
 					title: "Connect to existing element (A)",
-					html: Y(z(Ar), "Connect to existing element (A)", !0),
+					html: Y(R(jr), "Connect to existing element (A)", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -4277,7 +4277,7 @@ var co = {
 				if (e.movement) t["evolve-clear"] = {
 					group: J,
 					title: "Remove evolve",
-					html: Y(Kr(jr), "Remove evolve"),
+					html: Y(qr(Mr), "Remove evolve"),
 					action: { click: () => this.wardleyModeling.clearMovement(e) }
 				};
 				else if (e.evolution < .999) {
@@ -4285,7 +4285,7 @@ var co = {
 					t.evolve = {
 						group: J,
 						title: "Evolve: drag to set the target maturity",
-						html: Y(z(jr), "Evolve: drag to set the target maturity", !0),
+						html: Y(R(Mr), "Evolve: drag to set the target maturity", !0),
 						action: {
 							click: n,
 							dragstart: n
@@ -4298,7 +4298,7 @@ var co = {
 			if (e.wardleyType === "component" && (t.settings = {
 				group: no,
 				title: "Settings (type, sourcing, inertia)",
-				html: Y(z(Pr), "Settings (type, sourcing, inertia)"),
+				html: Y(R(Fr), "Settings (type, sourcing, inertia)"),
 				action: { click: (t) => {
 					let n = t;
 					this.popupMenu.open(e, Ya, {
@@ -4311,14 +4311,14 @@ var co = {
 				t["stroke-style"] = {
 					group: no,
 					title: r,
-					html: Y(z(Rr), r),
+					html: Y(R(zr), r),
 					action: { click: () => this.wardleyModeling.updateProperties(e, { strokeStyle: n }) }
 				};
 			}
 			t.color = {
 				group: no,
 				title: "Color",
-				html: Y(z(Fr), "Color"),
+				html: Y(R(Ir), "Color"),
 				action: { click: (t) => {
 					let n = t;
 					this.colorPicker.open(e, n.clientX, n.clientY);
@@ -4330,7 +4330,7 @@ var co = {
 				t.link = {
 					group: no,
 					title: i,
-					html: Y(z(Br), i),
+					html: Y(R(Vr), i),
 					action: { click: () => n.activate(e) }
 				};
 			}
@@ -4338,7 +4338,7 @@ var co = {
 			i && (t["open-link"] = {
 				group: no,
 				title: `Open link (${i})`,
-				html: Y(z(zr), `Open link (${i})`),
+				html: Y(R(Br), `Open link (${i})`),
 				action: { click: () => window.open(i, "_blank", "noopener,noreferrer") }
 			});
 		}
@@ -4500,7 +4500,7 @@ var Co = class {
 			}, 0));
 		}, w = (e) => {
 			x !== void 0 && e.defaultPrevented && (clearTimeout(x), x = void 0);
-		}, oe = () => I(d), T = (e, r) => {
+		}, oe = () => F(d), T = (e, r) => {
 			if (!oe() || ["a", "c"].includes(r)) {
 				if (r === "z" || r === "y") {
 					if (!m) return;
@@ -4684,7 +4684,7 @@ var To = {
 		], () => this.close());
 	}
 	open(e, t, n) {
-		if (this.close(), I(this.injector)) return;
+		if (this.close(), F(this.injector)) return;
 		let r = this.canvas.getContainer(), i = r.getBoundingClientRect(), a = document.createElement("div");
 		a.className = "wardley-color-picker", a.setAttribute("role", "dialog"), a.setAttribute("aria-label", "Color");
 		let o = [{
@@ -4788,7 +4788,7 @@ var Po = class extends Ne {
 		return e.closest(".wardley-container") ?? e;
 	}
 	activate() {
-		if (this.active || I(this.injector)) return;
+		if (this.active || F(this.injector)) return;
 		this.active = !0, this.points = [], this.cursor = null;
 		let e = this.canvas.getContainer();
 		this.outerContainer().classList.add("wardley-draw-mode"), e.addEventListener("mousedown", this.onMouseDown, !0), e.addEventListener("dblclick", this.onDblClick, !0), e.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("keydown", this.onKeyDown, !0), this.eventBus.fire("tool-manager.update", { tool: "draw" });
@@ -4942,7 +4942,7 @@ var zo = class {
 		}), C(e, t), this.group = t;
 	}
 	startDrag(e, t) {
-		if (e.button !== 0 || !this.shape || I(this.injector)) return;
+		if (e.button !== 0 || !this.shape || F(this.injector)) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = this.shape, r = this.absolutePoints(), i = (e) => {
 			r[t] = this.toCanvasPoint(e), this.renderDragPreview(r, !!n.closed);
@@ -5060,12 +5060,12 @@ var Uo = {
 		t === "movement" ? e.movement?.labelOffset && this.commitMovementOffset(e, void 0) : e.labelOffset && this.commitNameOffset(e, void 0);
 	}
 	onMouseDown = (e) => {
-		if (e.button !== 0 || this.outerContainer().classList.contains("wardley-draw-mode") || I(this.injector)) return;
+		if (e.button !== 0 || this.outerContainer().classList.contains("wardley-draw-mode") || F(this.injector)) return;
 		let t = this.labelTarget(e);
 		if (!t) return;
 		e.stopPropagation(), e.preventDefault();
 		let n = document.activeElement;
-		n instanceof HTMLElement && this.outerContainer().contains(n) && n.blur(), bn(this.canvas);
+		n instanceof HTMLElement && this.outerContainer().contains(n) && n.blur(), xn(this.canvas);
 		let { shape: r, role: i, handle: a } = t, o = this.renderedOffset(r, i, a);
 		this.active = {
 			shape: r,
@@ -5112,7 +5112,7 @@ var Uo = {
 		e.key === "Escape" && this.active && (e.stopPropagation(), this.cancel());
 	};
 	onDoubleClick = (e) => {
-		if (!e.altKey || I(this.injector)) return;
+		if (!e.altKey || F(this.injector)) return;
 		let t = this.labelTarget(e);
 		t && (e.stopPropagation(), e.preventDefault(), this.resetLabelOffset(t.shape, t.role));
 	};
@@ -5130,7 +5130,7 @@ var Uo = {
 		}), this.eventBus.fire("element.changed", { element: e.shape });
 	}
 	snapHome(e, t) {
-		return Math.abs(e.dx - t.dx) <= Go && Math.abs(e.dy - t.dy) <= Go ? void 0 : ri(e.dx, e.dy);
+		return Math.abs(e.dx - t.dx) <= Go && Math.abs(e.dy - t.dy) <= Go ? void 0 : ii(e.dx, e.dy);
 	}
 	commitNameOffset(e, t) {
 		let n = { labelOffset: t }, r = e.businessObject;
@@ -5157,14 +5157,14 @@ var Uo = {
 			dx: 0,
 			dy: 0
 		};
-		let r = Jr(e, this.grid);
+		let r = Yr(e, this.grid);
 		return t === "movement" ? r === void 0 ? {
 			dx: 0,
 			dy: 0
-		} : Yo(ei(void 0, r), $r(r), n, e) : Yo(Qr({
+		} : Yo(ti(void 0, r), ei(r), n, e) : Yo($r({
 			...e,
 			labelOffset: void 0
-		}, r), Xr(), n, e);
+		}, r), Zr(), n, e);
 	}
 	labelTarget(e) {
 		let t = e.target?.closest?.(`.${si}`);
@@ -5198,12 +5198,12 @@ function Xo(e, t) {
 var Zo = {
 	__init__: ["wardleyLabelDragging"],
 	wardleyLabelDragging: ["type", Jo]
-}, Qo = { autoScroll: ["type", Wt] }, $o = class extends Ni {
+}, Qo = { autoScroll: ["type", Gt] }, $o = class extends Ni {
 	_getModules() {
 		return [
 			...super._getModules(),
 			pe,
-			tn,
+			nn,
 			Ee,
 			xe,
 			Se,
@@ -5215,27 +5215,27 @@ var Zo = {
 			De,
 			Oe,
 			ke,
-			Tr,
+			Er,
 			Vi,
-			Dr,
+			Or,
 			Hi,
 			ca,
 			co,
 			Pa,
 			To,
-			jn,
+			Mn,
 			to,
 			ko,
 			Mo,
 			Fi,
 			Fo,
 			Uo,
-			qn,
-			Kt,
+			Jn,
+			qt,
 			Ja,
-			En,
+			Dn,
 			Zo,
-			Dt
+			Ot
 		];
 	}
 	commitPendingEdits() {
@@ -5328,7 +5328,7 @@ function is(e, t, n = {}) {
 			value: u.value,
 			...u.selection ? { selection: u.selection } : {}
 		}), !0) : !1;
-	})() || bn(e.get("canvas"));
+	})() || xn(e.get("canvas"));
 }
 //#endregion
 //#region src/collaborative/CollaborativeWardley.ts
@@ -5390,38 +5390,38 @@ function ds(e, t) {
 	};
 }
 function fs(e, t) {
-	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = ds(e, n), s = t ? e.get("wardleyLivePreview") : void 0, c = /* @__PURE__ */ new Set(), l = 0, u = !1, d = !1, f = "", p = {
+	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("panConstraint"), s = ds(e, n), c = t ? e.get("wardleyLivePreview") : void 0, l = /* @__PURE__ */ new Set(), u = 0, d = !1, f = !1, p = "", m = {
 		notation: as,
 		apiVersion: Pe,
 		editable: t
 	};
 	t && n.on("commandStack.changed", () => {
-		if (!(l > 0)) for (let e of [...c]) e();
+		if (!(u > 0)) for (let e of [...l]) e();
 	});
-	let m = (e) => e.filter(ss).map((e) => o.of(e.id)), h = (e) => {
-		let t = o.of(e.id);
+	let h = (e) => e.filter(ss).map((e) => s.of(e.id)), g = (e) => {
+		let t = s.of(e.id);
 		return e.wardleyLabel ? {
 			id: t,
 			name: e.wardleyLabel
 		} : { id: t };
-	}, g = (e) => {
-		if (d) return;
-		let t = i.get(o.canvasIdOf(e));
-		return ss(t) && o.of(t.id) === e ? t : void 0;
-	}, _ = {
-		list: () => d ? [] : i.getAll().filter(ss).map(h),
+	}, _ = (e) => {
+		if (f) return;
+		let t = i.get(s.canvasIdOf(e));
+		return ss(t) && s.of(t.id) === e ? t : void 0;
+	}, v = {
+		list: () => f ? [] : i.getAll().filter(ss).map(g),
 		reveal(e) {
-			if (d) return !1;
-			let t = i.get(o.canvasIdOf(e));
+			if (f) return !1;
+			let t = i.get(s.canvasIdOf(e));
 			return ss(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 		},
-		selection: () => d ? [] : m(a.get()),
+		selection: () => f ? [] : h(a.get()),
 		onSelection(e) {
-			let t = (t) => e(m(t.newSelection ?? []));
+			let t = (t) => e(h(t.newSelection ?? []));
 			return n.on("selection.changed", t), () => n.off("selection.changed", t);
 		},
 		bounds(e) {
-			let t = g(e);
+			let t = _(e);
 			if (!t) return;
 			let { x: n, y: r, width: i, height: a } = t;
 			return {
@@ -5431,39 +5431,39 @@ function fs(e, t) {
 				height: a
 			};
 		}
-	}, v = () => {
-		let t = s?.committedMap();
+	}, y = () => {
+		let t = c?.committedMap();
 		return t ? b(t) : e.exportDSL();
 	};
-	async function y(n) {
-		if (d) throw Error("The modeler was destroyed.");
-		l += 1;
-		let r = t && u ? rs(e) : void 0;
+	async function ee(n) {
+		if (f) throw Error("The modeler was destroyed.");
+		u += 1;
+		let r = t && d ? rs(e) : void 0;
 		try {
 			let { warnings: t } = await e.importDSL(n);
-			return u = !0, r && is(e, r), { warnings: t.map((e) => e.message) };
+			return d = !0, r && is(e, r), { warnings: t.map((e) => e.message) };
 		} catch (t) {
 			throw r && is(e, r, { importRejected: !0 }), t;
 		} finally {
-			--l;
+			--u;
 		}
 	}
 	return {
-		meta: p,
-		elements: _,
+		meta: m,
+		elements: v,
 		diagram: e,
 		attachTo(t) {
 			e.attachTo(t);
 		},
-		importText: y,
+		importText: ee,
 		exportText() {
-			return d ? f : v();
+			return f ? p : y();
 		},
 		onContentChanged(e) {
-			return t ? (c.add(e), () => c.delete(e)) : () => void 0;
+			return t ? (l.add(e), () => l.delete(e)) : () => void 0;
 		},
 		getViewState() {
-			if (!d) try {
+			if (!f) try {
 				let { x: e, y: t, width: n, height: i } = r.viewbox(), a = {
 					x: e,
 					y: t,
@@ -5476,21 +5476,31 @@ function fs(e, t) {
 			}
 		},
 		setViewState(e) {
-			!d && ps(e) && r.viewbox({
+			!f && ps(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
 				height: e.height
 			});
 		},
+		contentBounds() {
+			if (f) return;
+			let { x: e, y: t, width: n, height: r } = o.contentBounds();
+			return {
+				x: e,
+				y: t,
+				width: n,
+				height: r
+			};
+		},
 		destroy() {
-			if (!d) {
+			if (!f) {
 				try {
-					f = v();
+					p = y();
 				} catch {
-					f = "";
+					p = "";
 				}
-				d = !0, c.clear(), e.destroy();
+				f = !0, l.clear(), e.destroy();
 			}
 		}
 	};
@@ -5527,7 +5537,7 @@ function gs(e) {
 	return e.transparentPng && t.push(hs("export-png-transparent", X.transparentPng, e.transparentPng)), e.json && t.push(hs("export-json", X.json, e.json)), e.wmap && t.push(hs("export-wmap", X.wmap, e.wmap)), t;
 }
 function _s(e) {
-	let { mapTitle: t } = e;
+	let { mapTitle: t, shortcutsKey: n } = e;
 	return {
 		model: [
 			...t ? [{
@@ -5555,6 +5565,7 @@ function _s(e) {
 			id: "keyboard-shortcuts",
 			label: "Keyboard shortcuts…",
 			icon: "keyboard",
+			...n ? { shortcut: n } : {},
 			onSelect: () => e.showKeyboardShortcuts()
 		}]
 	};
@@ -5895,12 +5906,12 @@ function js(e, t) {
 	}), a = (e) => {
 		e.readOnly && i.close();
 	};
-	return t.on(F, a), {
+	return t.on(Ct, a), {
 		open: () => i.open(),
 		isOpen: () => i.isOpen(),
 		close: () => i.close(),
 		destroy() {
-			t.off(F, a), i.destroy();
+			t.off(Ct, a), i.destroy();
 		}
 	};
 }
@@ -5956,12 +5967,12 @@ function Ps(e, t) {
 	let n = () => t.end("import"), r = (e) => {
 		e.readOnly && t.end("cancel");
 	};
-	return e.on("import.done", n), e.on(F, r), {
+	return e.on("import.done", n), e.on(Ct, r), {
 		open: () => t.open(),
 		isOpen: () => t.isOpen(),
 		close: () => t.close(),
 		destroy() {
-			e.off("import.done", n), e.off(F, r), t.destroy();
+			e.off("import.done", n), e.off(Ct, r), t.destroy();
 		}
 	};
 }
@@ -6091,11 +6102,11 @@ function Vs(e, t) {
 }
 //#endregion
 //#region src/draw/deprecated-icons.ts
-var Hs = "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", Us = "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", Ws = "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", Gs = "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", Ks = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", qs = "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", Js = "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", Ys = "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", Xs = "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", Zs = "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", Qs = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", $s = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", ec = "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", tc = Or, nc = Mr, rc = Nr;
+var Hs = "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", Us = "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", Ws = "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", Gs = "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", Ks = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", qs = "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", Js = "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", Ys = "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", Xs = "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", Zs = "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", Qs = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", $s = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", ec = "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", tc = kr, nc = Nr, rc = Pr;
 function ic(e, t) {
-	return z(e, t);
+	return R(e, t);
 }
 //#endregion
-export { k as COLORS, X as EXPORT_LABELS, pn as EvolutionGrid, ji as FreeRect, $s as ICON_ADD, Zs as ICON_ASPECT_RATIO, Gs as ICON_CODE, Ws as ICON_DATA_OBJECT, rc as ICON_DELETE, Ks as ICON_DOWNLOAD, nc as ICON_EDIT, Js as ICON_FOLDER_OPEN, Ys as ICON_IMAGE, Qs as ICON_MENU, Xs as ICON_NEW, tc as ICON_PERSON, Us as ICON_REDO, qs as ICON_SHARE, Hs as ICON_UNDO, ec as ICON_VISIBILITY, s as MAP_SIZE_PRESETS, E as MIRAGON, vt as MapProjection, Ut as MapResizeHandles, $o as Modeler, Le as NOTE_COLORS, Ni as NavigatedViewer, D as PLOT, l as PLOT_MAX, d as PLOT_MIN, Ya as POPUP_PROVIDER_ID, ki as PanConstraint, Ai as PanConstraintModule, Kn as PipelineGroupBehavior, F as READ_ONLY_CHANGED, pr as RESIZE_MAP, Ke as ROOT_ID, Wt as ResizeAwareAutoScroll, mr as UPDATE_CONFIG, yi as Viewer, as as WARDLEY_NOTATION, Oo as WardleyAppendBehavior, $t as WardleyBaseViewer, jo as WardleyColorPicker, Lo as WardleyDrawTool, on as WardleyElementFactory, eo as WardleyElementSettingsProvider, An as WardleyEvolveDragging, rt as WardleyExporter, Qe as WardleyImporter, Jo as WardleyLabelDragging, Aa as WardleyLabelEditing, Pi as WardleyLassoBehavior, en as WardleyLayouter, qa as WardleyLinkEditing, gr as WardleyModeling, Po as WardleyOrderingProvider, Et as WardleyReadOnly, ui as WardleyRenderer, Bi as WardleyRules, it as WardleySourceOrder, dt as blobToBase64, Ga as canHaveLink, En as canvasAccessibilityModule, Vs as createAxisLabelsPopover, cs as createCollaborativeModeler, ls as createCollaborativeViewer, Ds as createMapDialog, Ls as createMapSizePopover, ks as createShortcutsDialog, js as createTitleDialog, Q as dialogButton, Dr as evolutionConstraintModule, Er as evolutionGridModule, Ue as exportBounds, Mi as freeRectModule, ic as iconMarkup, mt as ioModule, N as isComponent, P as isPipeline, M as isWardleyConnection, j as isWardleyShape, Pa as labelEditingModule, Ja as linkEditingModule, Ka as linkOf, _s as mapMenu, Kt as mapResizeModule, Ss as mapShortcuts, g as normalizeMapSize, qn as pipelineGroupModule, ee as presetIdForSize, Dt as readOnlyModule, is as restoreEditorState, Be as saveSVG, rs as setAsideEditorState, Hi as stageSnappingModule, lt as svgToPng, ko as wardleyAppendModule, Mo as wardleyColorPickerModule, co as wardleyContextPadModule, vi as wardleyDrawModule, Uo as wardleyDrawToolModule, jn as wardleyEvolveModule, To as wardleyKeyboardModule, Zo as wardleyLabelDragModule, Fi as wardleyLassoModule, tn as wardleyLayoutModule, sn as wardleyModelModule, Tr as wardleyModelingModule, Fo as wardleyOrderingModule, ca as wardleyPaletteModule, to as wardleyPopupModule, Vi as wardleyRulesModule };
+export { k as COLORS, X as EXPORT_LABELS, mn as EvolutionGrid, ji as FreeRect, $s as ICON_ADD, Zs as ICON_ASPECT_RATIO, Gs as ICON_CODE, Ws as ICON_DATA_OBJECT, rc as ICON_DELETE, Ks as ICON_DOWNLOAD, nc as ICON_EDIT, Js as ICON_FOLDER_OPEN, Ys as ICON_IMAGE, Qs as ICON_MENU, Xs as ICON_NEW, tc as ICON_PERSON, Us as ICON_REDO, qs as ICON_SHARE, Hs as ICON_UNDO, ec as ICON_VISIBILITY, s as MAP_SIZE_PRESETS, E as MIRAGON, vt as MapProjection, Wt as MapResizeHandles, $o as Modeler, Le as NOTE_COLORS, Ni as NavigatedViewer, D as PLOT, l as PLOT_MAX, d as PLOT_MIN, Ya as POPUP_PROVIDER_ID, ki as PanConstraint, Ai as PanConstraintModule, qn as PipelineGroupBehavior, Ct as READ_ONLY_CHANGED, mr as RESIZE_MAP, Ke as ROOT_ID, Gt as ResizeAwareAutoScroll, hr as UPDATE_CONFIG, yi as Viewer, as as WARDLEY_NOTATION, Oo as WardleyAppendBehavior, en as WardleyBaseViewer, jo as WardleyColorPicker, Lo as WardleyDrawTool, sn as WardleyElementFactory, eo as WardleyElementSettingsProvider, jn as WardleyEvolveDragging, rt as WardleyExporter, Qe as WardleyImporter, Jo as WardleyLabelDragging, Aa as WardleyLabelEditing, Pi as WardleyLassoBehavior, tn as WardleyLayouter, qa as WardleyLinkEditing, _r as WardleyModeling, Po as WardleyOrderingProvider, Dt as WardleyReadOnly, ui as WardleyRenderer, Bi as WardleyRules, it as WardleySourceOrder, dt as blobToBase64, Ga as canHaveLink, Dn as canvasAccessibilityModule, Vs as createAxisLabelsPopover, cs as createCollaborativeModeler, ls as createCollaborativeViewer, Ds as createMapDialog, Ls as createMapSizePopover, ks as createShortcutsDialog, js as createTitleDialog, Q as dialogButton, Or as evolutionConstraintModule, Dr as evolutionGridModule, Ue as exportBounds, Mi as freeRectModule, ic as iconMarkup, mt as ioModule, N as isComponent, P as isPipeline, M as isWardleyConnection, j as isWardleyShape, Pa as labelEditingModule, Ja as linkEditingModule, Ka as linkOf, _s as mapMenu, qt as mapResizeModule, Ss as mapShortcuts, g as normalizeMapSize, Jn as pipelineGroupModule, ee as presetIdForSize, Ot as readOnlyModule, is as restoreEditorState, Be as saveSVG, rs as setAsideEditorState, Hi as stageSnappingModule, lt as svgToPng, ko as wardleyAppendModule, Mo as wardleyColorPickerModule, co as wardleyContextPadModule, vi as wardleyDrawModule, Uo as wardleyDrawToolModule, Mn as wardleyEvolveModule, To as wardleyKeyboardModule, Zo as wardleyLabelDragModule, Fi as wardleyLassoModule, nn as wardleyLayoutModule, cn as wardleyModelModule, Er as wardleyModelingModule, Fo as wardleyOrderingModule, ca as wardleyPaletteModule, to as wardleyPopupModule, Vi as wardleyRulesModule };
 
 //# sourceMappingURL=index.js.map