@miragon/wardley-renderer 0.10.0 → 0.11.0

package/dist/index.js

@@ -30,7 +30,7 @@ import je from "diagram-js/lib/features/context-pad/ContextPad";
 import Me from "diagram-js/lib/features/connection-preview";
 import Ne from "diagram-js/lib/features/ordering/OrderingProvider";
 import { MODELER_API_VERSION as Pe } from "@miragon/modeler-api";
-//#region src/theme/palette.ts
+// src/theme/palette.ts
 var E = {
 	blau: "#335DE5",
 	blauLink: "#2B50D4",
@@ -88,7 +88,7 @@ var O = {
 	inertia: E.schwarz,
 	noteText: E.textLeise,
 	pipeline: E.schwarz,
-	annotationFill: "#FBF3E0",
+	annotationFill: E.weiss,
 	plotBackground: E.weiss,
 	accelerator: O.success,
 	deaccelerator: O.danger
@@ -156,8 +156,7 @@ var O = {
 	axis: 12,
 	stage: 12
 };
-//#endregion
-//#region src/io/saveSvg.ts
+// src/io/saveSvg.ts
 function Be(e, t) {
 	let n = e.getContainer().querySelector(":scope > svg");
 	if (!n) throw Error("No SVG found in the canvas container.");
@@ -181,8 +180,7 @@ function Be(e, t) {
 	let a = r.querySelector(".viewport");
 	return a && a.removeAttribute("transform"), { svg: "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" + new XMLSerializer().serializeToString(r) };
 }
-//#endregion
-//#region src/io/exportBounds.ts
+// src/io/exportBounds.ts
 var Ve = "wardley-axes", He = 4;
 function Ue(e, t, n = 12) {
 	let r = [t.outerBounds()], i = Ge(e);
@@ -257,8 +255,7 @@ function Ge(e) {
 		return;
 	}
 }
-//#endregion
-//#region src/io/types.ts
+// src/io/types.ts
 var Ke = "wardley-root", qe = {
 	top: 0,
 	right: 0,
@@ -285,8 +282,7 @@ function Ye(e, t, n) {
 		extent: e
 	};
 }
-//#endregion
-//#region src/io/WardleyImporter.ts
+// src/io/WardleyImporter.ts
 var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 	attitude: 0,
 	pipeline: 1,
@@ -381,8 +377,7 @@ var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 		}
 	}
 };
-//#endregion
-//#region src/model/di-types.ts
+// src/model/di-types.ts
 function $e(e) {
 	return typeof e == "object" && !!e;
 }
@@ -402,8 +397,7 @@ function P(e) {
 function tt(e) {
 	return j(e) && e.wardleyType === "attitude";
 }
-//#endregion
-//#region src/io/WardleyExporter.ts
+// src/io/WardleyExporter.ts
 function nt(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
@@ -604,8 +598,7 @@ function at(e, t) {
 		return r === i ? 0 : r < i ? -1 : 1;
 	});
 }
-//#endregion
-//#region src/io/rasterize.ts
+// src/io/rasterize.ts
 var ot = {
 	width: 1e3,
 	height: 700
@@ -663,16 +656,14 @@ function pt(e) {
 	let t = /^\s*(\d+(?:\.\d+)?)\s*(?:px)?\s*$/.exec(e ?? ""), n = t ? Number(t[1]) : NaN;
 	return n > 0 ? n : void 0;
 }
-//#endregion
-//#region src/io/index.ts
+// src/io/index.ts
 var mt = {
 	__init__: ["wardleySourceOrder"],
 	wardleySourceOrder: ["type", it],
 	wardleyImporter: ["type", Qe],
 	wardleyExporter: ["type", rt]
 };
-//#endregion
-//#region src/map-resize/MapProjection.ts
+// src/map-resize/MapProjection.ts
 function ht(e, t) {
 	let { size: n, ...r } = e;
 	return t ? {
@@ -791,8 +782,7 @@ var vt = class {
 function yt(e, t) {
 	e.x = t.x, e.y = t.y, e.width = t.width, e.height = t.height, t.drawingPoints && (e.drawingPoints = t.drawingPoints.map((e) => ({ ...e })));
 }
-//#endregion
-//#region src/live-preview/LivePreview.ts
+// src/live-preview/LivePreview.ts
 var bt = [
 	"commandStack.preExecute",
 	"commandStack.execute",
@@ -827,7 +817,7 @@ var bt = [
 			config: t
 		};
 	}
-}] }, Ct = "wardley.readOnly.changed", wt = "wardley-read-only", Tt = 5e3, Et = [
+}] }, F = "wardley.readOnly.changed", Ct = "wardley-read-only", wt = 5e3, Tt = [
 	"elements.move",
 	"shape.move",
 	"shape.create",
@@ -842,7 +832,7 @@ var bt = [
 	"connection.reconnectEnd",
 	"connection.updateWaypoints",
 	"elements.delete"
-], Dt = class extends ce {
+], Et = class extends ce {
 	canvas;
 	injector;
 	static $inject = [
@@ -855,13 +845,13 @@ var bt = [
 		super(e), this.canvas = t, this.injector = n;
 	}
 	init() {
-		this.addRule(Et, Tt, () => !this.locked && void 0);
+		this.addRule(Tt, wt, () => !this.locked && void 0);
 	}
 	isReadOnly() {
 		return this.locked;
 	}
 	setReadOnly(e) {
-		this.locked !== e && (this.locked = e, this.outerContainer().classList.toggle(wt, e), e && this.endInteractions(), this.injector.get("eventBus").fire(Ct, { readOnly: e }));
+		this.locked !== e && (this.locked = e, this.outerContainer().classList.toggle(Ct, e), e && this.endInteractions(), this.injector.get("eventBus").fire(F, { readOnly: e }));
 	}
 	endInteractions() {
 		this.injector.get("dragging", !1)?.cancel();
@@ -880,52 +870,77 @@ var bt = [
 		let e = this.canvas.getContainer();
 		return e.closest(".wardley-container") ?? e;
 	}
-}, Ot = {
+}, Dt = {
 	__init__: ["wardleyReadOnly"],
-	wardleyReadOnly: ["type", Dt]
+	wardleyReadOnly: ["type", Et]
 };
-function F(e) {
+function I(e) {
 	return e.get("wardleyReadOnly", !1)?.isReadOnly() === !0;
 }
-//#endregion
-//#region src/map-resize/MapResizeHandles.ts
-var kt = "wardley.mapResize", At = "wardley-map-resize", jt = -.5, Mt = 10, Nt = 12, Pt = 8, Ft = 16, It = 10, Lt = 16, Rt = {
+// src/a11y/canvasFocus.ts
+function Ot(e) {
+	return e._svg ?? e.getContainer().querySelector(":scope > svg");
+}
+function L(e) {
+	let t = Ot(e);
+	t ? t.focus({
+		preventScroll: !0,
+		focusVisible: !1
+	}) : e.focus();
+}
+var kt = "pointer", At = !1;
+function jt() {
+	At || typeof document > "u" || (At = !0, document.addEventListener("pointerdown", () => kt = "pointer", !0), document.addEventListener("mousedown", () => kt = "pointer", !0), document.addEventListener("keydown", (e) => {
+		e.target instanceof HTMLElement && e.target.closest("input, textarea") || (kt = "keyboard");
+	}, !0));
+}
+function Mt() {
+	return kt === "pointer";
+}
+// src/a11y/describeCanvas.ts
+function Nt(e) {
+	let t = Ot(e);
+	t && (t.setAttribute("role", "application"), t.setAttribute("aria-roledescription", "Wardley map"), t.setAttribute("aria-label", "Map canvas"));
+}
+Nt.$inject = ["canvas"];
+// src/a11y/index.ts
+var Pt = { __init__: [Nt] }, Ft = "wardley.mapResize", It = "wardley-map-resize", Lt = -.5, Rt = 10, zt = 12, Bt = 8, Vt = 16, Ht = 10, Ut = 16, Wt = {
 	x: "ew-resize",
 	y: "ns-resize",
 	xy: "nwse-resize"
 };
-function zt(e, t) {
+function Gt(e, t) {
 	return Math.round(e / t) * t;
 }
-function Bt(e, t, n) {
+function Kt(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function Vt(e) {
+function qt(e) {
 	return e.setAttribute("fill", "none"), e.setAttribute("stroke", "none"), e.setAttribute("opacity", "0"), e;
 }
-function Ht(e, t, n, r, i = {
+function Jt(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 : Mt;
+	let a = t === "y" ? e.width : e.width + n, o = t === "x" ? e.height : e.height + r, s = i.disableSnapping ? 1 : Rt;
 	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 = 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);
+		return t === "x" || t === "xy" && Math.abs(a - e.width) / e.width >= Math.abs(o - e.height) / e.height ? (a = Kt(Gt(a, s), f.width, u.width), o = a / n) : (o = Kt(Gt(o, s), f.height, u.height), a = o * n), _(a, o);
 	}
 	if (!i.disableSnapping) {
-		let e = c.find((e) => Math.abs(a - e.width) <= Nt && Math.abs(o - e.height) <= Nt);
+		let e = c.find((e) => Math.abs(a - e.width) <= zt && Math.abs(o - e.height) <= zt);
 		if (e) return {
 			width: e.width,
 			height: e.height
 		};
 	}
-	return _(t === "y" ? a : zt(a, s), t === "x" ? o : zt(o, s));
+	return _(t === "y" ? a : Gt(a, s), t === "x" ? o : Gt(o, s));
 }
-function Ut(e) {
+function Yt(e) {
 	let t = c.find((t) => t.width === e.width && t.height === e.height);
 	return `${e.width} × ${e.height}${t ? ` · ${t.name}` : ""}`;
 }
-var Wt = class {
+var Xt = class {
 	canvas;
 	grid;
 	dragging;
@@ -946,16 +961,16 @@ var Wt = 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(At, jt), 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(It, Lt), 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(), !F(this.injector) && this.modeling.resizeMap(void 0);
+			e.stopPropagation(), e.preventDefault(), !I(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(`${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();
+		}), e.on(`${Ft}.start`, (e) => this.onStart(e)), e.on(`${Ft}.move`, (e) => this.onMove(e)), e.on(`${Ft}.end`, (e) => this.onEnd(e)), e.on(`${Ft}.cleanup`, (e) => this.onCleanup(e)), e.on(bt, xt, () => this.cancelPreviewingDrag()), this.render();
 	}
 	cancelPreviewingDrag() {
 		let e = this.dragging.context();
@@ -964,13 +979,13 @@ var Wt = class {
 		t?.snapshot && !t.committed && this.dragging.cancel(!0);
 	}
 	start(e, t) {
-		if (F(this.injector)) return;
+		if (I(this.injector)) return;
 		let n = {
 			axis: t,
 			startSize: this.grid.getPlotSize()
 		};
-		this.dragging.init(e, kt, {
-			cursor: Rt[t],
+		this.dragging.init(e, Ft, {
+			cursor: Wt[t],
 			keepSelection: !0,
 			data: { context: n }
 		});
@@ -979,9 +994,9 @@ var Wt = class {
 		let t = T("g", {
 			class: `wardley-map-resize-handle wardley-map-resize-${e}`,
 			"data-axis": e
-		}), n = Vt(T(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = Vt(T("rect", { class: "wardley-map-resize-hit" }));
+		}), n = qt(T(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = qt(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));
+			t.button !== 0 || this.dragging.context() || (t.stopPropagation(), t.preventDefault(), L(this.canvas), this.start(t, e));
 		}), {
 			group: t,
 			hit: r,
@@ -991,7 +1006,7 @@ var Wt = 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 = Pt * s, l = c / 2, u = Ft * s, d = u / 2, f = It * 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 = Bt * s, l = c / 2, u = Vt * s, d = u / 2, f = Ht * s;
 		w(this.handles.x.hit, {
 			x: a - l,
 			y: i,
@@ -1039,7 +1054,7 @@ var Wt = class {
 	onMove(e) {
 		let t = e.context;
 		if (!t.snapshot || !t.model) return;
-		let n = Ht(t.startSize, t.axis, e.dx, e.dy, {
+		let n = Jt(t.startSize, t.axis, e.dx, e.dy, {
 			keepAspectRatio: e.originalEvent?.shiftKey === !0,
 			disableSnapping: e.originalEvent?.altKey === !0
 		});
@@ -1061,15 +1076,15 @@ var Wt = 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 = Ut(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 = Yt(e), this.badge.hidden = !1, t) {
 			let e = n.getBoundingClientRect();
-			this.badge.style.left = `${t.clientX - e.left + Lt}px`, this.badge.style.top = `${t.clientY - e.top + Lt}px`;
+			this.badge.style.left = `${t.clientX - e.left + Ut}px`, this.badge.style.top = `${t.clientY - e.top + Ut}px`;
 		}
 	}
 	hideBadge() {
 		this.badge && (this.badge.hidden = !0);
 	}
-}, Gt = class extends le {
+}, Zt = class extends le {
 	injector;
 	static $inject = [
 		"config.autoScroll",
@@ -1083,17 +1098,16 @@ var Wt = class {
 	startScroll(e) {
 		this.injector.get("dragging", !1)?.context()?.prefix === "wardley.mapResize" ? this.stopScroll() : super.startScroll(e);
 	}
-}, Kt = {
+}, Qt = {
 	__depends__: [St],
 	wardleyMapProjection: ["type", vt]
-}, qt = {
-	__depends__: [S, Kt],
+}, $t = {
+	__depends__: [S, Qt],
 	__init__: ["mapResizeHandles"],
-	mapResizeHandles: ["type", Wt]
+	mapResizeHandles: ["type", Xt]
 };
-//#endregion
-//#region src/modeling/cmd/UpdateConfigHandler.ts
-function Jt(e, t, n, r, i = {}) {
+// src/modeling/cmd/UpdateConfigHandler.ts
+function en(e, t, n, r, i = {}) {
 	let a = gt(e);
 	if (!a?.businessObject) return {};
 	let o = {}, s = { ...a.businessObject.config };
@@ -1107,7 +1121,7 @@ function Jt(e, t, n, r, i = {}) {
 		...i.transient ? { transient: !0 } : {}
 	}), o;
 }
-var Yt = class {
+var tn = class {
 	canvas;
 	grid;
 	eventBus;
@@ -1126,12 +1140,11 @@ var Yt = class {
 		return e.oldProperties && this.apply(e.oldProperties), [];
 	}
 	apply(e) {
-		return Jt(this.canvas, this.grid, this.eventBus, e);
+		return en(this.canvas, this.grid, this.eventBus, e);
 	}
 };
-//#endregion
-//#region src/WardleyBaseViewer.ts
-function Xt(e) {
+// 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;
 	return {
 		...t === void 0 ? {} : { wardleyKeyboard: { undoRedo: t } },
@@ -1139,16 +1152,16 @@ function Xt(e) {
 		...e.fitOnImport === !1 ? { wardleyImport: { fit: !1 } } : {}
 	};
 }
-var Zt = "__implicitroot";
-function Qt(e) {
-	let t = re(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(Zt));
+var rn = "__implicitroot";
+function an(e) {
+	let t = re(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(rn));
 	if (n) throw Error(`The id "${n.id}" is reserved for the canvas itself.`);
 	return t;
 }
-function $t(e) {
+function on(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var en = class {
+var sn = class {
 	_diagram;
 	_container;
 	_options;
@@ -1159,7 +1172,7 @@ var en = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("wardley-container"), t.style.width = $t(e.width ?? "100%"), t.style.height = $t(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("wardley-container"), t.style.width = on(e.width ?? "100%"), t.style.height = on(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -1167,7 +1180,7 @@ var en = class {
 			this._diagram = new e({
 				canvas: { container: this._container },
 				modules: t,
-				...Xt(this._options)
+				...nn(this._options)
 			}), this._diagram.get("eventBus").on(bt, xt, () => this._putBackSizePreview());
 		}
 		return this._diagram;
@@ -1182,7 +1195,7 @@ var en = class {
 		this.get("eventBus").off(e, t);
 	}
 	async importMap(e) {
-		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;
+		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();
 		let s;
 		try {
@@ -1202,7 +1215,7 @@ var en = class {
 		});
 		let { warnings: i } = await this.importMap(n);
 		return { warnings: [...r.map((e) => ({
-			message: `Line ${e.line}: ${e.message} — "${e.text}"`,
+			message: `Line ${e.line}: ${e.message} ("${e.text}")`,
 			line: e.line,
 			source: e.text
 		})), ...i] };
@@ -1284,7 +1297,7 @@ var en = class {
 		} else this._applyConfigDirectly({ evolutionLabels: n });
 	}
 	_applyConfigDirectly(e, t = {}) {
-		Jt(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
+		en(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
 	}
 	_wardleyModeling() {
 		return this._ensureDiagram().get("wardleyModeling", !1);
@@ -1321,9 +1334,8 @@ var en = class {
 		return this._container;
 	}
 };
-//#endregion
-//#region src/layout/WardleyLayouter.ts
-function I(e) {
+// src/layout/WardleyLayouter.ts
+function R(e) {
 	return P(e) ? {
 		x: e.x + e.width / 2,
 		y: e.y
@@ -1332,32 +1344,32 @@ function I(e) {
 		y: e.y + e.height / 2
 	};
 }
-var tn = class extends ue {
+var cn = class extends ue {
 	layoutConnection(e, t = {}) {
 		let n = t.source ?? e.source, r = t.target ?? e.target;
 		return super.layoutConnection(e, {
 			...t,
-			...n ? { connectionStart: I(n) } : {},
-			...r ? { connectionEnd: I(r) } : {}
+			...n ? { connectionStart: R(n) } : {},
+			...r ? { connectionEnd: R(r) } : {}
 		});
 	}
-}, nn = { layouter: ["type", tn] }, rn = /* @__PURE__ */ new Set([
+}, ln = { layouter: ["type", cn] }, un = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator"
 ]);
-function an(e) {
-	return typeof e == "string" && rn.has(e);
+function dn(e) {
+	return typeof e == "string" && un.has(e);
 }
-function on(e, t) {
+function fn(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 sn = class {
+var pn = class {
 	elementFactory;
 	grid;
 	elementRegistry;
@@ -1370,25 +1382,25 @@ var sn = class {
 		this.elementFactory = e, this.grid = t, this.elementRegistry = n;
 	}
 	uniqueLabel(e, t) {
-		return on(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
+		return fn(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
 	}
 	uniqueLabels(e) {
 		let t = this.takenLinkableLabels();
 		return e.map(({ type: e, label: n }) => {
-			if (!an(e)) return n;
-			let r = on(n, t);
+			if (!dn(e)) return n;
+			let r = fn(n, t);
 			return t.add(r), r;
 		});
 	}
 	isLinkable(e) {
-		return an(e);
+		return dn(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;
-			an(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
+			dn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
 		}
 		return n;
 	}
@@ -1540,7 +1552,7 @@ var sn = class {
 		});
 	}
 	createNew(e, t, n = {}) {
-		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : an(e) ? this.uniqueLabel(t) : t;
+		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : dn(e) ? this.uniqueLabel(t) : t;
 		if (e === "pipeline") return this.elementFactory.createShape({
 			width: 200,
 			height: 30,
@@ -1619,7 +1631,7 @@ var sn = class {
 			id: t.id,
 			source: n,
 			target: r,
-			waypoints: [I(n), I(r)],
+			waypoints: [R(n), R(r)],
 			wardleyType: e,
 			bidirectional: i,
 			...a ? { flowValue: a } : {},
@@ -1627,24 +1639,24 @@ var sn = class {
 			businessObject: t
 		});
 	}
-}, cn = { wardleyElementFactory: ["type", sn] }, ln = "wardley-axes", un = ["Invisible", "Visible"], dn = "wardley-axis", fn = "wardley-axis-text";
-function pn(e) {
+}, mn = { wardleyElementFactory: ["type", pn] }, hn = "wardley-axes", gn = ["Invisible", "Visible"], _n = "wardley-axis", vn = "wardley-axis-text";
+function yn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var mn = class {
+var bn = class {
 	canvas;
 	static $inject = ["canvas"];
 	boundaries = a;
 	labels = n;
 	yAxisLabel = "Value Chain";
-	yAxisEndLabels = un;
+	yAxisEndLabels = gn;
 	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 ?? un, 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 ?? gn, this.plotWidth = p(e.size?.width, "width"), this.plotHeight = p(e.size?.height, "height");
 	}
 	toCanvas(e) {
 		return {
@@ -1654,8 +1666,8 @@ var mn = class {
 	}
 	fromCanvas(e) {
 		return {
-			evolution: pn((e.x - D.marginLeft) / this.plotWidth),
-			visibility: pn(1 - (e.y - D.marginTop) / this.plotHeight)
+			evolution: yn((e.x - D.marginLeft) / this.plotWidth),
+			visibility: yn(1 - (e.y - D.marginTop) / this.plotHeight)
 		};
 	}
 	stageOf(e) {
@@ -1679,10 +1691,10 @@ var mn = class {
 		};
 	}
 	render() {
-		let e = this.canvas.getLayer(ln, -1);
+		let e = this.canvas.getLayer(hn, -1);
 		oe(e);
 		let t = D.marginLeft, n = D.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
-		C(e, hn(t, n, this.plotWidth, this.plotHeight, {
+		C(e, xn(t, n, this.plotWidth, this.plotHeight, {
 			fill: k.plotBackground,
 			stroke: k.grid
 		}));
@@ -1693,51 +1705,51 @@ var mn = 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, hn(o, n, s - o, this.plotHeight, {
+			r % 2 == 1 && C(e, xn(o, n, s - o, this.plotHeight, {
 				fill: k.band,
 				stroke: "none"
-			})), r > 0 && C(e, gn(o, n, o, i, {
+			})), r > 0 && C(e, Sn(o, n, o, i, {
 				stroke: k.grid,
 				"stroke-dasharray": "3 5"
 			}));
 			let c = (o + s) / 2;
-			C(e, _n(this.labels[r].toUpperCase(), c, i + 18, {
+			C(e, Cn(this.labels[r].toUpperCase(), c, i + 18, {
 				"text-anchor": "middle",
 				"font-size": A.stage,
 				"letter-spacing": "0.08em",
 				fill: k.axisText
 			}));
 		}
-		C(e, gn(t, i, r + 10, i, {
+		C(e, Sn(t, i, r + 10, i, {
 			stroke: k.axis,
-			class: dn
-		})), C(e, vn(r + 10, i, "right")), C(e, _n("Evolution", r + 6, i + 38, {
+			class: _n
+		})), C(e, wn(r + 10, i, "right")), C(e, Cn("Evolution", r + 6, i + 38, {
 			"text-anchor": "end",
 			"font-size": A.axis,
 			fill: k.axisText,
 			"font-style": "italic"
-		})), C(e, gn(t, i, t, n - 10, {
+		})), C(e, Sn(t, i, t, n - 10, {
 			stroke: k.axis,
-			class: dn
-		})), C(e, vn(t, n - 10, "up"));
-		let o = _n(this.yAxisLabel, 0, 0, {
+			class: _n
+		})), C(e, wn(t, n - 10, "up"));
+		let o = Cn(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, _n(this.yAxisEndLabels[1], t - 10, n + 11, {
+		w(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), C(e, o), C(e, Cn(this.yAxisEndLabels[1], t - 10, n + 11, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
-		})), C(e, _n(this.yAxisEndLabels[0], t - 10, i - 2, {
+		})), C(e, Cn(this.yAxisEndLabels[0], t - 10, i - 2, {
 			"text-anchor": "end",
 			"font-size": A.stage,
 			fill: k.axisText
 		}));
 	}
 };
-function hn(e, t, n, r, i) {
+function xn(e, t, n, r, i) {
 	return w(T("rect"), {
 		x: e,
 		y: t,
@@ -1747,7 +1759,7 @@ function hn(e, t, n, r, i) {
 		...i
 	});
 }
-function gn(e, t, n, r, i) {
+function Sn(e, t, n, r, i) {
 	return w(T("line"), {
 		x1: e,
 		y1: t,
@@ -1757,62 +1769,30 @@ function gn(e, t, n, r, i) {
 		...i
 	});
 }
-function _n(e, t, n, r) {
+function Cn(e, t, n, r) {
 	let i = w(T("text"), {
 		x: t,
 		y: n,
 		"font-family": A.family,
-		class: fn,
+		class: vn,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function vn(e, t, n) {
+function wn(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: dn
+		class: _n
 	});
 }
-//#endregion
-//#region src/evolve/constants.ts
-var yn = .005;
-//#endregion
-//#region src/a11y/canvasFocus.ts
-function bn(e) {
-	return e._svg ?? e.getContainer().querySelector(":scope > svg");
-}
-function xn(e) {
-	let t = bn(e);
-	t ? t.focus({
-		preventScroll: !0,
-		focusVisible: !1
-	}) : e.focus();
-}
-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 Tn() {
-	return Sn === "pointer";
-}
-//#endregion
-//#region src/a11y/describeCanvas.ts
-function En(e) {
-	let t = bn(e);
-	t && (t.setAttribute("role", "application"), t.setAttribute("aria-roledescription", "Wardley map"), t.setAttribute("aria-label", "Map canvas"));
-}
-En.$inject = ["canvas"];
-//#endregion
-//#region src/a11y/index.ts
-var Dn = { __init__: [En] }, On = "wardley.evolve", kn = "wardley-evolve-handle";
-function An(e) {
+// src/evolve/constants.ts
+var Tn = .005, En = "wardley.evolve", Dn = "wardley-evolve-handle";
+function On(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var jn = class {
+var kn = class {
 	dragging;
 	injector;
 	static $inject = [
@@ -1828,9 +1808,9 @@ var jn = 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(An(t), Math.min(1, e.evolution + yn)), l = (e, t) => {
+		}, c = (e, t) => Math.max(On(t), Math.min(1, e.evolution + Tn)), l = (e, t) => {
 			let r = i.getContainer().getBoundingClientRect(), a = i.viewbox(), o = a.x + (e - r.left) * (a.width / r.width);
-			return An(n.fromCanvas({
+			return On(n.fromCanvas({
 				x: o,
 				y: t
 			}).evolution);
@@ -1840,10 +1820,10 @@ var jn = class {
 		};
 		i.getContainer().addEventListener("mousedown", (e) => {
 			let t = e.target;
-			if (!t?.closest(`.${kn}`) || u() || F(o)) return;
+			if (!t?.closest(`.${Dn}`) || 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(), xn(i);
+			e.stopPropagation(), e.preventDefault(), L(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 +1833,7 @@ var jn = 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(`${On}.move`, (e) => {
+		}, !0), e.on(`${En}.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 +1842,61 @@ var jn = class {
 				...e.context.originalMovement,
 				targetEvolution: i
 			});
-		}), e.on(`${On}.end`, (e) => {
+		}), e.on(`${En}.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(`${On}.cleanup`, (e) => {
+		}), e.on(`${En}.cleanup`, (e) => {
 			let t = e.context;
 			t && !t.committed && s(t.shape, t.originalMovement);
 		});
 	}
 	start(e, t) {
-		if (F(this.injector)) return;
+		if (I(this.injector)) return;
 		let n = {
 			shape: t,
 			...t.movement ? { originalMovement: t.movement } : {}
 		};
-		this.dragging.init(e, On, {
+		this.dragging.init(e, En, {
 			cursor: "ew-resize",
 			data: { context: n }
 		});
 	}
-}, Mn = {
+}, An = {
 	__init__: ["wardleyEvolveDragging"],
-	wardleyEvolveDragging: ["type", jn]
+	wardleyEvolveDragging: ["type", kn]
 };
-//#endregion
-//#region src/pipeline/pipelineMembership.ts
-function L(e) {
+// src/pipeline/pipelineMembership.ts
+function z(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function Nn(e, t) {
+function jn(e, t) {
 	return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
 }
-function Pn(e) {
+function Mn(e) {
 	return e.filter((e) => P(e));
 }
-function Fn(e, t) {
+function Nn(e, t) {
 	return e.filter((e) => N(e) && e.pipelineId === t.id);
 }
-function In(e, t) {
+function Pn(e, t) {
 	return e.find((e) => N(e) && e.wardleyLabel === t.wardleyLabel && e.pipelineId !== t.id);
 }
-function Ln(e, t) {
-	if (N(t)) return Pn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.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) {
-	let n = In(e, t);
-	return [...Fn(e, t), ...n ? [n] : []];
+function In(e, t) {
+	let n = Pn(e, t);
+	return [...Nn(e, t), ...n ? [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));
+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));
 	return i.find((e) => e.id === t.pipelineId) ?? i[0];
 }
-//#endregion
-//#region src/pipeline/PipelineGroupBehavior.ts
-var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn = 900, Kn = "wardley-drop-target", qn = class extends de {
+// 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 {
 	elementRegistry;
 	canvas;
 	static $inject = [
@@ -1933,27 +1911,27 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		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) ? In(this.elementRegistry, n) : Ln(this.elementRegistry, n);
+			let i = P(n) ? Pn(this.elementRegistry, n) : Fn(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", Bn, (e) => {
+		}), e.on("shape.move.start", Rn, (e) => {
 			let { context: t } = e;
 			t.shapes = this.withFollowers(t.shapes ?? []);
-		}), this.preExecuted("elements.move", Un, (e) => {
+		}), this.preExecuted("elements.move", Vn, (e) => {
 			let t = e.context.closure;
 			if (t) {
-				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]);
+				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]);
 			}
-		}), i && e.on("shape.move.start", Vn, (e) => {
+		}), i && e.on("shape.move.start", zn, (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(Wn, Gn), r);
+			w(r, { class: "djs-drag-group" }), C(this.canvas.getLayer(Hn, Un), r);
 			for (let e of n) i.addDragger(e, r);
 			t.pipelineVerticalPreview = r;
-		}), e.on("shape.move.move", Hn, (e) => {
+		}), e.on("shape.move.move", Bn, (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 +1941,47 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 	}
 	withFollowers(e) {
 		let t = new Set(e);
-		for (let n of e) if (P(n)) for (let e of Rn(this.elementRegistry, n)) t.add(e);
+		for (let n of e) if (P(n)) for (let e of In(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 = Ln(this.elementRegistry, r);
-			e && !t.has(e) && n.push(e, ...Fn(this.elementRegistry, e).filter((e) => !t.has(e)));
+			let e = Fn(this.elementRegistry, r);
+			e && !t.has(e) && n.push(e, ...Nn(this.elementRegistry, e).filter((e) => !t.has(e)));
 		}
 		return n;
 	}
 	dropTargetFor(e, t, n) {
 		let r = e.shape;
-		if (!N(r) || Ln(this.elementRegistry, r)) return;
-		let i = L(r);
-		return zn(this.elementRegistry, r, {
+		if (!N(r) || Fn(this.elementRegistry, r)) return;
+		let i = z(r);
+		return Ln(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, Kn), t && this.canvas.addMarker(t, Kn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
+		n !== t && (n && this.canvas.removeMarker(n, Wn), t && this.canvas.addMarker(t, Wn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
 	}
-}, Jn = {
+}, Kn = {
 	__init__: ["pipelineGroupBehavior"],
-	pipelineGroupBehavior: ["type", qn]
-}, Yn = [
+	pipelineGroupBehavior: ["type", Gn]
+}, qn = [
 	"shape.move",
 	"shape.create",
 	"shape.resize"
-], Xn = [
-	...Yn,
+], Jn = [
+	...qn,
 	"elements.move",
 	"elements.create"
-], Zn = [
+], Yn = [
 	"shape.create",
 	"shape.delete",
 	"element.updateProperties"
-], Qn = 2e3, $n = 1e3, er = 10, tr = 1e-6, nr = class extends de {
+], Xn = 2e3, Zn = 1e3, Qn = 10, $n = 1e-6, er = class extends de {
 	eventBus;
 	grid;
 	elementRegistry;
@@ -2023,9 +2001,9 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 	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 rr(e.context)) this.deriveFromGeometry(t);
+			for (let t of tr(e.context)) this.deriveFromGeometry(t);
 		};
-		this.executed(Yn, o), this.reverted(Yn, o), this.preExecute(Xn, Qn, (e) => {
+		this.executed(qn, o), this.reverted(qn, o), this.preExecute(Jn, Xn, (e) => {
 			this.topLevelContext ||= e.context;
 		}), e.on("commandStack.changed", () => {
 			this.topLevelContext = null;
@@ -2034,18 +2012,18 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 			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", $n, (e) => {
+		}), this.preExecuted("elements.move", Zn, (e) => {
 			let { context: t } = e;
 			if (!this.isTopLevel(t) || !t.delta) return;
-			let n = ir(t);
+			let n = nr(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, rr(t));
+			t.parent?.parent && (t.parent = this.canvas.getRootElement()), this.isTopLevel(t) && this.rememberEvolutions(t, tr(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(Xn, (e) => {
+		}), this.postExecuted(Jn, (e) => {
 			if (e.context === this.topLevelContext) try {
 				this.applyCorrections(e.command, e.context);
 			} finally {
@@ -2059,13 +2037,13 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 				...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(Zn, s), this.reverted(Zn, s);
+		this.executed(Yn, s), this.reverted(Yn, s);
 	}
 	isTopLevel(e) {
 		return e === this.topLevelContext;
 	}
 	followersOf(e) {
-		return P(e) ? Rn(this.elementRegistry, e) : [];
+		return P(e) ? In(this.elementRegistry, e) : [];
 	}
 	rememberEvolutions(e, t) {
 		this.evolutionsBefore.set(e, new Map(t.map((e) => [e, e.evolution])));
@@ -2098,7 +2076,7 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 				return;
 			}
 			default: {
-				let t = this.grid.fromCanvas(L(e));
+				let t = this.grid.fromCanvas(z(e));
 				e.evolution = t.evolution;
 				let n = this.pipelineOfMember(e);
 				e.visibility = n ? this.pipelineVisibility(n) : t.visibility;
@@ -2112,9 +2090,9 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		}), n = this.grid.fromCanvas({
 			x: e.x + e.width,
 			y: e.y
-		}), [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;
+		}), [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;
 	}
 	pipelineOfMember(e) {
 		if (!N(e) || !e.pipelineId) return;
@@ -2141,14 +2119,14 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 				return;
 			}
 			case "elements.move":
-				this.completeMove(ir(t), t.delta ?? {
+				this.completeMove(nr(t), t.delta ?? {
 					x: 0,
 					y: 0
 				}, t);
 				return;
 			case "shape.create":
 			case "elements.create": {
-				let e = rr(t), n = this.clampDelta({
+				let e = tr(t), n = this.clampDelta({
 					x: 0,
 					y: 0
 				}, e);
@@ -2165,12 +2143,12 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		this.carryPipelinesOfMovedAnchors(e, t), this.reconcileMembership(e), this.shiftPassedEvolveTargets(n);
 	}
 	carryPipelinesOfMovedAnchors(e, t) {
-		if (Math.abs(t.y) < tr) return;
+		if (Math.abs(t.y) < $n) return;
 		let n = new Set(e);
 		for (let r of e) {
-			let e = Ln(this.elementRegistry, r);
+			let e = Fn(this.elementRegistry, r);
 			if (!e || n.has(e)) continue;
-			let i = [e, ...Fn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
+			let i = [e, ...Nn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
 				x: 0,
 				y: t.y
 			}, i);
@@ -2179,8 +2157,8 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 	}
 	reconcileMembership(e) {
 		for (let t of e) {
-			if (!N(t) || Ln(this.elementRegistry, t)) continue;
-			let e = L(t), n = zn(this.elementRegistry, t, e);
+			if (!N(t) || Fn(this.elementRegistry, t)) continue;
+			let e = z(t), n = Ln(this.elementRegistry, t, e);
 			n ? (this.moveBy(t, {
 				x: 0,
 				y: n.y + n.height / 2 - e.y
@@ -2191,15 +2169,15 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		}
 	}
 	releaseMembersOutside(e) {
-		for (let t of Fn(this.elementRegistry, e)) {
-			let n = L(t);
+		for (let t of Nn(this.elementRegistry, e)) {
+			let n = z(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(L(e)).visibility
+			visibility: this.grid.fromCanvas(z(e)).visibility
 		});
 	}
 	shiftPassedEvolveTargets(e) {
@@ -2217,7 +2195,7 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		}
 	}
 	moveBy(e, t) {
-		Math.abs(t.x) < tr && Math.abs(t.y) < tr || this.modeling.moveShape(e, {
+		Math.abs(t.x) < $n && Math.abs(t.y) < $n || this.modeling.moveShape(e, {
 			x: t.x,
 			y: t.y
 		});
@@ -2254,7 +2232,7 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 			case "drawing": {
 				let t = e.drawingPoints ?? [];
 				if (!t.length) return {
-					...L(e),
+					...z(e),
 					width: 0,
 					height: 0
 				};
@@ -2267,7 +2245,7 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 				};
 			}
 			default: return {
-				...L(e),
+				...z(e),
 				width: 0,
 				height: 0
 			};
@@ -2286,8 +2264,8 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 			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: ar(e.x, r),
-			y: ar(e.y, i)
+			x: rr(e.x, r),
+			y: rr(e.y, i)
 		};
 	}
 	horizontalPipelineBounds(e, t) {
@@ -2309,11 +2287,11 @@ var Bn = 1400, Vn = 450, Hn = 400, Un = 1500, Wn = "wardley-pipeline-drag", Gn =
 		};
 	}
 	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, er);
+		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);
 		return [Math.min(o, a - s), s];
 	}
 };
-function rr(e) {
+function tr(e) {
 	let t = [
 		...e.shape ? [e.shape] : [],
 		...e.shapes ?? [],
@@ -2321,37 +2299,36 @@ function rr(e) {
 	];
 	return [...new Set(t)].filter(j);
 }
-function ir(e) {
-	return e.closure ? Object.values(e.closure.allShapes).filter(j) : rr(e);
+function nr(e) {
+	return e.closure ? Object.values(e.closure.allShapes).filter(j) : tr(e);
 }
-function ar(e, t) {
+function rr(e, t) {
 	return t.min > t.max ? e : Math.min(Math.max(e, t.min), t.max);
 }
-var or = .001;
-function sr(e) {
+var ir = .001;
+function ar(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function cr(e, t) {
-	let n = sr(Math.max(t, e + or));
-	return [Math.max(0, Math.min(e, n - or)), n];
+function or(e, t) {
+	let n = ar(Math.max(t, e + ir));
+	return [Math.max(0, Math.min(e, n - ir)), n];
 }
-//#endregion
-//#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function lr(e, t, n) {
+// src/modeling/cmd/UpdatePropertiesHandler.ts
+function sr(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var ur = class {
+var cr = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], lr(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], sr(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)) lr(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) sr(r, e, n[e]);
 		return [t];
 	}
-}, dr = class {
+}, lr = class {
 	projection;
 	static $inject = ["wardleyMapProjection"];
 	constructor(e) {
@@ -2359,56 +2336,55 @@ var ur = class {
 	}
 	execute(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(fr({
+		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(ur({
 			...t,
 			config: ht(t.config, e.size)
 		}, _t(t.rawPassthrough)))) : [];
 	}
 	revert(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? this.projection.apply(fr({
+		return t ? this.projection.apply(ur({
 			...t,
 			config: ht(t.config, e.oldSize)
 		}, e.oldRawPassthrough)) : [];
 	}
 };
-function fr(e, t) {
+function ur(e, t) {
 	let { rawPassthrough: n, ...r } = e;
 	return t ? {
 		...r,
 		rawPassthrough: t
 	} : r;
 }
-//#endregion
-//#region src/modeling/WardleyModeling.ts
-var pr = "element.updateProperties", mr = "wardley.map.resize", hr = "wardley.config.update";
-function gr(e) {
+// src/modeling/WardleyModeling.ts
+var dr = "element.updateProperties", fr = "wardley.map.resize", pr = "wardley.config.update";
+function mr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var _r = class {
+var hr = class {
 	commandStack;
 	canvas;
 	static $inject = ["commandStack", "canvas"];
 	constructor(e, t) {
-		this.commandStack = e, this.canvas = t, e.registerHandler(pr, ur), e.registerHandler(mr, dr), e.registerHandler(hr, Yt);
+		this.commandStack = e, this.canvas = t, e.registerHandler(dr, cr), e.registerHandler(fr, lr), e.registerHandler(pr, tn);
 	}
 	resizeMap(e) {
 		let t = this.currentConfig();
-		t && !vr(t.size, e) && this.commandStack.execute(mr, { size: e });
+		t && !gr(t.size, e) && this.commandStack.execute(fr, { 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(hr, { properties: r });
+		Object.keys(r).length !== 0 && this.commandStack.execute(pr, { properties: r });
 	}
 	currentConfig() {
 		return gt(this.canvas)?.businessObject?.config;
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(pr, {
+		this.commandStack.execute(dr, {
 			element: e,
 			properties: t
 		});
@@ -2426,11 +2402,11 @@ var _r = class {
 		} else this.updateProperties(e, { wardleyLabel: t });
 	}
 	evolveComponent(e, t, n = {}) {
-		let r = yr(t);
-		r <= e.evolution || this.updateProperties(e, { movement: gr({
+		let r = _r(t);
+		r <= e.evolution || this.updateProperties(e, { movement: mr({
 			...e.movement,
 			targetEvolution: r,
-			...gr({
+			...mr({
 				newLabel: n.newLabel,
 				method: n.method
 			})
@@ -2455,15 +2431,14 @@ var _r = class {
 		this.updateProperties(e, { color: t });
 	}
 };
-function vr(e, t) {
+function gr(e, t) {
 	return !e || !t ? e === t : e.width === t.width && e.height === t.height;
 }
-function yr(e) {
+function _r(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-//#endregion
-//#region src/modeling/WardleyCopyPaste.ts
-var br = 24, xr = [
+// src/modeling/WardleyCopyPaste.ts
+var vr = 24, yr = [
 	"wardleyType",
 	"evolution",
 	"visibility",
@@ -2480,13 +2455,13 @@ var br = 24, xr = [
 	"drawingPoints",
 	"closed",
 	"strokeStyle"
-], Sr = [
+], br = [
 	"wardleyType",
 	"bidirectional",
 	"flowValue",
 	"linkLabel"
 ];
-function Cr(e, t) {
+function xr(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -2494,7 +2469,7 @@ function Cr(e, t) {
 	}
 	return n;
 }
-var wr = class {
+var Sr = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -2526,14 +2501,14 @@ var wr = class {
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: Cr(e, Sr)
+				props: xr(e, br)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => ({
 				id: e.id,
 				...e.pipelineId ? { pipelineId: e.pipelineId } : {},
-				props: Cr(e, xr),
+				props: xr(e, yr),
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2570,7 +2545,7 @@ var wr = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [I(n[e.sourceIdx]), I(n[e.targetIdx])]
+				waypoints: [R(n[e.sourceIdx]), R(n[e.targetIdx])]
 			}))
 		};
 	}
@@ -2594,42 +2569,41 @@ var wr = class {
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = br * this.pasteCount, n = Tr(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = vr * this.pasteCount, n = Cr(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 Tr(e) {
+function Cr(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,
 		cy: (n + i) / 2
 	};
 }
-//#endregion
-//#region src/modeling/index.ts
-var Er = {
+// src/modeling/index.ts
+var wr = {
 	__depends__: [
 		me,
 		he,
-		Kt
+		Qt
 	],
 	__init__: ["wardleyModeling"],
-	wardleyModeling: ["type", _r],
-	wardleyCopyPaste: ["type", wr]
-}, Dr = { evolutionGrid: ["type", mn] }, Or = {
+	wardleyModeling: ["type", hr],
+	wardleyCopyPaste: ["type", Sr]
+}, Tr = { evolutionGrid: ["type", bn] }, Er = {
 	__init__: ["evolutionConstraintBehavior"],
 	__depends__: [
-		Dr,
-		nn,
+		Tr,
+		ln,
 		pe,
-		Er
+		wr
 	],
-	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) {
+	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) {
 	let a = T("g"), o = r / 24;
 	return w(a, {
 		transform: `translate(${t - r / 2}, ${n - r / 2}) scale(${o})`,
@@ -2637,19 +2611,14 @@ function Hr(e, t, n, r, i) {
 		stroke: "none"
 	}), C(a, w(T("path"), { d: e })), a;
 }
-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) {
+function Nr(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-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 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>`;
 }
-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 Jr = 7.5;
-function Yr(e, t) {
+var Fr = 7.5;
+function Ir(e, t) {
 	let n = e.movement;
 	if (!n) return;
 	let r = t.toCanvas({
@@ -2661,26 +2630,26 @@ function Yr(e, t) {
 		evolution: n.targetEvolution
 	}).x - r.x;
 }
-function Xr(e) {
-	return (e ?? "").length * Jr;
+function Lr(e) {
+	return (e ?? "").length * Fr;
 }
-function Zr() {
+function Rr() {
 	return {
 		x: 22,
 		y: -4
 	};
 }
-function Qr(e, t) {
-	return t > 0 && t < Xr(e.wardleyLabel) + 30 + 14;
+function zr(e, t) {
+	return t > 0 && t < Lr(e.wardleyLabel) + 30 + 14;
 }
-function $r(e, t) {
-	let n = Zr();
+function Br(e, t) {
+	let n = Rr();
 	if (e.labelOffset) return {
 		x: n.x + e.labelOffset.dx,
 		y: n.y + e.labelOffset.dy,
 		anchor: "start"
 	};
-	if (t !== void 0 && Qr(e, t)) return {
+	if (t !== void 0 && zr(e, t)) return {
 		x: -n.x,
 		y: n.y,
 		anchor: "end"
@@ -2692,14 +2661,14 @@ function $r(e, t) {
 		anchor: "start"
 	};
 }
-function ei(e) {
+function Vr(e) {
 	return {
 		x: e + 15 + 7,
 		y: -4
 	};
 }
-function ti(e, t) {
-	let n = ei(t);
+function Hr(e, t) {
+	let n = Vr(t);
 	return e ? {
 		x: n.x + e.dx,
 		y: n.y + e.dy,
@@ -2714,30 +2683,29 @@ function ti(e, t) {
 		anchor: "start"
 	};
 }
-function ni() {
+function Ur() {
 	return {
 		x: 0,
 		y: -17
 	};
 }
-function ri(e) {
-	let t = ni();
+function Wr(e) {
+	let t = Ur();
 	return {
 		x: t.x + (e.labelOffset?.dx ?? 0),
 		y: t.y + (e.labelOffset?.dy ?? 0),
 		anchor: "middle"
 	};
 }
-function ii(e, t) {
+function Gr(e, t) {
 	let n = (e) => Math.max(-200, Math.min(200, Math.round(e))), r = {
 		dx: n(e) || 0,
 		dy: n(t) || 0
 	};
 	return r.dx === 0 && r.dy === 0 ? void 0 : r;
 }
-//#endregion
-//#region src/draw/WardleyRenderer.ts
-var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-label-handle", ci = "data-label-role", li = 6, ui = class extends ge {
+// 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 {
 	grid;
 	elementRegistry;
 	static $inject = [
@@ -2746,7 +2714,7 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		super(e, ai), this.grid = t, this.elementRegistry = n;
+		super(e, Kr), this.grid = t, this.elementRegistry = n;
 	}
 	canRender(e) {
 		return j(e) || M(e);
@@ -2778,20 +2746,20 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 		return C(e, i), i;
 	}
 	drawConnection(e, t) {
-		let n = t, r = n.wardleyType === "flow", i = r ? k.flow : k.dependency, [a, o] = _i(n), s = w(T("polyline"), {
+		let n = t, r = n.wardleyType === "flow", i = r ? k.flow : k.dependency, [a, o] = ii(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, hi(a, o, i, 11, 5)), n.bidirectional && C(e, hi(o, a, i, 11, 5)));
+		C(e, s), r && (C(e, ni(a, o, i, 11, 5)), n.bidirectional && C(e, ni(o, a, i, 11, 5)));
 		let c = (a.x + o.x) / 2, l = (a.y + o.y) / 2;
-		return r && n.flowValue && C(e, V(n.flowValue, c, l - 5, {
+		return r && n.flowValue && C(e, H(n.flowValue, c, l - 5, {
 			"text-anchor": "middle",
 			"font-size": 11,
 			fill: k.flow
-		})), n.linkLabel && C(e, V(n.linkLabel, c, l + (n.flowValue ? 12 : -4), {
+		})), n.linkLabel && C(e, H(n.linkLabel, c, l + (n.flowValue ? 12 : -4), {
 			"text-anchor": "middle",
 			"font-size": 11,
 			"font-style": "italic",
@@ -2807,68 +2775,68 @@ var ai = 1500, z = "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 = 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, {
+		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 o = t.color ?? k.stroke, s = V(n, r, 15, {
 			fill: k.componentFill,
 			stroke: o,
 			"stroke-width": 2
 		});
-		return C(e, s), t.movement && C(e, B(n, r, 12, {
+		return C(e, s), t.movement && C(e, V(n, r, 12, {
 			fill: "none",
 			stroke: o,
 			"stroke-width": 1.5
-		})), fi(e, n, r, o, i), pi(e, t, n, r, $r(t, a)), s;
+		})), $r(e, n, r, o, i), ei(e, t, n, r, Br(t, a)), s;
 	}
 	drawMovement(e, t, n, r, i) {
 		let a = t.movement;
 		if (!a) return;
-		let o = w(T("g"), { class: oi });
+		let o = w(T("g"), { class: qr });
 		C(e, o);
 		let s = n + i, c = s - (Math.sign(i) || 1) * 17;
-		C(o, mi(n, r, c, r, {
+		C(o, ti(n, r, c, r, {
 			stroke: k.plotBackground,
 			"stroke-width": 4,
 			"stroke-linecap": "butt",
 			class: "wardley-movement-underlay"
-		})), C(o, mi(n, r, c, r, {
+		})), C(o, ti(n, r, c, r, {
 			stroke: k.movement,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "6 4"
-		})), C(o, hi({
+		})), C(o, ni({
 			x: n,
 			y: r
 		}, {
 			x: c,
 			y: r
-		}, k.movement)), C(o, B(s, r, 15, {
+		}, k.movement)), C(o, V(s, r, 15, {
 			fill: k.paper,
 			stroke: k.movement,
 			"stroke-width": 2,
 			class: "wardley-evolve-handle"
 		}));
-		let l = ti(a.labelOffset, i);
-		C(o, V(a.newLabel ?? t.wardleyLabel, n + l.x, r + l.y, {
+		let l = Hr(a.labelOffset, i);
+		C(o, H(a.newLabel ?? t.wardleyLabel, n + l.x, r + l.y, {
 			"font-weight": "500",
 			fill: k.movement,
 			"text-anchor": l.anchor,
-			class: `wardley-movement-label ${si}`,
-			[ci]: "movement"
-		})), a.method && C(o, V(a.method, n + l.x, r + l.y + 15, {
+			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
 		}));
 	}
 	drawAnchor(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = Hr(kr, n, r, 26, t.color ?? k.ink);
+		let n = t.width / 2, r = t.height / 2, i = Mr(Dr, n, r, 26, t.color ?? k.ink);
 		C(e, i);
-		let a = ri(t);
-		return C(e, V(t.wardleyLabel, n + a.x, r + a.y, {
+		let a = Wr(t);
+		return C(e, H(t.wardleyLabel, n + a.x, r + a.y, {
 			"text-anchor": a.anchor,
 			"font-weight": "700",
-			class: `${z} ${si}`,
-			[ci]: "name",
+			class: `${B} ${Jr}`,
+			[Yr]: "name",
 			...t.color ? { fill: t.color } : {}
 		})), i;
 	}
@@ -2892,22 +2860,22 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 			fill: k.componentFill,
 			stroke: r ?? k.stroke,
 			"stroke-width": 2
-		})), C(e, V(t.wardleyLabel, n / 2 + 8 + 6, -4, {
+		})), C(e, H(t.wardleyLabel, n / 2 + 8 + 6, -4, {
 			"font-weight": "500",
-			class: z,
+			class: B,
 			...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: z,
+			class: B,
 			fill: n ?? k.noteText,
 			"font-style": "italic",
 			...n ? { "font-weight": "600" } : {}
 		}, s;
 		return r.forEach((t, n) => {
-			let r = V(t, i, a + n * 17, o);
+			let r = H(t, i, a + n * 17, o);
 			C(e, r), s ||= r;
 		}), s ?? T("text");
 	}
@@ -2927,8 +2895,8 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 		let o = this.grid.toCanvas({
 			visibility: 1,
 			evolution: 0
-		}).y, s = t.y - li - A.label >= o;
-		return C(e, V(ze[n] ?? n, s ? 4 : 10, s ? -6 : 18, {
+		}).y, s = t.y - Xr - A.label >= o;
+		return C(e, H(ze[n] ?? n, s ? 4 : 10, s ? -6 : 18, {
 			fill: i,
 			"font-weight": "700",
 			"letter-spacing": "0.04em",
@@ -2936,25 +2904,25 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 		})), a;
 	}
 	drawAnnotation(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = B(n, r, 10, {
+		let n = t.width / 2, r = t.height / 2, i = V(n, r, 10, {
 			fill: k.annotationFill,
 			stroke: t.color ?? k.stroke,
 			"stroke-width": 1.25
 		});
-		return C(e, i), C(e, V(String(t.annotationNumber ?? ""), n, r + 4, {
+		return C(e, i), C(e, H(String(t.annotationNumber ?? ""), n, r + 4, {
 			"text-anchor": "middle",
 			"font-size": 11,
 			"font-weight": "700"
-		}, !1)), t.wardleyLabel && C(e, V(t.wardleyLabel, n + 15, r + 4, {
+		}, !1)), t.wardleyLabel && C(e, H(t.wardleyLabel, n + 15, r + 4, {
 			"font-size": 12,
 			fill: k.noteText
 		})), i;
 	}
 	drawAccelerator(e, t) {
-		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, {
+		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));
+		return C(e, a), t.wardleyLabel && C(e, H(t.wardleyLabel, n + 15, r + 5, {
 			"font-size": 12,
-			class: z
+			class: B
 		})), a;
 	}
 	drawSubmap(e, t) {
@@ -2977,23 +2945,23 @@ var ai = 1500, z = "wardley-name-label", oi = "wardley-movement", si = "wardley-
 			fill: "none",
 			stroke: i,
 			"stroke-width": 1
-		})), C(e, V(t.wardleyLabel, n + 16 + 6, r - 6, {
+		})), C(e, H(t.wardleyLabel, n + 16 + 6, r - 6, {
 			"font-weight": "500",
-			class: z,
+			class: B,
 			...t.color ? { fill: t.color } : {}
 		})), a;
 	}
 };
-function di(e, t, n) {
+function Qr(e, t, n) {
 	let r = t + 15 + 3;
-	C(e, mi(r, n - 13, r, n + 13, {
+	C(e, ti(r, n - 13, r, n + 13, {
 		stroke: k.inertia,
 		"stroke-width": 3,
 		"stroke-linecap": "round"
 	}));
 }
-function fi(e, t, n, r, i) {
-	if (i?.ecosystem && C(e, B(t, n, 18.5, {
+function $r(e, t, n, r, i) {
+	if (i?.ecosystem && C(e, V(t, n, 18.5, {
 		fill: "none",
 		stroke: r,
 		"stroke-width": 1.25,
@@ -3003,25 +2971,25 @@ function fi(e, t, n, r, i) {
 		[0, -3.8],
 		[-3.4, 2.4],
 		[3.4, 2.4]
-	]) C(e, B(t + i, n + a, 1.7, { fill: r }));
+	]) C(e, V(t + i, n + a, 1.7, { fill: r }));
 }
-function pi(e, t, n, r, i) {
+function ei(e, t, n, r, i) {
 	let a = n + i.x, o = r + i.y;
-	C(e, V(t.wardleyLabel, a, o, {
+	C(e, H(t.wardleyLabel, a, o, {
 		"font-weight": "500",
 		"text-anchor": i.anchor,
-		class: `${z} ${si}`,
-		[ci]: "name",
+		class: `${B} ${Jr}`,
+		[Yr]: "name",
 		...t.color ? { fill: t.color } : {}
 	}));
 	let s = t.decorators?.method;
-	s && C(e, V(s, a, o + 15, {
+	s && C(e, H(s, a, o + 15, {
 		"font-size": 10.5,
 		"text-anchor": i.anchor,
 		fill: k.axisText
 	}));
 }
-function B(e, t, n, r) {
+function V(e, t, n, r) {
 	return w(T("circle"), {
 		cx: e,
 		cy: t,
@@ -3030,7 +2998,7 @@ function B(e, t, n, r) {
 		...r
 	});
 }
-function mi(e, t, n, r, i) {
+function ti(e, t, n, r, i) {
 	return w(T("line"), {
 		x1: e,
 		y1: t,
@@ -3039,7 +3007,7 @@ function mi(e, t, n, r, i) {
 		...i
 	});
 }
-function V(e, t, n, r = {}, i = !0) {
+function H(e, t, n, r = {}, i = !0) {
 	let a = i ? {
 		stroke: k.paper,
 		"stroke-width": 3.5,
@@ -3056,17 +3024,17 @@ function V(e, t, n, r = {}, i = !0) {
 	});
 	return o.textContent = e, o;
 }
-function hi(e, t, n, r = 10, i = 5) {
+function ni(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 gi(e) {
+function ri(e) {
 	return e.wardleyType === "component" ? 17 : e.wardleyType === "anchor" ? 14 : e.wardleyType === "pipeline" ? 10 : Math.min(e.width, e.height) / 2;
 }
-function _i(e) {
+function ii(e) {
 	let t = e.source, n = e.target, r = e.waypoints;
 	if (!t || !n) {
 		let e = r[0] ?? {
@@ -3075,7 +3043,7 @@ function _i(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	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);
+	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);
 	return c <= d + f + 2 ? [i, a] : [{
 		x: i.x + l * d,
 		y: i.y + u * d
@@ -3084,37 +3052,36 @@ function _i(e) {
 		y: a.y - u * f
 	}];
 }
-//#endregion
-//#region src/draw/index.ts
-var vi = {
+// src/draw/index.ts
+var ai = {
 	__init__: ["wardleyRenderer"],
-	wardleyRenderer: ["type", ui]
-}, yi = class extends en {
+	wardleyRenderer: ["type", Zr]
+}, oi = class extends sn {
 	_getModules() {
 		return [
-			cn,
-			Dr,
-			vi,
+			mn,
+			Tr,
+			ai,
 			mt
 		];
 	}
-}, bi = 180, xi = 80, Si = 120, Ci = 96, wi = .5, Ti = (e, t, n) => e < t ? t : e > n ? n : e;
-function Ei(e, t, n, r) {
+}, 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) {
 	let i = n.min - n.padBefore, a = n.max + n.padAfter;
-	return !r && t >= n.max - n.min ? Ti(e, Math.min(n.max - t, i), Math.max(n.min, a - t)) : t <= a - i ? Ti(e, i, a - t) : (i + a) / 2 - t / 2;
+	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;
 }
-function Di(e, t, n) {
+function mi(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 Oi(e, t, n, r, i) {
-	let a = Di(t, n, i), o = Di(t, r, i);
-	return Ti(e, Math.min(a.lowest, o.lowest), Math.max(a.highest, o.highest));
+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));
 }
-var ki = class {
+var gi = class {
 	canvas;
 	grid;
 	static $inject = [
@@ -3146,7 +3113,7 @@ var ki = class {
 	freeArea(e) {
 		let t = this.freeRect?.insets(), n = t ? e.scale ?? this.canvas.zoom() : 0;
 		if (!t || !(n > 0)) return;
-		let r = Ci / n, i = (e, t, i) => e * n - t - i > 0 ? {
+		let r = ui / n, i = (e, t, i) => e * n - t - i > 0 ? {
 			before: t / n,
 			after: i / n,
 			slack: r
@@ -3171,26 +3138,26 @@ var ki = class {
 			min: r.y,
 			max: r.y + r.height
 		}, o = this.freeArea(n), s = this.grid.outerBounds(), c = {
-			top: bi,
-			right: Si,
-			bottom: xi,
-			left: Si
-		}, l = o ? Oi(n.x, n.width, i, {
+			top: si,
+			right: li,
+			bottom: ci,
+			left: li
+		}, l = o ? hi(n.x, n.width, i, {
 			min: s.x,
 			max: s.x + s.width
-		}, o.x) : Ei(n.x, n.width, {
+		}, o.x) : pi(n.x, n.width, {
 			...i,
 			padBefore: c.left,
 			padAfter: c.right
-		}, t), u = o ? Oi(n.y, n.height, a, {
+		}, t), u = o ? hi(n.y, n.height, a, {
 			min: s.y,
 			max: s.y + s.height
-		}, o.y) : Ei(n.y, n.height, {
+		}, o.y) : pi(n.y, n.height, {
 			...a,
 			padBefore: c.top,
 			padAfter: c.bottom
 		}, t);
-		if (!(Math.abs(l - n.x) < wi && Math.abs(u - n.y) < wi)) {
+		if (!(Math.abs(l - n.x) < di && Math.abs(u - n.y) < di)) {
 			this.applying = !0;
 			try {
 				this.canvas.viewbox({
@@ -3204,10 +3171,10 @@ var ki = class {
 			}
 		}
 	}
-}, Ai = {
+}, _i = {
 	__init__: ["panConstraint"],
-	panConstraint: ["type", ki]
-}, ji = class {
+	panConstraint: ["type", gi]
+}, vi = class {
 	canvas;
 	config;
 	static $inject = ["canvas", "config.wardleyFreeRect"];
@@ -3237,7 +3204,7 @@ var ki = class {
 			y: t.y + a(i, n.top, n.bottom) / t.scale
 		};
 	}
-}, Mi = { wardleyFreeRect: ["type", ji] }, Ni = class extends yi {
+}, yi = { wardleyFreeRect: ["type", vi] }, bi = class extends oi {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -3245,11 +3212,11 @@ var ki = class {
 			ve,
 			ye,
 			be,
-			Mi,
-			Ai
+			yi,
+			_i
 		];
 	}
-}, Pi = class {
+}, xi = class {
 	static $inject = [
 		"eventBus",
 		"canvas",
@@ -3268,37 +3235,37 @@ var ki = class {
 			if (e.element === i) return n.activateLasso(r), !1;
 		});
 	}
-}, Fi = {
+}, Si = {
 	__depends__: [Ae],
 	__init__: ["wardleyLassoBehavior"],
-	wardleyLassoBehavior: ["type", Pi]
-}, Ii = /* @__PURE__ */ new Set([
+	wardleyLassoBehavior: ["type", xi]
+}, Ci = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline"
-]), Li = /* @__PURE__ */ new Set(["e", "w"]);
-function Ri(e) {
-	return j(e) && Ii.has(e.wardleyType);
+]), wi = /* @__PURE__ */ new Set(["e", "w"]);
+function Ti(e) {
+	return j(e) && Ci.has(e.wardleyType);
 }
-function zi(e, t) {
+function Ei(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t) || (e.incoming ?? []).some((e) => e.source === t);
 }
-var Bi = class extends ce {
+var Di = class extends ce {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => Ri(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => Ti(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !Ri(t) || !Ri(n) || t === n || zi(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 || Li.has(e.direction) : tt(e.shape));
+			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));
 	}
-}, Vi = {
+}, Oi = {
 	__init__: ["wardleyRules"],
-	wardleyRules: ["type", Bi]
-}, Hi = {
+	wardleyRules: ["type", Di]
+}, ki = {
 	__init__: ["stageSnapping"],
 	stageSnapping: ["type", class {
 		static $inject = [
@@ -3338,20 +3305,20 @@ var Bi = class extends ce {
 			});
 		}
 	}]
-}, H = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, Ui = (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>`, Wi = "<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\"/>", Gi = "<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>", Ki = (e = "") => `<circle cx="12" cy="12" r="7" fill="${k.componentFill}" stroke="${k.stroke}" stroke-width="2"/>${e}`, qi = (e, t) => `<text x="12" text-anchor="middle" font-family="${A.family}" ${t}>${e}</text>`, U = {
-	draw: Ui(Gi),
-	lasso: Ui(Wi),
-	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="${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="${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 = {
+}, 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}"/>`),
+	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}"/>`),
+	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 = {
 	pioneers: "P",
 	settlers: "S",
 	townplanners: "T"
@@ -3360,32 +3327,31 @@ var Bi = 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 Yi(e) {
+function Ii(e) {
 	let t = Re[e] ?? {
 		fill: k.band,
 		stroke: k.dependency
-	}, n = Ji[e] ?? "";
-	return H(`<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"/>` + qi(n, `y="15.3" font-size="9" font-weight="700" fill="${k.ink}"`));
+	}, 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}"`));
 }
-//#endregion
-//#region src/palette/WardleyPaletteProvider.ts
-var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
+// src/palette/WardleyPaletteProvider.ts
+var G = "wardley-1-blocks", Li = "wardley-2-strategy", Ri = [
 	{
 		key: "component",
 		type: "component",
 		label: "Component",
 		title: "Component",
 		shortcut: "C",
-		icon: U.component,
-		group: W
+		icon: W.component,
+		group: G
 	},
 	{
 		key: "market",
 		type: "component",
 		label: "Market",
 		title: "Market component",
-		icon: U.market,
-		group: W,
+		icon: W.market,
+		group: G,
 		extra: { market: !0 }
 	},
 	{
@@ -3393,8 +3359,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		type: "component",
 		label: "Ecosystem",
 		title: "Ecosystem component",
-		icon: U.ecosystem,
-		group: W,
+		icon: W.ecosystem,
+		group: G,
 		extra: { ecosystem: !0 }
 	},
 	{
@@ -3403,8 +3369,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		label: "User",
 		title: "Anchor / User",
 		shortcut: "U",
-		icon: U.anchor,
-		group: W
+		icon: W.anchor,
+		group: G
 	},
 	{
 		key: "pipeline",
@@ -3412,24 +3378,24 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		label: "Pipeline",
 		title: "Pipeline",
 		shortcut: "P",
-		icon: U.pipeline,
-		group: W
+		icon: W.pipeline,
+		group: G
 	},
 	{
 		key: "submap",
 		type: "submap",
 		label: "Submap",
 		title: "Submap",
-		icon: U.submap,
-		group: W
+		icon: W.submap,
+		group: G
 	},
 	{
 		key: "pioneers",
 		type: "attitude",
 		label: "Pioneers",
 		title: "Pioneers region",
-		icon: Yi("pioneers"),
-		group: Xi,
+		icon: Ii("pioneers"),
+		group: Li,
 		extra: { attitudeKind: "pioneers" }
 	},
 	{
@@ -3437,8 +3403,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		type: "attitude",
 		label: "Settlers",
 		title: "Settlers region",
-		icon: Yi("settlers"),
-		group: Xi,
+		icon: Ii("settlers"),
+		group: Li,
 		extra: { attitudeKind: "settlers" }
 	},
 	{
@@ -3446,8 +3412,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		type: "attitude",
 		label: "Town Planners",
 		title: "Town Planners region",
-		icon: Yi("townplanners"),
-		group: Xi,
+		icon: Ii("townplanners"),
+		group: Li,
 		extra: { attitudeKind: "townplanners" }
 	},
 	{
@@ -3455,8 +3421,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		type: "accelerator",
 		label: "Accelerate",
 		title: "Accelerator",
-		icon: U.accelerator,
-		group: Xi,
+		icon: W.accelerator,
+		group: Li,
 		extra: { acceleratorDirection: "accelerate" }
 	},
 	{
@@ -3464,8 +3430,8 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		type: "accelerator",
 		label: "Deaccelerate",
 		title: "Deaccelerator",
-		icon: U.deaccelerator,
-		group: Xi,
+		icon: W.deaccelerator,
+		group: Li,
 		extra: { acceleratorDirection: "deaccelerate" }
 	},
 	{
@@ -3474,26 +3440,26 @@ var W = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 		label: "Note",
 		title: "Note",
 		shortcut: "N",
-		icon: U.note,
+		icon: W.note,
 		group: "wardley-3-notes"
 	}
-], G = {
+], K = {
 	key: "lasso-tool",
 	title: "Lasso",
 	shortcut: "L",
-	icon: U.lasso
-}, K = {
+	icon: W.lasso
+}, zi = {
 	key: "draw-tool",
 	title: "Draw",
-	icon: U.draw
-}, Qi = 24, $i = 24, ea = 12;
-function ta(e) {
+	icon: W.draw
+}, Bi = 24, Vi = 24, Hi = 12;
+function Ui(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function na(e) {
+function Wi(e) {
 	return e.type === "click" && e.detail === 0;
 }
-var ra = class {
+var Gi = class {
 	create;
 	factory;
 	lassoTool;
@@ -3513,22 +3479,26 @@ var ra = class {
 	}
 	getPaletteEntries() {
 		let e = {};
-		e[G.key] = {
-			group: "tools",
-			...this.describe(G.title, G.shortcut),
-			html: this.entryHtml(G.title, G.icon, G.shortcut),
-			action: { click: (e) => this.lassoTool.activateSelection(e) }
-		}, e[K.key] = {
+		e[K.key] = {
 			group: "tools",
 			...this.describe(K.title, K.shortcut),
 			html: this.entryHtml(K.title, K.icon, K.shortcut),
-			action: { click: () => this.drawTool.toggle() }
+			action: { click: (e) => {
+				this.lassoTool.activateSelection(e), this.focusCanvasAfterPointer(e);
+			} }
+		}, e[zi.key] = {
+			group: "tools",
+			...this.describe(zi.title, zi.shortcut),
+			html: this.entryHtml(zi.title, zi.icon, zi.shortcut),
+			action: { click: (e) => {
+				this.drawTool.toggle(), this.focusCanvasAfterPointer(e);
+			} }
 		};
-		for (let t of Zi) {
+		for (let t of Ri) {
 			let n = (e) => {
-				this.create.start(e, this.createShapeFor(t));
+				this.create.start(e, this.createShapeFor(t)), this.focusCanvasAfterPointer(e);
 			}, r = (e) => {
-				na(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
+				Wi(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
 			};
 			e[`create.${t.key}`] = {
 				group: t.group,
@@ -3543,11 +3513,14 @@ var ra = class {
 		return e;
 	}
 	createAtFreeCenter(e) {
-		let t = Zi.find((t) => `create.${t.key}` === e);
+		let t = Ri.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"));
+	}
 	createShapeFor(e) {
 		return this.factory.createNew(e.type, e.label, e.extra ?? {});
 	}
@@ -3562,13 +3535,13 @@ var ra = class {
 			evolution: 1,
 			visibility: 0
 		}), o = (e, t, n, r) => {
-			let i = t + r / 2 + Qi, a = n - r / 2 - Qi;
+			let i = t + r / 2 + Bi, a = n - r / 2 - Bi;
 			return i > a ? (t + n) / 2 : Math.min(a, Math.max(i, e));
 		}, s = (t) => ({
-			x: o(r.x + t * $i, i.x, a.x, e.width),
-			y: o(r.y + t * $i, i.y, a.y, e.height)
+			x: o(r.x + t * Vi, i.x, a.x, e.width),
+			y: o(r.y + t * Vi, 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 < ea; e++) {
+		for (let e = 0; e < Hi; e++) {
 			let t = s(e);
 			if (!l(t)) return t;
 		}
@@ -3581,12 +3554,12 @@ var ra = class {
 		} : { title: e };
 	}
 	entryHtml(e, t, n, r = !1) {
-		let i = this.needsNativeTitle ? ` title="${ta(n ? `${e} — ${n}` : e)}"` : "", a = n ? ` aria-keyshortcuts="${ta(n)}"` : "";
+		let i = this.needsNativeTitle ? ` title="${Ui(n ? `${e} (${n})` : e)}"` : "", a = n ? ` aria-keyshortcuts="${Ui(n)}"` : "";
 		return `<div class="entry wardley-palette-entry"${r ? " draggable=\"true\"" : ""}${i}${a}>${t}</div>`;
 	}
-}, ia = ".djs-palette-entries .entry", aa = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), oa = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), sa = /* @__PURE__ */ new Set(["Enter", " "]), ca = {
+}, Ki = ".djs-palette-entries .entry", qi = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Ji = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), Yi = /* @__PURE__ */ new Set(["Enter", " "]), Xi = {
 	__init__: ["wardleyPaletteProvider", "wardleyPaletteKeyboard"],
-	wardleyPaletteProvider: ["type", ra],
+	wardleyPaletteProvider: ["type", Gi],
 	wardleyPaletteKeyboard: ["type", class {
 		palette;
 		provider;
@@ -3611,7 +3584,7 @@ var ra = class {
 			}), this.updateTabStops());
 		}
 		entries() {
-			return this.container ? Array.from(this.container.querySelectorAll(ia)) : [];
+			return this.container ? Array.from(this.container.querySelectorAll(Ki)) : [];
 		}
 		entryOf(e) {
 			if (!(e instanceof Element) || !this.container) return null;
@@ -3628,7 +3601,7 @@ var ra = 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;
-			aa.has(e.key) ? i = n[(r - 1 + n.length) % n.length] : oa.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()) : sa.has(e.key) && (e.preventDefault(), e.stopPropagation(), this.activate(t));
+			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));
 		}
 		activate(e) {
 			let t = e.getAttribute("data-action");
@@ -3641,29 +3614,29 @@ var ra = class {
 			this.palette.triggerEntry(t, "click", r);
 		}
 	}]
-}, la = 8, ua = 134, da = class extends je {
+}, Zi = 8, Qi = 134, $i = 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 = fa(n), i = r.right + this.padWidth() + la * 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) ? fa([...n, ...a]) : r;
+		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;
 	}
 	internals() {
 		return this;
 	}
 	padWidth() {
-		return this.internals()._current?.html?.getBoundingClientRect().width || ua;
+		return this.internals()._current?.html?.getBoundingClientRect().width || Qi;
 	}
 	movementTargetRects(e) {
-		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${oi} > :is(.wardley-evolve-handle, text)`);
+		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${qr} > :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(oi) === (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(qr) === (t === "movement")) : t === "node" ? [e] : []).map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 || e.height > 0) : [];
 	}
 };
-function fa(e) {
+function ea(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,
@@ -3676,9 +3649,8 @@ function fa(e) {
 		height: i - n
 	};
 }
-//#endregion
-//#region src/label-editing/fieldError.ts
-function pa(e, t, n, r) {
+// src/label-editing/fieldError.ts
+function ta(e, t, n, r) {
 	let i;
 	return {
 		get caption() {
@@ -3692,26 +3664,25 @@ function pa(e, t, n, r) {
 		}
 	};
 }
-//#endregion
-//#region src/label-editing/WardleyLabelEditing.ts
-function ma(e, t) {
+// src/label-editing/WardleyLabelEditing.ts
+function na(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 ha = "wardley-name-label", ga = "wardley-label-editing", _a = /* @__PURE__ */ new Set(["attitude", "drawing"]), va = 500, ya = 6, ba = 2, xa = 1.5, Sa = 1.25, Ca = 11, wa = 4, Ta = "Cmd/Ctrl+Enter to save · Esc to cancel";
-function Ea(e) {
-	return `“${e}” already exists — names must be unique because links refer to them.`;
+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) {
+	return `“${e}” already exists. Names must be unique because links refer to them.`;
 }
-function Da(e) {
+function ha(e) {
 	return e.replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
 }
-var Oa;
-function ka(e, t, n) {
-	return Oa === void 0 && (Oa = document.createElement("canvas").getContext("2d")), Oa ? (Oa.font = t, Oa.measureText(e).width) : e.length * n * .6;
+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 Aa = class {
+var va = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -3729,40 +3700,40 @@ var Aa = class {
 	selection;
 	locked;
 	constructor(e, t, n, r, i) {
-		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) => {
+		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) => {
 			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) => {
+		}), 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) => {
 			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) || _a.has(e.wardleyType) || this.locked()) return;
+		if (!j(e) || aa.has(e.wardleyType) || this.locked()) return;
 		this.active?.commit("outside");
-		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);
+		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);
 			Object.assign(d.style, {
 				left: `${e}px`,
 				top: `${t}px`,
 				width: `${n}px`,
 				height: `${i}px`
 			});
-			let a = t + i + wa;
-			for (let t of [m.caption, f]) t && (t.style.left = `${e}px`, t.style.top = `${a}px`, a += t.offsetHeight + wa);
-		}, m = pa(n, d, `wardley-label-error-${e.id}`, () => p()), h = (e) => {
-			m.show(Ea(e)), d.select();
+			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();
 		}, g = () => m.clear();
-		this.contextPad?.close(), this.canvas.addMarker(e, ga), n.appendChild(d), f && n.appendChild(f), p(), ma(d, t);
+		this.contextPad?.close(), this.canvas.addMarker(e, ia), n.appendChild(d), f && n.appendChild(f), p(), na(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, ga);
-				for (let e of s) e.classList.remove(ha), 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, ia);
+				for (let e of s) e.classList.remove(ra), e.classList.length || e.removeAttribute("class");
 				this.active = null;
 			}
 		}, y = (t) => {
 			if (_) return;
-			let n = Da(d.value);
+			let n = ha(d.value);
 			if (!n || n === e.wardleyLabel) {
 				v();
 				return;
@@ -3804,45 +3775,45 @@ var Aa = class {
 		this.active?.commit("outside");
 		let n = this.canvas.getContainer();
 		if (e.waypoints.length < 1) return;
-		let r = e.wardleyType === "flow", i = document.createElement("input");
-		i.type = "text", i.className = "wardley-label-input", i.placeholder = r ? "flow value (e.g. $0.10)" : "link annotation", i.value = t.value ?? (r ? e.flowValue : e.linkLabel) ?? "", i.style.position = "absolute";
-		let a = () => {
+		let r = e.wardleyType === "flow", i = Mt(), a = document.createElement("input");
+		a.type = "text", a.className = "wardley-label-input", a.placeholder = r ? "flow value (e.g. $0.10)" : "link annotation", a.value = t.value ?? (r ? e.flowValue : e.linkLabel) ?? "", a.style.position = "absolute";
+		let o = () => {
 			let t = e.waypoints[0], n = e.waypoints[e.waypoints.length - 1];
 			if (!t || !n) return;
-			let r = this.canvas.zoom(), a = this.canvas.viewbox();
-			i.style.left = `${((t.x + n.x) / 2 - 60 - a.x) * r}px`, i.style.top = `${((t.y + n.y) / 2 - 26 - a.y) * r}px`;
+			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`;
 		};
-		a(), n.appendChild(i), ma(i, t);
-		let o = !1, s = () => {
-			o || (o = !0, i.removeEventListener("keydown", l), i.removeEventListener("blur", u), i.remove(), this.active = null);
-		}, c = () => {
-			if (o) return;
-			let t = i.value.replace(/'/g, "’").replace(/;/g, ",").trim(), n = (r ? e.flowValue : e.linkLabel) ?? "";
-			if (s(), t === n) return;
-			let a = e.businessObject, c = a ? r ? {
-				...a,
+		o(), n.appendChild(a), na(a, t);
+		let s = !1, c = () => {
+			s || (s = !0, a.removeEventListener("keydown", u), a.removeEventListener("blur", d), a.remove(), this.active = null);
+		}, l = () => {
+			if (s) return;
+			let t = a.value.replace(/'/g, "’").replace(/;/g, ",").trim(), n = (r ? e.flowValue : e.linkLabel) ?? "";
+			if (c(), t === n) return;
+			let i = e.businessObject, o = i ? r ? {
+				...i,
 				...t ? { flowValue: t } : {}
 			} : {
-				...a,
+				...i,
 				...t ? { label: t } : {}
 			} : void 0;
-			c && !t && (r ? delete c.flowValue : delete c.label), this.modeling.updateProperties(e, {
+			o && !t && (r ? delete o.flowValue : delete o.label), this.modeling.updateProperties(e, {
 				[r ? "flowValue" : "linkLabel"]: t || void 0,
-				...c ? { businessObject: c } : {}
+				...o ? { businessObject: o } : {}
 			});
-		}, l = (e) => {
-			e.key === "Escape" ? (e.preventDefault(), s()) : e.key === "Enter" && (e.preventDefault(), c());
-		}, u = () => c();
-		i.addEventListener("keydown", l), i.addEventListener("blur", u);
-		let d = () => {
-			o || a();
+		}, u = (t) => {
+			t.key === "Escape" ? (t.preventDefault(), c(), this.returnToCanvas(e, i)) : t.key === "Enter" && (t.preventDefault(), l(), this.returnToCanvas(e, i));
+		}, d = () => l();
+		a.addEventListener("keydown", u), a.addEventListener("blur", d);
+		let f = () => {
+			s || o();
 		};
 		this.active = {
 			elementId: e.id,
-			field: i,
-			commit: c,
-			cleanup: s,
-			relayout: d,
+			field: a,
+			commit: l,
+			cleanup: c,
+			relayout: f,
 			connection: !0
 		};
 	}
@@ -3871,7 +3842,7 @@ var Aa = class {
 		};
 	}
 	returnToCanvas(e, t) {
-		t ? xn(this.canvas) : this.canvas.restoreFocus();
+		t ? L(this.canvas) : this.canvas.focus();
 		let n = this.selection?.get() ?? [];
 		n.length === 1 && n[0] === e && this.contextPad?.open(e);
 	}
@@ -3881,20 +3852,20 @@ var Aa = class {
 			labelElements: [],
 			classedByFallback: []
 		};
-		let n = [...t.querySelectorAll(`.${ha}`)];
+		let n = [...t.querySelectorAll(`.${ra}`)];
 		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(ha);
+		for (let e of i) e.classList.add(ra);
 		return {
 			labelElements: i,
 			classedByFallback: i
 		};
 	}
 	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(Ca, (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(da, (Number.parseFloat(o?.fontSize ?? "") || A.label) * n), c = {
 			fontSize: s,
 			fontWeight: o?.fontWeight || "normal",
 			fontStyle: o?.fontStyle || "normal",
@@ -3929,7 +3900,7 @@ var Aa = class {
 		};
 	}
 };
-function ja(e, t, n, r) {
+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, {
 		position: "absolute",
@@ -3938,57 +3909,55 @@ function ja(e, t, n, r) {
 		fontWeight: n.fontWeight,
 		fontStyle: n.fontStyle,
 		lineHeight: `${r}px`,
-		padding: `${ba}px ${ya}px`,
+		padding: `${ca}px ${sa}px`,
 		textAlign: n.centered ? "center" : "left"
 	}), i;
 }
-function Ma(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) => ka(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 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);
 	return {
-		left: t.centered ? t.left + t.width / 2 - s / 2 : t.left - ya - xa,
+		left: t.centered ? t.left + t.width / 2 - s / 2 : t.left - sa - la,
 		top: t.top + t.height / 2 - c / 2,
 		width: s,
 		height: c
 	};
 }
-function Na(e, t) {
+function xa(e, t) {
 	let n = document.createElement("div");
 	return n.className = `wardley-label-caption ${e}`, n.textContent = t, n;
 }
-//#endregion
-//#region src/label-editing/index.ts
-var Pa = {
+// src/label-editing/index.ts
+var Sa = {
 	__init__: ["wardleyLabelEditing"],
-	wardleyLabelEditing: ["type", Aa]
-}, Fa = /* @__PURE__ */ new Set([
+	wardleyLabelEditing: ["type", va]
+}, Ca = /* @__PURE__ */ new Set([
 	"http:",
 	"https:",
 	"mailto:"
-]), Ia = /^([a-z][a-z0-9+.-]*):/i, La = /[\u0000-\u001f\u007f]/g;
-function Ra(e) {
-	return e.replace(La, "").replace(/[[\]]/g, "").trim();
+]), wa = /^([a-z][a-z0-9+.-]*):/i, Ta = /[\u0000-\u001f\u007f]/g;
+function Ea(e) {
+	return e.replace(Ta, "").replace(/[[\]]/g, "").trim();
 }
-function za(e) {
-	let t = Ia.exec(e)?.[1];
-	return t === void 0 || Fa.has(`${t.toLowerCase()}:`);
+function Da(e) {
+	let t = wa.exec(e)?.[1];
+	return t === void 0 || Ca.has(`${t.toLowerCase()}:`);
 }
-function Ba(e) {
+function Oa(e) {
 	if (e === void 0) return;
-	let t = Ra(e);
-	return t && za(t) ? t : void 0;
+	let t = Ea(e);
+	return t && Da(t) ? t : void 0;
 }
-//#endregion
-//#region src/link-editing/WardleyLinkEditing.ts
-var Va = 72, Ha = 500, Ua = 4, Wa = "Use an http(s) or mailto address, or a relative path such as ./other.wmap";
-function Ga(e) {
+// 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) {
 	return e.wardleyType === "component" || e.wardleyType === "submap";
 }
-function Ka(e) {
+function Pa(e) {
 	let t = e.businessObject;
 	if (e.wardleyType === "submap") return t?.urlRef;
 	if (e.wardleyType === "component") return t?.url;
 }
-var qa = class {
+var Fa = class {
 	canvas;
 	modeling;
 	injector;
@@ -4001,15 +3970,15 @@ var qa = 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", Ha, (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", Aa, (e) => {
 			this.active && e.element?.id === this.active.elementId && this.active.relayout();
 		}), e.on(["diagram.clear", "diagram.destroy"], () => this.cancel());
 	}
 	setLink(e, t) {
-		if (!Ga(e)) return !1;
-		let n = Ra(t ?? "");
-		if (n && !za(n)) return !1;
-		if ((Ka(e) ?? "") === n) return !0;
+		if (!Na(e)) return !1;
+		let n = Ea(t ?? "");
+		if (n && !Da(n)) return !1;
+		if ((Pa(e) ?? "") === n) return !0;
 		let r = e.wardleyType === "submap" ? "urlRef" : "url";
 		e.businessObject ||= {
 			id: e.id,
@@ -4024,23 +3993,23 @@ var qa = class {
 		return n ? i[r] = n : delete i[r], this.modeling.updateProperties(e, { businessObject: i }), !0;
 	}
 	activate(e, t = {}) {
-		if (!Ga(e) || F(this.injector)) return;
+		if (!Na(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 ?? Ka(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 ?? Pa(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 + Va}px`;
+			r.style.left = `${(e.x - n.x) * t}px`, r.style.top = `${(e.y - n.y) * t + ka}px`;
 		};
-		i(), n.appendChild(r), r.focus(), r.select();
+		i(), n.appendChild(r), na(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 + Ua}px`;
-		}, c = pa(n, r, `wardley-link-error-${e.id}`, s), l = () => c.show(Wa), u = () => c.clear(), d = () => {
+			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 = () => {
 			if (a) return !0;
-			let t = Ra(r.value);
-			return t && !za(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
+			let t = Ea(r.value);
+			return t && !Da(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
 		}, f = () => {
 			d() || o();
 		}, p = (e) => {
@@ -4070,31 +4039,37 @@ var qa = class {
 		this.active?.commit();
 	}
 	getActiveEdit() {
-		return this.active ? {
-			elementId: this.active.elementId,
-			value: this.active.field.value
-		} : null;
+		if (!this.active) return null;
+		let { elementId: e, field: t } = this.active;
+		return {
+			elementId: e,
+			value: t.value,
+			selection: {
+				start: t.selectionStart ?? 0,
+				end: t.selectionEnd ?? 0
+			}
+		};
 	}
-}, Ja = {
+}, Ia = {
 	__init__: ["wardleyLinkEditing"],
-	wardleyLinkEditing: ["type", qa]
-}, Ya = "wardley-element-settings", Xa = {
+	wardleyLinkEditing: ["type", Fa]
+}, La = "wardley-element-settings", Ra = {
 	id: "type",
 	name: "Type"
-}, Za = {
+}, za = {
 	id: "method",
 	name: "Sourcing"
-}, Qa = {
+}, Ba = {
 	id: "props",
 	name: "Properties"
 };
-function $a(e) {
+function Va(e) {
 	e.key !== "Escape" && e.stopPropagation();
 }
 function q(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var eo = class {
+var Ha = class {
 	modeling;
 	static $inject = [
 		"popupMenu",
@@ -4102,9 +4077,9 @@ var eo = class {
 		"eventBus"
 	];
 	constructor(e, t, n) {
-		this.modeling = t, e.registerProvider(Ya, this), n.on("popupMenu.open", () => {
+		this.modeling = t, e.registerProvider(La, this), n.on("popupMenu.open", () => {
 			let t = e._current?.container;
-			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", $a);
+			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", Va);
 		});
 	}
 	getPopupMenuEntries(e) {
@@ -4116,63 +4091,84 @@ var eo = class {
 		return {
 			"type-normal": {
 				label: q(n === "normal", "Normal"),
-				group: Xa,
+				group: Ra,
 				action: () => this.modeling.setMarketEcosystem(e, void 0)
 			},
 			"type-market": {
 				label: q(n === "market", "Market"),
-				group: Xa,
+				group: Ra,
 				action: () => this.modeling.setMarketEcosystem(e, "market")
 			},
 			"type-ecosystem": {
 				label: q(n === "ecosystem", "Ecosystem"),
-				group: Xa,
+				group: Ra,
 				action: () => this.modeling.setMarketEcosystem(e, "ecosystem")
 			},
 			"method-none": {
 				label: q(!r, "None"),
-				group: Za,
+				group: za,
 				action: () => this.modeling.setMethod(e, void 0)
 			},
 			"method-build": {
 				label: q(r === "build", "Build"),
-				group: Za,
+				group: za,
 				action: () => this.modeling.setMethod(e, "build")
 			},
 			"method-buy": {
 				label: q(r === "buy", "Buy"),
-				group: Za,
+				group: za,
 				action: () => this.modeling.setMethod(e, "buy")
 			},
 			"method-outsource": {
 				label: q(r === "outsource", "Outsource"),
-				group: Za,
+				group: za,
 				action: () => this.modeling.setMethod(e, "outsource")
 			},
 			"prop-inertia": {
 				label: q(!!t.inertia, "Inertia"),
-				group: Qa,
+				group: Ba,
 				action: () => this.modeling.toggleInertia(e)
 			}
 		};
 	}
-}, to = {
+}, Ua = {
 	__init__: ["wardleyElementSettings"],
-	wardleyElementSettings: ["type", eo]
-}, J = "edit", no = "wardley", ro = "danger", io = 80, ao = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), oo = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
-function so(e) {
+	wardleyElementSettings: ["type", Ha]
+}, Wa = {
+	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\"/>",
+	"arrow-right": "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>",
+	"chevrons-right": "<path d=\"m6 17 5-5-5-5\"/><path d=\"m13 17 5-5-5-5\"/>",
+	"chevrons-right-x": "<path d=\"m4 16 5-5-5-5\"/><path d=\"m11 16 5-5-5-5\"/><path d=\"m17 16 5 5\"/><path d=\"m17 21 5-5\"/>",
+	"sliders-horizontal": "<path d=\"M10 5H3\"/><path d=\"M12 19H3\"/><path d=\"M14 3v4\"/><path d=\"M16 17v4\"/><path d=\"M21 12h-9\"/><path d=\"M21 19h-5\"/><path d=\"M21 5h-7\"/><path d=\"M8 10v4\"/><path d=\"M8 12H3\"/>",
+	"line-style": "<path d=\"M11 5h2\"/><path d=\"M15 12h6\"/><path d=\"M19 5h2\"/><path d=\"M3 12h6\"/><path d=\"M3 19h18\"/><path d=\"M3 5h2\"/>",
+	palette: "<path d=\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"/><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"/>",
+	link: "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>",
+	"external-link": "<path d=\"M15 3h6v6\"/><path d=\"M10 14 21 3\"/><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>"
+};
+/*! @miragon/wardley-renderer icon geometry: the context pad icons. Lucide (lucide-static 1.59.0)
+* @license ISC Copyright (c) 2026 Lucide Icons and Contributors
+* arrow-right, chevrons-right, circle-plus, external-link, link and trash derive from Feather
+* @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>`;
+}
+// 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) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
 function Y(e, t, n = !1) {
-	let r = so(t);
+	let r = Za(t);
 	return `<div class="entry wardley-cp-entry" role="button" tabindex="0" aria-label="${r}"${n ? " draggable=\"true\"" : ""} title="${r}">${e}</div>`;
 }
-//#endregion
-//#region src/context-pad/index.ts
-var co = {
+// src/context-pad/index.ts
+var Qa = {
 	__depends__: [we],
 	__init__: ["wardleyContextPadProvider"],
-	contextPad: ["type", da],
+	contextPad: ["type", $i],
 	wardleyContextPadProvider: ["type", class {
 		contextPad;
 		modeling;
@@ -4208,65 +4204,65 @@ var co = {
 			});
 		}
 		getContextPadEntries(e) {
-			if (F(this.injector)) return {};
+			if (I(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,
+				group: qa,
 				title: "Delete",
-				html: Y(R(Pr), "Delete"),
-				action: { click: () => this.modeling.removeElements([t]) }
+				html: Y(J("trash"), "Delete"),
+				action: { click: this.focusingCanvas(() => this.modeling.removeElements([t])) }
 			}, n;
 		}
 		connectionEntries(e) {
 			let t = e.wardleyType === "flow" ? "Edit flow value" : "Edit link annotation";
 			return {
 				"edit-value": {
-					group: J,
+					group: Ga,
 					title: t,
-					html: Y(R(Nr), t),
+					html: Y(J("pencil"), t),
 					action: { click: () => this.labelEditing.activateConnection(e) }
 				},
 				delete: {
-					group: ro,
+					group: qa,
 					title: "Delete connection",
-					html: Y(R(Pr), "Delete connection"),
-					action: { click: () => this.modeling.removeElements([e]) }
+					html: Y(J("trash"), "Delete connection"),
+					action: { click: this.focusingCanvas(() => this.modeling.removeElements([e])) }
 				}
 			};
 		}
 		addPrimaryEntries(e, t) {
 			if (e.wardleyType !== "drawing" && e.wardleyType !== "attitude" && (t["edit-label"] = {
-				group: J,
+				group: Ga,
 				title: "Edit label",
-				html: Y(R(Nr), "Edit label"),
+				html: Y(J("pencil"), "Edit label"),
 				action: { click: () => this.labelEditing.activate(e) }
 			}), e.wardleyType === "component" || e.wardleyType === "anchor" || e.wardleyType === "submap" || e.wardleyType === "pipeline") {
-				let n = (t) => {
+				let n = this.focusingCanvas((t) => {
 					if (this.keyboardEvents.has(t)) {
 						this.appendBelow(e);
 						return;
 					}
 					let n = this.factory.createNew("component", "Component");
 					this.create.start(t, n, { source: e });
-				};
+				});
 				t.append = {
-					group: J,
+					group: Ga,
 					title: "Append component (auto-connect)",
-					html: Y(R(Ar), "Append component", !0),
+					html: Y(J("circle-plus"), "Append component", !0),
 					action: {
 						click: n,
 						dragstart: n
 					}
 				};
-				let r = (t) => {
+				let r = this.focusingCanvas((t) => {
 					this.connect.start(t, e);
-				};
+				});
 				t.connect = {
-					group: J,
+					group: Ga,
 					title: "Connect to existing element (A)",
-					html: Y(R(jr), "Connect to existing element (A)", !0),
+					html: Y(J("arrow-right"), "Connect to existing element (A)", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -4275,17 +4271,17 @@ var co = {
 			}
 			if (e.wardleyType === "component") {
 				if (e.movement) t["evolve-clear"] = {
-					group: J,
+					group: Ga,
 					title: "Remove evolve",
-					html: Y(qr(Mr), "Remove evolve"),
-					action: { click: () => this.wardleyModeling.clearMovement(e) }
+					html: Y(J("chevrons-right-x"), "Remove evolve"),
+					action: { click: this.focusingCanvas(() => this.wardleyModeling.clearMovement(e)) }
 				};
 				else if (e.evolution < .999) {
-					let n = (t) => this.evolveDragging.start(t, e);
+					let n = this.focusingCanvas((t) => this.evolveDragging.start(t, e));
 					t.evolve = {
-						group: J,
+						group: Ga,
 						title: "Evolve: drag to set the target maturity",
-						html: Y(R(Mr), "Evolve: drag to set the target maturity", !0),
+						html: Y(J("chevrons-right"), "Evolve: drag to set the target maturity", !0),
 						action: {
 							click: n,
 							dragstart: n
@@ -4296,12 +4292,12 @@ var co = {
 		}
 		addPropertyEntries(e, t) {
 			if (e.wardleyType === "component" && (t.settings = {
-				group: no,
+				group: Ka,
 				title: "Settings (type, sourcing, inertia)",
-				html: Y(R(Fr), "Settings (type, sourcing, inertia)"),
+				html: Y(J("sliders-horizontal"), "Settings (type, sourcing, inertia)"),
 				action: { click: (t) => {
 					let n = t;
-					this.popupMenu.open(e, Ya, {
+					this.popupMenu.open(e, La, {
 						x: n.clientX,
 						y: n.clientY
 					});
@@ -4309,45 +4305,50 @@ var co = {
 			}), 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: no,
+					group: Ka,
 					title: r,
-					html: Y(R(zr), r),
-					action: { click: () => this.wardleyModeling.updateProperties(e, { strokeStyle: n }) }
+					html: Y(J("line-style"), r),
+					action: { click: this.focusingCanvas(() => this.wardleyModeling.updateProperties(e, { strokeStyle: n })) }
 				};
 			}
 			t.color = {
-				group: no,
+				group: Ka,
 				title: "Color",
-				html: Y(R(Ir), "Color"),
+				html: Y(J("palette"), "Color"),
 				action: { click: (t) => {
 					let n = t;
 					this.colorPicker.open(e, n.clientX, n.clientY);
 				} }
 			};
-			let n = this.injector.get("wardleyLinkEditing", !1), r = Ka(e);
-			if (n && Ga(e)) {
+			let n = this.injector.get("wardleyLinkEditing", !1), r = Pa(e);
+			if (n && Na(e)) {
 				let i = r ? "Edit link…" : "Set link…";
 				t.link = {
-					group: no,
+					group: Ka,
 					title: i,
-					html: Y(R(Vr), i),
+					html: Y(J("link"), i),
 					action: { click: () => n.activate(e) }
 				};
 			}
-			let i = Ba(r);
+			let i = Oa(r);
 			i && (t["open-link"] = {
-				group: no,
+				group: Ka,
 				title: `Open link (${i})`,
-				html: Y(R(Br), `Open link (${i})`),
-				action: { click: () => window.open(i, "_blank", "noopener,noreferrer") }
+				html: Y(J("external-link"), `Open link (${i})`),
+				action: { click: this.focusingCanvas(() => window.open(i, "_blank", "noopener,noreferrer")) }
 			});
 		}
+		focusingCanvas(e) {
+			return (t) => {
+				e(t), this.keyboardEvents.has(t) || L(this.canvas);
+			};
+		}
 		onPadKeydown(e, t) {
 			if (e.altKey || e.ctrlKey || e.metaKey) return;
 			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 (ao.has(e.key) ? o = i[(a - 1 + i.length) % i.length] : oo.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 (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") {
 				e.preventDefault(), e.stopPropagation(), o ? o.focus() : this.canvas.focus();
 				return;
 			}
@@ -4360,7 +4361,7 @@ var co = {
 			});
 			this.keyboardEvents.add(l), this.contextPad.triggerEntry(r, "click", l);
 			let u = document.activeElement;
-			!t.isConnected && (!u || u === document.body) && this.canvas.focus();
+			t.isConnected || u && u !== document.body || this.canvas.focus();
 		}
 		clientCenterOf(e) {
 			let t = this.canvas.getContainer().getBoundingClientRect(), n = this.canvas.viewbox(), r = {
@@ -4388,12 +4389,12 @@ var co = {
 				visibility: 0
 			}).y, n = this.factory.createNew("component", "Component"), r = {
 				x: e.x + e.width / 2,
-				y: Math.min(e.y + e.height / 2 + io, t - n.height / 2)
+				y: Math.min(e.y + e.height / 2 + Ja, 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);
 		}
 	}]
-}, lo = 2, uo = 10, fo = {
+}, $a = 2, eo = 10, to = {
 	arrowleft: {
 		x: -1,
 		y: 0
@@ -4410,7 +4411,7 @@ var co = {
 		x: 0,
 		y: 1
 	}
-}, po = {
+}, no = {
 	c: {
 		type: "component",
 		label: "Component"
@@ -4427,36 +4428,15 @@ var co = {
 		type: "pipeline",
 		label: "Pipeline"
 	}
-}, mo = 40, ho = 56, go = 160, _o = {
+}, ro = 40, io = 56, ao = 160, oo = {
 	x: 48,
 	y: 40
-}, vo = 40, yo = [
-	"input",
-	"textarea",
-	"select",
-	"[contenteditable=\"\"]",
-	"[contenteditable=\"true\"]",
-	"dialog",
-	"[role=\"dialog\"]",
-	"[aria-modal=\"true\"]",
-	"[role=\"menu\"]",
-	".wardley-color-picker"
-].join(", "), bo = /* @__PURE__ */ new Set([
-	...Object.keys(po),
-	"l",
-	"a"
-]);
-function xo(e) {
-	if (e.altKey) return !1;
-	let t = e.key.toLowerCase();
-	return e.ctrlKey || e.metaKey ? t === "z" || t === "y" : bo.has(t);
-}
-function So(e, t, n = !1) {
-	if (e.defaultPrevented) return !0;
-	let r = e.target;
-	return r instanceof globalThis.Element ? r instanceof HTMLElement && r.isContentEditable || r.closest(yo) ? !0 : r === document.body || r === document.documentElement || t.contains(r) ? !1 : n ? !0 : !(r.closest(".djs-palette") || r.closest("button, [role=\"button\"]") && xo(e)) : !1;
+}, so = 40;
+function co(e, t) {
+	let n = e.target;
+	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing && n instanceof Node && !!t?.contains(n);
 }
-var Co = class {
+var lo = class {
 	canvas;
 	selection;
 	modeling;
@@ -4487,7 +4467,7 @@ var Co = class {
 		this.canvas = e, this.selection = n, this.modeling = r, this.factory = a, this.create = o, this.mouse = s, this.elementRegistry = u;
 		let p = e.getContainer(), m = f?.undoRedo !== !1, h = d.get("dragging", !1), g = d.get("connect", !1), _ = d.get("rules", !1), v = d.get("popupMenu", !1), y = d.get("wardleyDrawTool", !1);
 		this.labelEditing = d.get("wardleyLabelEditing", !1) ?? null, this.grid = d.get("evolutionGrid", !1) ?? null, this.freeRect = d.get("wardleyFreeRect", !1) ?? null;
-		let ee = !!d.get("modelerShell", !1), te = () => this.pointerOverCanvas = !0, ne = () => this.pointerOverCanvas = !1;
+		let ee = Ot(e), te = () => this.pointerOverCanvas = !0, ne = () => this.pointerOverCanvas = !1;
 		p.addEventListener("mousemove", te), p.addEventListener("mouseleave", ne);
 		let re = !1, ie = (e) => {
 			e.key === "Escape" && (re = !!h?.context() || !!y?.isActive() || !!v?.isOpen() || !!p.querySelector(".wardley-color-picker"));
@@ -4500,7 +4480,7 @@ var Co = class {
 			}, 0));
 		}, w = (e) => {
 			x !== void 0 && e.defaultPrevented && (clearTimeout(x), x = void 0);
-		}, oe = () => F(d), T = (e, r) => {
+		}, oe = () => I(d), T = (e, r) => {
 			if (!oe() || ["a", "c"].includes(r)) {
 				if (r === "z" || r === "y") {
 					if (!m) return;
@@ -4512,9 +4492,9 @@ var Co = 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 po) {
+				else if (i && t in no) {
 					e.preventDefault();
-					let { type: n, label: r } = po[t];
+					let { type: n, label: r } = no[t];
 					this.quickCreate(n, r);
 				} else if (i && t === "a") {
 					let t = this.singleSelectedShape();
@@ -4526,11 +4506,11 @@ var Co = 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 fo) {
+				else if (t in to) {
 					let i = n.get();
 					if (!i.length) return;
 					e.preventDefault();
-					let a = e.shiftKey ? uo : lo, o = fo[t];
+					let a = e.shiftKey ? eo : $a, o = to[t];
 					r.moveElements(i, {
 						x: o.x * a,
 						y: o.y * a
@@ -4538,7 +4518,7 @@ var Co = class {
 				}
 			}
 		}, ce = (e) => {
-			if (So(e, p, ee)) return;
+			if (!co(e, ee)) return;
 			let t = e.key.toLowerCase();
 			e.ctrlKey || e.metaKey ? T(e, t) : se(e, t);
 		};
@@ -4565,10 +4545,10 @@ var Co = class {
 			evolution: 1
 		});
 		return {
-			left: e.x + mo,
-			top: e.y + mo,
-			right: t.x - mo,
-			bottom: t.y - mo
+			left: e.x + ro,
+			top: e.y + ro,
+			right: t.x - ro,
+			bottom: t.y - ro
 		};
 	}
 	visiblePlotCenter(e) {
@@ -4577,17 +4557,17 @@ var Co = class {
 			y: t.y + t.height / 2
 		};
 		return e ? {
-			x: wo(n.x, e.left, e.right),
-			y: wo(n.y, e.top, e.bottom)
+			x: uo(n.x, e.left, e.right),
+			y: uo(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) < _o.x && Math.abs(t.y + t.height / 2 - e.y) < _o.y), r = e;
-		for (let i = 0; i < vo && n(r); i++) if (r = {
+		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 = {
 			x: r.x,
-			y: r.y + ho
+			y: r.y + io
 		}, t && r.y > t.bottom && (r = {
-			x: r.x + go,
+			x: r.x + ao,
 			y: e.y
 		}, r.x > t.right)) return e;
 		return r;
@@ -4605,22 +4585,21 @@ var Co = class {
 		});
 	}
 };
-function wo(e, t, n) {
+function uo(e, t, n) {
 	return t > n ? (t + n) / 2 : Math.min(Math.max(e, t), n);
 }
-//#endregion
-//#region src/keyboard/index.ts
-var To = {
+// src/keyboard/index.ts
+var fo = {
 	__init__: ["wardleyKeyboard"],
-	wardleyKeyboard: ["type", Co]
-}, Eo = /* @__PURE__ */ new Set([
+	wardleyKeyboard: ["type", lo]
+}, po = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator",
 	"note"
-]), Do = 500, Oo = class {
+]), mo = 500, ho = class {
 	static $inject = ["injector", "eventBus"];
 	constructor(e, t) {
 		let n = e.get("connectionPreview", !1), r = e.get("wardleyLabelEditing", !1);
@@ -4645,21 +4624,21 @@ var To = {
 			"create.cleanup"
 		], (e) => {
 			n.cleanUp(e.context);
-		})), r && t.on("create.end", Do, (e) => {
+		})), r && t.on("create.end", mo, (e) => {
 			let { context: t } = e, n = t.shape;
-			t.canExecute && n && !t.wardleyPaste && (t.elements?.length ?? 1) === 1 && Eo.has(n.wardleyType) && setTimeout(() => r.activate(n), 0);
+			t.canExecute && n && !t.wardleyPaste && (t.elements?.length ?? 1) === 1 && po.has(n.wardleyType) && setTimeout(() => r.activate(n), 0);
 		});
 	}
-}, ko = {
+}, go = {
 	__depends__: [Me],
 	__init__: ["wardleyAppendBehavior"],
-	wardleyAppendBehavior: ["type", Oo]
-}, Ao = {
+	wardleyAppendBehavior: ["type", ho]
+}, _o = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -3,
 	ArrowDown: 3
-}, jo = class {
+}, vo = class {
 	canvas;
 	modeling;
 	injector;
@@ -4674,17 +4653,18 @@ var To = {
 		this.popover && !this.popover.contains(e.target) && this.close();
 	};
 	onKey = (e) => {
-		e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this.close({ restoreFocus: !0 }));
+		e.key === "Escape" && e.target instanceof Node && this.canvas.getContainer().contains(e.target) && (e.preventDefault(), e.stopPropagation(), this.close({ restoreFocus: !0 }));
 	};
 	constructor(e, t, n, r) {
 		this.canvas = e, this.modeling = n, this.injector = r, t.on([
 			"canvas.viewbox.changing",
 			"drag.init",
-			"diagram.clear"
+			"diagram.clear",
+			"diagram.destroy"
 		], () => this.close());
 	}
 	open(e, t, n) {
-		if (this.close(), F(this.injector)) return;
+		if (this.close(), I(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 = [{
@@ -4707,7 +4687,7 @@ var To = {
 		a.addEventListener("keydown", (e) => this.onGridKeydown(e, s)), r.appendChild(a);
 		let l = r.clientWidth, u = r.clientHeight, d = a.offsetWidth, f = a.offsetHeight, p = Math.max(4, Math.min(t - i.left, l - d - 4)), m = Math.max(4, Math.min(n - i.top, u - f - 4));
 		a.style.left = `${p}px`, a.style.top = `${m}px`, this.popover = a, (c ?? s[0])?.focus({ preventScroll: !0 }), setTimeout(() => {
-			document.addEventListener("click", this.onDocPointer, !0), document.addEventListener("keydown", this.onKey, !0);
+			this.popover === a && (document.addEventListener("click", this.onDocPointer, !0), document.addEventListener("keydown", this.onKey, !0));
 		}, 0);
 	}
 	isOpen() {
@@ -4719,19 +4699,18 @@ var To = {
 		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 = Ao[e.key], r = t.indexOf(document.activeElement), i;
+		let n = _o[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());
 	}
-}, Mo = {
+}, yo = {
 	__init__: ["wardleyColorPicker"],
-	wardleyColorPicker: ["type", jo]
+	wardleyColorPicker: ["type", vo]
 };
-//#endregion
-//#region src/ordering/WardleyOrderingProvider.ts
-function No(e) {
+// src/ordering/WardleyOrderingProvider.ts
+function bo(e) {
 	return j(e) && (e.wardleyType === "attitude" || e.wardleyType === "pipeline");
 }
-var Po = class extends Ne {
+var xo = class extends Ne {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
@@ -4742,18 +4721,18 @@ var Po = class extends Ne {
 			let r = e.wardleyType === "flow";
 			return {
 				parent: t,
-				index: n.filter((t) => t !== e && (No(t) || M(t) && (r || t.wardleyType !== "flow"))).length
+				index: n.filter((t) => t !== e && (bo(t) || M(t) && (r || t.wardleyType !== "flow"))).length
 			};
 		}
-		return No(e) ? {
+		return bo(e) ? {
 			parent: t,
-			index: n.filter((t) => t !== e && No(t)).length
+			index: n.filter((t) => t !== e && bo(t)).length
 		} : { parent: t };
 	}
-}, Fo = {
+}, So = {
 	__init__: ["wardleyOrderingProvider"],
-	wardleyOrderingProvider: ["type", Po]
-}, Io = 12, Lo = class {
+	wardleyOrderingProvider: ["type", xo]
+}, Co = 12, wo = "input, textarea, select, .monaco-editor", To = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -4788,7 +4767,7 @@ var Po = class extends Ne {
 		return e.closest(".wardley-container") ?? e;
 	}
 	activate() {
-		if (this.active || F(this.injector)) return;
+		if (this.active || I(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" });
@@ -4831,14 +4810,14 @@ var Po = class extends Ne {
 	}
 	onMouseDown = (e) => {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
-		e.preventDefault(), e.stopPropagation();
+		e.preventDefault(), e.stopPropagation(), L(this.canvas);
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && Ro(t, n) <= Io) {
+		if (n && this.points.length >= 3 && Eo(t, n) <= Co) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		r && Ro(t, r) <= Io ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
+		r && Eo(t, r) <= Co ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
 	};
 	onDblClick = (e) => {
 		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
@@ -4846,8 +4825,12 @@ var Po = class extends Ne {
 	onMouseMove = (e) => {
 		this.points.length && (this.cursor = this.toCanvasPoint(e), this.renderPreview());
 	};
+	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);
+	}
 	onKeyDown = (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());
+		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()));
 	};
 	renderPreview() {
 		if (this.clearPreview(), !this.points.length) return;
@@ -4886,12 +4869,14 @@ var Po = class extends Ne {
 		this.layer &&= (se(this.layer), null);
 	}
 };
-function Ro(e, t) {
+function Eo(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-//#endregion
-//#region src/draw-tool/WardleyDrawingHandles.ts
-var zo = class {
+function Do(e) {
+	return e instanceof HTMLElement && e.isContentEditable || e.editContext ? !0 : e.closest(wo) !== null;
+}
+// src/draw-tool/WardleyDrawingHandles.ts
+var Oo = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -4942,8 +4927,8 @@ var zo = class {
 		}), C(e, t), this.group = t;
 	}
 	startDrag(e, t) {
-		if (e.button !== 0 || !this.shape || F(this.injector)) return;
-		e.preventDefault(), e.stopPropagation();
+		if (e.button !== 0 || !this.shape || I(this.injector)) return;
+		e.preventDefault(), e.stopPropagation(), L(this.canvas);
 		let n = this.shape, r = this.absolutePoints(), i = (e) => {
 			r[t] = this.toCanvasPoint(e), this.renderDragPreview(r, !!n.closed);
 		}, a = (e) => {
@@ -4992,22 +4977,21 @@ var zo = class {
 		}));
 	}
 };
-//#endregion
-//#region src/draw-tool/WardleyDrawingHitProvider.ts
-function Bo(e) {
+// src/draw-tool/WardleyDrawingHitProvider.ts
+function ko(e) {
 	return j(e) && e.wardleyType === "drawing";
 }
-var Vo = class {
+var Ao = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (Bo(e.element) && e.gfx) return Ho(e.element, e.gfx), !1;
+			if (ko(e.element) && e.gfx) return jo(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (Bo(e.element) && e.gfx) return t.removeHits(e.gfx), Ho(e.element, e.gfx), !1;
+			if (ko(e.element) && e.gfx) return t.removeHits(e.gfx), jo(e.element, e.gfx), !1;
 		});
 	}
 };
-function Ho(e, t) {
+function jo(e, t) {
 	let n = e.drawingPoints ?? [], r = T(e.closed ? "polygon" : "polyline");
 	w(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
@@ -5018,18 +5002,17 @@ function Ho(e, t) {
 		"stroke-opacity": 0
 	}), C(t, r);
 }
-//#endregion
-//#region src/draw-tool/index.ts
-var Uo = {
+// src/draw-tool/index.ts
+var Mo = {
 	__init__: [
 		"wardleyDrawTool",
 		"wardleyDrawingHandles",
 		"wardleyDrawingHitProvider"
 	],
-	wardleyDrawTool: ["type", Lo],
-	wardleyDrawingHandles: ["type", zo],
-	wardleyDrawingHitProvider: ["type", Vo]
-}, Wo = 3, Go = 4, Ko = "wardley-labels-draggable", qo = "wardley-label-dragging", Jo = class {
+	wardleyDrawTool: ["type", To],
+	wardleyDrawingHandles: ["type", Oo],
+	wardleyDrawingHitProvider: ["type", Ao]
+}, No = 3, Po = 4, Fo = "wardley-labels-draggable", Io = "wardley-label-dragging", Lo = class {
 	eventBus;
 	canvas;
 	elementRegistry;
@@ -5050,7 +5033,7 @@ var Uo = {
 	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(Ko), s.addEventListener("mousedown", this.onMouseDown, !0), s.addEventListener("dblclick", this.onDoubleClick, !0), e.on("shape.remove", ({ element: e }) => {
+		this.outerContainer().classList.add(Fo), 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);
@@ -5060,12 +5043,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") || F(this.injector)) return;
+		if (e.button !== 0 || this.outerContainer().classList.contains("wardley-draw-mode") || I(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(), xn(this.canvas);
+		n instanceof HTMLElement && this.outerContainer().contains(n) && n.blur(), L(this.canvas);
 		let { shape: r, role: i, handle: a } = t, o = this.renderedOffset(r, i, a);
 		this.active = {
 			shape: r,
@@ -5087,8 +5070,8 @@ var Uo = {
 		if (!t) return;
 		let n = e.clientX - t.startClient.x, r = e.clientY - t.startClient.y;
 		if (!t.dragging) {
-			if (Math.hypot(n, r) < Wo) return;
-			t.dragging = !0, this.outerContainer().classList.add(qo);
+			if (Math.hypot(n, r) < No) return;
+			t.dragging = !0, this.outerContainer().classList.add(Io);
 		}
 		t.latest = {
 			dx: Math.round(t.startOffset.dx + n / t.zoom),
@@ -5099,7 +5082,7 @@ var Uo = {
 		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);
-		Xo(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);
+		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);
 	};
 	suppressNextClick() {
 		let e = this.canvas.getContainer(), t = (e) => e.stopPropagation();
@@ -5112,7 +5095,7 @@ var Uo = {
 		e.key === "Escape" && this.active && (e.stopPropagation(), this.cancel());
 	};
 	onDoubleClick = (e) => {
-		if (!e.altKey || F(this.injector)) return;
+		if (!e.altKey || I(this.injector)) return;
 		let t = this.labelTarget(e);
 		t && (e.stopPropagation(), e.preventDefault(), this.resetLabelOffset(t.shape, t.role));
 	};
@@ -5121,7 +5104,7 @@ var Uo = {
 	}
 	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(qo), 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(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 })));
 	}
 	preview(e, t) {
 		e.role === "name" ? e.shape.labelOffset = t : e.originalMovement && (e.shape.movement = {
@@ -5130,7 +5113,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 : ii(e.dx, e.dy);
+		return Math.abs(e.dx - t.dx) <= Po && Math.abs(e.dy - t.dy) <= Po ? void 0 : Gr(e.dx, e.dy);
 	}
 	commitNameOffset(e, t) {
 		let n = { labelOffset: t }, r = e.businessObject;
@@ -5157,17 +5140,17 @@ var Uo = {
 			dx: 0,
 			dy: 0
 		};
-		let r = Yr(e, this.grid);
+		let r = Ir(e, this.grid);
 		return t === "movement" ? r === void 0 ? {
 			dx: 0,
 			dy: 0
-		} : Yo(ti(void 0, r), ei(r), n, e) : Yo($r({
+		} : Ro(Hr(void 0, r), Vr(r), n, e) : Ro(Br({
 			...e,
 			labelOffset: void 0
-		}, r), Zr(), n, e);
+		}, r), Rr(), n, e);
 	}
 	labelTarget(e) {
-		let t = e.target?.closest?.(`.${si}`);
+		let t = e.target?.closest?.(`.${Jr}`);
 		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;
@@ -5183,31 +5166,30 @@ var Uo = {
 		return e.closest(".wardley-container") ?? e;
 	}
 };
-function Yo(e, t, n, r) {
+function Ro(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 Xo(e, t) {
+function zo(e, t) {
 	return !e || !t ? !e && !t : e.dx === t.dx && e.dy === t.dy;
 }
-//#endregion
-//#region src/label-drag/index.ts
-var Zo = {
+// src/label-drag/index.ts
+var Bo = {
 	__init__: ["wardleyLabelDragging"],
-	wardleyLabelDragging: ["type", Jo]
-}, Qo = { autoScroll: ["type", Gt] }, $o = class extends Ni {
+	wardleyLabelDragging: ["type", Lo]
+}, Vo = { autoScroll: ["type", Zt] }, Ho = class extends bi {
 	_getModules() {
 		return [
 			...super._getModules(),
 			pe,
-			nn,
+			ln,
 			Ee,
 			xe,
 			Se,
-			Qo,
+			Vo,
 			he,
 			Ce,
 			we,
@@ -5215,27 +5197,27 @@ var Zo = {
 			De,
 			Oe,
 			ke,
+			wr,
+			Oi,
 			Er,
-			Vi,
-			Or,
-			Hi,
-			ca,
-			co,
-			Pa,
-			To,
-			Mn,
-			to,
-			ko,
+			ki,
+			Xi,
+			Qa,
+			Sa,
+			fo,
+			An,
+			Ua,
+			go,
+			yo,
+			Si,
+			So,
 			Mo,
-			Fi,
-			Fo,
-			Uo,
-			Jn,
-			qt,
-			Ja,
-			Dn,
-			Zo,
-			Ot
+			Kn,
+			$t,
+			Ia,
+			Pt,
+			Bo,
+			Dt
 		];
 	}
 	commitPendingEdits() {
@@ -5254,9 +5236,8 @@ var Zo = {
 		return this.get("commandStack").canRedo();
 	}
 };
-//#endregion
-//#region src/editor-state.ts
-function es(e) {
+// src/editor-state.ts
+function Uo(e) {
 	let t;
 	try {
 		t = ae(e.exportMap());
@@ -5265,18 +5246,18 @@ function es(e) {
 	}
 	return (e) => t.get(e) ?? e;
 }
-function ts(e, t = (e) => e) {
+function Wo(e, t = (e) => e) {
 	return {
 		sourceId: t(e.source?.id ?? ""),
 		targetId: t(e.target?.id ?? ""),
 		wardleyType: e.wardleyType
 	};
 }
-function ns(e, t) {
+function Go(e, t) {
 	return e.find((e) => M(e) && e.source?.id === t.sourceId && e.target?.id === t.targetId && e.wardleyType === t.wardleyType);
 }
-function rs(e) {
-	let t = e.get("selection").get(), n = e.get("elementRegistry"), r = e.get("wardleyLabelEditing"), i = e.get("wardleyLinkEditing"), a = /* @__PURE__ */ new Map(), o = es(e), s = (e) => {
+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) => {
 		let t = o(e);
 		return a.set(t, e), t;
 	}, c, l = r.getActiveEdit(), u = i.getActiveEdit();
@@ -5284,7 +5265,7 @@ function rs(e) {
 		let e = n.get(l.elementId);
 		M(e) && (c = {
 			kind: "connection",
-			key: ts(e, s),
+			key: Wo(e, s),
 			value: l.value,
 			...l.selection ? { selection: l.selection } : {}
 		});
@@ -5296,17 +5277,18 @@ function rs(e) {
 	} : u && (c = {
 		kind: "link",
 		elementId: s(u.elementId),
-		value: u.value
+		value: u.value,
+		selection: u.selection
 	});
 	return r.cancel(), i.cancel(), {
 		shapeIds: t.filter(j).map((e) => s(e.id)),
-		connections: t.filter(M).map((e) => ts(e, s)),
+		connections: t.filter(M).map((e) => Wo(e, s)),
 		...c ? { edit: c } : {},
 		canvasIds: a
 	};
 }
-function is(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) => ns(r, {
+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, {
 		...e,
 		sourceId: i(e.sourceId),
 		targetId: i(e.targetId)
@@ -5324,35 +5306,37 @@ function is(e, t, n = {}) {
 			}), !0) : !1;
 		}
 		let t = a(u.elementId);
-		return j(t) ? (u.kind === "link" ? e.get("wardleyLinkEditing").activate(t, { value: u.value }) : d.activate(t, {
+		return j(t) ? (u.kind === "link" ? e.get("wardleyLinkEditing").activate(t, {
+			value: u.value,
+			...u.selection ? { selection: u.selection } : {}
+		}) : d.activate(t, {
 			value: u.value,
 			...u.selection ? { selection: u.selection } : {}
 		}), !0) : !1;
-	})() || xn(e.get("canvas"));
+	})() || L(e.get("canvas"));
 }
-//#endregion
-//#region src/collaborative/CollaborativeWardley.ts
-var as = "wardley", os = /* @__PURE__ */ new Set([
+// src/collaborative/CollaborativeWardley.ts
+var Jo = "wardley", Yo = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"pipeline",
 	"submap",
 	"accelerator"
 ]);
-function ss(e) {
-	return j(e) && os.has(e.wardleyType);
+function Xo(e) {
+	return j(e) && Yo.has(e.wardleyType);
 }
-function cs(e = {}) {
-	return fs(new $o({
-		...us(e),
+function Zo(e = {}) {
+	return ts(new Ho({
+		...$o(e),
 		undoRedoKeys: e.undoRedoKeys,
 		keyboard: e.keyboard
 	}), !0);
 }
-function ls(e = {}) {
-	return fs(new Ni(us(e)), !1);
+function Qo(e = {}) {
+	return ts(new bi($o(e)), !1);
 }
-function us(e) {
+function $o(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -5362,7 +5346,7 @@ function us(e) {
 		fitOnImport: e.fitOnImport
 	};
 }
-function ds(e, t) {
+function es(e, t) {
 	let n, r;
 	t.on([
 		"elements.changed",
@@ -5389,16 +5373,16 @@ function ds(e, t) {
 		canvasIdOf: (e) => i().byDocumentId.get(e) ?? e
 	};
 }
-function fs(e, t) {
-	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,
+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,
 		apiVersion: Pe,
 		editable: t
 	};
 	t && n.on("commandStack.changed", () => {
 		if (!(u > 0)) for (let e of [...l]) e();
 	});
-	let h = (e) => e.filter(ss).map((e) => s.of(e.id)), g = (e) => {
+	let h = (e) => e.filter(Xo).map((e) => s.of(e.id)), g = (e) => {
 		let t = s.of(e.id);
 		return e.wardleyLabel ? {
 			id: t,
@@ -5407,13 +5391,13 @@ function fs(e, t) {
 	}, _ = (e) => {
 		if (f) return;
 		let t = i.get(s.canvasIdOf(e));
-		return ss(t) && s.of(t.id) === e ? t : void 0;
+		return Xo(t) && s.of(t.id) === e ? t : void 0;
 	}, v = {
-		list: () => f ? [] : i.getAll().filter(ss).map(g),
+		list: () => f ? [] : i.getAll().filter(Xo).map(g),
 		reveal(e) {
 			if (f) return !1;
 			let t = i.get(s.canvasIdOf(e));
-			return ss(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+			return Xo(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 		},
 		selection: () => f ? [] : h(a.get()),
 		onSelection(e) {
@@ -5438,12 +5422,12 @@ function fs(e, t) {
 	async function ee(n) {
 		if (f) throw Error("The modeler was destroyed.");
 		u += 1;
-		let r = t && d ? rs(e) : void 0;
+		let r = t && d ? Ko(e) : void 0;
 		try {
 			let { warnings: t } = await e.importDSL(n);
-			return d = !0, r && is(e, r), { warnings: t.map((e) => e.message) };
+			return d = !0, r && qo(e, r), { warnings: t.map((e) => e.message) };
 		} catch (t) {
-			throw r && is(e, r, { importRejected: !0 }), t;
+			throw r && qo(e, r, { importRejected: !0 }), t;
 		} finally {
 			--u;
 		}
@@ -5470,13 +5454,13 @@ function fs(e, t) {
 					width: n,
 					height: i
 				};
-				return ps(a) ? a : void 0;
+				return ns(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!f && ps(e) && r.viewbox({
+			!f && ns(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -5505,16 +5489,15 @@ function fs(e, t) {
 		}
 	};
 }
-function ps(e) {
+function ns(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return ms(t) && ms(n) && ms(r) && ms(i) && r > 0 && i > 0;
+	return rs(t) && rs(n) && rs(r) && rs(i) && r > 0 && i > 0;
 }
-function ms(e) {
+function rs(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-//#endregion
-//#region src/map-menu/menu.ts
+// src/map-menu/menu.ts
 var X = {
 	png: "Export as PNG",
 	svg: "Export as SVG",
@@ -5522,7 +5505,7 @@ var X = {
 	json: "Export as JSON",
 	wmap: "Export as .wmap"
 };
-function hs(e, t, n, r) {
+function is(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -5532,11 +5515,11 @@ function hs(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function gs(e) {
-	let t = [hs("export-png", X.png, e.png, "file-image"), hs("export-svg", X.svg, e.svg, "file-code-corner")];
-	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 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 _s(e) {
+function os(e) {
 	let { mapTitle: t, shortcutsKey: n } = e;
 	return {
 		model: [
@@ -5559,7 +5542,7 @@ function _s(e) {
 				onSelect: () => e.axisLabels()
 			}
 		],
-		export: gs(e.exports),
+		export: as(e.exports),
 		help: [{
 			kind: "dialog",
 			id: "keyboard-shortcuts",
@@ -5570,17 +5553,16 @@ function _s(e) {
 		}]
 	};
 }
-//#endregion
-//#region src/map-menu/shortcuts.ts
-var vs = "←↑→↓";
-function ys(e) {
+// src/map-menu/shortcuts.ts
+var ss = "←↑→↓";
+function cs(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function bs(e, t) {
+function ls(e, t) {
 	if (e === "mac") return {
 		command: (e) => `⌘${e}`,
 		shiftCommand: (e) => `⌘⇧${e}`,
@@ -5607,7 +5589,7 @@ function bs(e, t) {
 		enter: "Enter"
 	};
 }
-function xs(e, t) {
+function us(e, t) {
 	return {
 		title: "File",
 		rows: [
@@ -5626,10 +5608,10 @@ function xs(e, t) {
 		]
 	};
 }
-function Ss(e, t = {}) {
-	let { platform: n, messages: r } = e, i = bs(n, r.keyNames);
+function ds(e, t = {}) {
+	let { platform: n, messages: r } = e, i = ls(n, r.keyNames);
 	return [
-		...t.fileKeys ? [xs(e, i.command)] : [],
+		...t.fileKeys ? [us(e, i.command)] : [],
 		{
 			title: "View",
 			rows: [
@@ -5642,7 +5624,7 @@ function Ss(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(ys(e.lang)),
+					action: r.zoomToActual(cs(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -5692,11 +5674,11 @@ function Ss(e, t = {}) {
 				},
 				{
 					action: "Move the selection",
-					keys: [vs]
+					keys: [ss]
 				},
 				{
 					action: "Move the selection further",
-					keys: [i.shift(vs)]
+					keys: [i.shift(ss)]
 				},
 				{
 					action: "Select all",
@@ -5788,40 +5770,38 @@ function Ss(e, t = {}) {
 		}
 	];
 }
-//#endregion
-//#region src/map-menu/dom.ts
+// src/map-menu/dom.ts
 /*! @miragon/wardley-renderer icon geometry: x. Lucide (lucide-static 1.59.0) @license ISC
 * 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 Cs = "<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 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>";
 function Z(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-var ws = 0;
-function Ts(e) {
-	return ws += 1, `${e}-${ws}`;
+var ps = 0;
+function ms(e) {
+	return ps += 1, `${e}-${ps}`;
 }
-//#endregion
-//#region src/map-menu/dialog.ts
+// 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 Es(e, t, n, r) {
+function hs(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 = Cs, o.addEventListener("click", r), i.append(a, o), i;
+	return o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = fs, o.addEventListener("click", r), i.append(a, o), i;
 }
-function Ds(e, t) {
+function gs(e, t) {
 	let n;
 	function r() {
-		let n = Ts(`${t.className}-title`), r = Z("dialog", `wardley-dialog ${t.className}`);
+		let n = ms(`${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(Es(e, t.title, n, i), ...t.content(i)), r.append(a);
+		a.append(hs(e, t.title, n, i), ...t.content(i)), r.append(a);
 		let o = !1;
 		return r.addEventListener("pointerdown", (e) => {
 			o = e.target === r;
@@ -5844,10 +5824,9 @@ function Ds(e, t) {
 		}
 	};
 }
-//#endregion
-//#region src/map-menu/ShortcutsDialog.ts
+// src/map-menu/ShortcutsDialog.ts
 var $ = "wardley-shortcuts";
-function Os(e, t) {
+function _s(e, t) {
 	let n = Z("section", `${$}-group`), r = Z("h4", `${$}-group-title`, e.title);
 	r.id = t;
 	let i = Z("table", `${$}-table`);
@@ -5862,29 +5841,28 @@ function Os(e, t) {
 	}
 	return n.append(r, i), n;
 }
-function ks(e, t = {}) {
-	return Ds(e, {
+function vs(e, t = {}) {
+	return gs(e, {
 		className: $,
 		title: "Keyboard shortcuts",
 		content() {
-			let n = Z("div", `wardley-dialog-body ${$}-body`), r = Ts(`${$}-group`);
-			return n.append(...Ss(e, t).map((e, t) => Os(e, `${r}-${t}`))), [n];
+			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];
 		}
 	});
 }
-//#endregion
-//#region src/map-menu/TitleDialog.ts
-function As(e) {
+// src/map-menu/TitleDialog.ts
+function ys(e) {
 	return e.exportMap().config.title ?? r;
 }
-function js(e, t) {
+function bs(e, t) {
 	let n = Z("input", "wardley-field-input");
-	n.id = Ts("wardley-title-field"), n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.maxLength = 120, n.autofocus = !0;
-	let i = Ds(e, {
+	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, {
 		className: "wardley-title-dialog",
 		title: "Map title",
 		beforeOpen() {
-			n.value = As(t);
+			n.value = ys(t);
 		},
 		afterOpen() {
 			n.select();
@@ -5900,31 +5878,30 @@ function js(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 !== As(t) && t.setTitle(a);
+				e(), a !== ys(t) && t.setTitle(a);
 			}), [i];
 		}
 	}), a = (e) => {
 		e.readOnly && i.close();
 	};
-	return t.on(Ct, a), {
+	return t.on(F, a), {
 		open: () => i.open(),
 		isOpen: () => i.isOpen(),
 		close: () => i.close(),
 		destroy() {
-			t.off(Ct, a), i.destroy();
+			t.off(F, a), i.destroy();
 		}
 	};
 }
-//#endregion
-//#region src/map-menu/popover.ts
-function Ms(e, t) {
+// src/map-menu/popover.ts
+function xs(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 = Ts(`${t.className}-title`), r = Z("div", `wardley-popover ${t.className}`);
+		let n = ms(`${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;
@@ -5949,8 +5926,8 @@ function Ms(e, t) {
 		}
 	};
 }
-function Ns(e, t) {
-	let n = Z("div", "wardley-field"), r = Ts("wardley-field"), i = Z("label", "wardley-field-label", e);
+function Ss(e, t) {
+	let n = Z("div", "wardley-field"), r = ms("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 {
@@ -5963,36 +5940,35 @@ function Ns(e, t) {
 		}
 	};
 }
-function Ps(e, t) {
+function Cs(e, t) {
 	let n = () => t.end("import"), r = (e) => {
 		e.readOnly && t.end("cancel");
 	};
-	return e.on("import.done", n), e.on(Ct, r), {
+	return e.on("import.done", n), e.on(F, r), {
 		open: () => t.open(),
 		isOpen: () => t.isOpen(),
 		close: () => t.close(),
 		destroy() {
-			e.off("import.done", n), e.off(Ct, r), t.destroy();
+			e.off("import.done", n), e.off(F, r), t.destroy();
 		}
 	};
 }
-//#endregion
-//#region src/map-menu/MapSizePopover.ts
-var Fs = "custom";
-function Is(e, t) {
+// src/map-menu/MapSizePopover.ts
+var ws = "custom";
+function Ts(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 Ls(e, t) {
+function Es(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 = Fs, n.append(r);
-	let i = Is(f.width, u.width), a = Is(f.height, u.height), o = Q("Reset to default", "ghost"), s = Ns("Size", n), l = Ns("Width", i), d = Ns("Height", a), p, m, h = (e) => {
-		n.value = e.presetId ?? Fs, i.value = String(e.width), a.value = String(e.height), o.disabled = !e.isExplicit, l.clearError(), d.clearError();
+	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();
 	}, g = (e) => {
 		m = { size: e }, (e ? t.setMapSize(e.width, e.height, { transient: !0 }) : t.resetMapSize({ transient: !0 })).then(() => h(t.getMapSize()));
 	}, _ = (e, n) => {
@@ -6009,7 +5985,7 @@ function Ls(e, t) {
 			[n]: i
 		});
 	};
-	return Ps(t, Ms(e, {
+	return Cs(t, xs(e, {
 		className: "wardley-map-size",
 		title: "Map size",
 		build(e, t, r) {
@@ -6034,31 +6010,30 @@ function Ls(e, t) {
 		closed(e) {
 			let n = m;
 			if (m = void 0, !n || e === "import") return;
-			let r = e === "done" ? n.size : Rs(p);
+			let r = e === "done" ? n.size : Ds(p);
 			r ? t.setMapSize(r.width, r.height) : t.resetMapSize();
 		}
 	}));
 }
-function Rs(e) {
+function Ds(e) {
 	return e?.isExplicit ? {
 		width: e.width,
 		height: e.height
 	} : void 0;
 }
-//#endregion
-//#region src/map-menu/AxisLabelsPopover.ts
-var zs = "custom";
-function Bs(e) {
-	return o.find((t) => t.labels.every((t, n) => t === e[n]))?.id ?? zs;
+// 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;
 }
-function Vs(e, t) {
+function As(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 = zs, r.append(i);
+	i.value = Os, r.append(i);
 	let a = [
 		1,
 		2,
@@ -6068,18 +6043,18 @@ function Vs(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 = Bs(e);
+		a.forEach((t, n) => t.value = e[n] ?? ""), r.value = ks(e);
 	}, u = () => h(a.map((e) => e.value)), d = () => {
 		c = !0;
 		let e = u();
-		t.setEvolutionLabels(e, { transient: !0 }), r.value = Bs(e ?? n);
+		t.setEvolutionLabels(e, { transient: !0 }), r.value = ks(e ?? n);
 	};
-	return Ps(t, Ms(e, {
+	return Cs(t, xs(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(Ns("Preset", r).wrapper, s), a.forEach((t, n) => e.append(Ns(`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(Ss("Preset", r).wrapper, s), a.forEach((t, n) => e.append(Ss(`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);
@@ -6100,13 +6075,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 = kr, nc = Nr, rc = Pr;
-function ic(e, t) {
-	return R(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);
 }
-//#endregion
-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 };
+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 };
 
 //# sourceMappingURL=index.js.map