@miragon/wardley-renderer 0.15.0 → 0.16.1

package/dist/index.js

@@ -56,12 +56,12 @@ var O = {
 	marginTop: 38,
 	marginRight: 44,
 	marginBottom: 58
-}, Fe = 7.5;
-function Ie(e) {
+}, Fe = "wardley-link-badge", Ie = 7.5;
+function Le(e) {
 	let t = (e && e.length ? e : "note").split("\n"), n = Math.max(1, ...t.map((e) => e.length));
 	return {
 		lines: t,
-		width: Math.max(34, Math.round(n * Fe) + 16),
+		width: Math.max(34, Math.round(n * Ie) + 16),
 		height: Math.max(34, t.length * 17 + 12)
 	};
 }
@@ -93,7 +93,7 @@ var A = {
 	plotBackground: O.weiss,
 	accelerator: A.success,
 	deaccelerator: A.danger
-}, Le = [
+}, Re = [
 	{
 		id: "green",
 		name: "Green · good",
@@ -134,7 +134,7 @@ var A = {
 		name: "Slate · neutral",
 		value: "#4A4A4A"
 	}
-], Re = {
+], ze = {
 	pioneers: {
 		fill: "rgba(51,93,229,0.07)",
 		stroke: O.blau
@@ -147,7 +147,7 @@ var A = {
 		fill: "rgba(0,230,118,0.10)",
 		stroke: A.success
 	}
-}, ze = {
+}, Be = {
 	pioneers: "Pioneers",
 	settlers: "Settlers",
 	townplanners: "Town Planners"
@@ -158,11 +158,11 @@ var A = {
 	stage: 12
 };
 // src/io/saveSvg.ts
-function Be(e, t) {
+function Ve(e, t) {
 	let n = e.getContainer().querySelector(":scope > svg");
 	if (!n) throw Error("No SVG found in the canvas container.");
 	let r = n.cloneNode(!0);
-	r.querySelectorAll(".layer-wardley-map-resize").forEach((e) => e.remove()), r.querySelectorAll(".layer-wardley-drawing-handles").forEach((e) => e.remove()), r.querySelectorAll(".djs-outline, .layer-selectionOutline > *, .layer-resizers > *").forEach((e) => e.remove()), r.querySelectorAll(".selected, .hover").forEach((e) => {
+	r.querySelectorAll(".layer-wardley-map-resize").forEach((e) => e.remove()), r.querySelectorAll(".layer-wardley-drawing-handles").forEach((e) => e.remove()), r.querySelectorAll(`.${Fe}`).forEach((e) => e.remove()), r.querySelectorAll(".djs-outline, .layer-selectionOutline > *, .layer-resizers > *").forEach((e) => e.remove()), r.querySelectorAll(".selected, .hover").forEach((e) => {
 		e.classList.remove("selected", "hover"), e.classList.length || e.removeAttribute("class");
 	});
 	let i = t ?? {
@@ -182,19 +182,19 @@ function Be(e, t) {
 	return a && a.removeAttribute("transform"), { svg: "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" + new XMLSerializer().serializeToString(r) };
 }
 // src/io/exportBounds.ts
-var Ve = "wardley-axes", He = 4;
-function Ue(e, t, n = 12) {
-	let r = [t.outerBounds()], i = Ge(e);
+var He = "wardley-axes", Ue = 4;
+function We(e, t, n = 12) {
+	let r = [t.outerBounds()], i = Ke(e);
 	i && r.push({
 		x: i.x - n,
 		y: i.y - n,
 		width: i.width + 2 * n,
 		height: i.height + 2 * n
 	});
-	let a = We(e);
+	let a = Ge(e);
 	a && r.push({
-		x: a.x - He,
-		y: a.y - He,
+		x: a.x - Ue,
+		y: a.y - Ue,
 		width: a.width + 8,
 		height: a.height + 8
 	});
@@ -206,9 +206,9 @@ function Ue(e, t, n = 12) {
 		height: l - s
 	};
 }
-function We(e) {
+function Ge(e) {
 	try {
-		let t = e.getContainer().querySelector(`.viewport > .layer-${Ve}`);
+		let t = e.getContainer().querySelector(`.viewport > .layer-${He}`);
 		if (!t) return;
 		let { x: n, y: r, width: i, height: a } = t.getBBox();
 		return i === 0 && a === 0 ? void 0 : {
@@ -221,7 +221,7 @@ function We(e) {
 		return;
 	}
 }
-function Ge(e) {
+function Ke(e) {
 	let t = e.getActiveLayer();
 	if (t) try {
 		let e = t.getCTM();
@@ -257,15 +257,15 @@ function Ge(e) {
 	}
 }
 // src/io/types.ts
-var Ke = "wardley-root", qe = {
+var qe = "wardley-root", Je = {
 	top: 0,
 	right: 0,
 	bottom: 0,
 	left: 0
 };
-function Je(e, t, n = qe) {
+function Ye(e, t, n = Je) {
 	if (!(t.width > 0 && t.height > 0) || !(e.width > 0 && e.height > 0)) return;
-	let r = Ye(t.width, n.left, n.right), i = Ye(t.height, n.top, n.bottom), a = Math.min(1, r.extent / e.width, i.extent / e.height), o = {
+	let r = Xe(t.width, n.left, n.right), i = Xe(t.height, n.top, n.bottom), a = Math.min(1, r.extent / e.width, i.extent / e.height), o = {
 		x: e.x + e.width / 2 - (r.start + r.extent / 2) / a,
 		y: e.y + e.height / 2 - (i.start + i.extent / 2) / a,
 		width: t.width / a,
@@ -273,7 +273,7 @@ function Je(e, t, n = qe) {
 	};
 	return Object.values(o).every(Number.isFinite) ? o : void 0;
 }
-function Ye(e, t, n) {
+function Xe(e, t, n) {
 	let r = e - t - n;
 	return r > 0 ? {
 		start: t,
@@ -284,7 +284,7 @@ function Ye(e, t, n) {
 	};
 }
 // src/io/WardleyImporter.ts
-var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
+var Ze = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Qe = {
 	attitude: 0,
 	pipeline: 1,
 	note: 2,
@@ -293,7 +293,7 @@ var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 	annotation: 5,
 	submap: 3,
 	accelerator: 3
-}, Qe = class {
+}, $e = class {
 	canvas;
 	elementFactory;
 	factory;
@@ -328,8 +328,8 @@ var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 			r = void 0;
 		}
 		let i;
-		r && r.id === "wardley-root" ? i = r : (i = this.elementFactory.createRoot({ id: Ke }), this.canvas.setRootElement(i)), i.businessObject = n, this.grid.render();
-		let a = /* @__PURE__ */ new Map(), o = [...e.elements].sort((e, t) => (Ze[e.elementType] ?? 9) - (Ze[t.elementType] ?? 9)), s = o.filter((e) => Xe.has(e.elementType)), c = o.filter((e) => !Xe.has(e.elementType)), l = 0;
+		r && r.id === "wardley-root" ? i = r : (i = this.elementFactory.createRoot({ id: qe }), this.canvas.setRootElement(i)), i.businessObject = n, this.grid.render();
+		let a = /* @__PURE__ */ new Map(), o = [...e.elements].sort((e, t) => (Qe[e.elementType] ?? 9) - (Qe[t.elementType] ?? 9)), s = o.filter((e) => Ze.has(e.elementType)), c = o.filter((e) => !Ze.has(e.elementType)), l = 0;
 		for (let e of s) {
 			let t = this.createShape(e);
 			t && (this.canvas.addShape(t, i), a.set(e.id, t), l++);
@@ -363,7 +363,7 @@ var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 	}
 	fitPlot() {
 		let e = this.grid.outerBounds(), t = this.freeRect?.insets();
-		this.canvas.viewbox(Je(e, this.canvas.getSize(), t) ?? e);
+		this.canvas.viewbox(Ye(e, this.canvas.getSize(), t) ?? e);
 	}
 	createShape(e) {
 		return this.factory.createFromModel(e);
@@ -379,15 +379,15 @@ var Xe = /* @__PURE__ */ new Set(["attitude", "pipeline"]), Ze = {
 	}
 };
 // src/model/di-types.ts
-function $e(e) {
+function et(e) {
 	return typeof e == "object" && !!e;
 }
 function N(e) {
-	return $e(e) && typeof e.wardleyType == "string" && "evolution" in e;
+	return et(e) && typeof e.wardleyType == "string" && "evolution" in e;
 }
-var et = /* @__PURE__ */ new Set(["dependency", "flow"]);
+var tt = /* @__PURE__ */ new Set(["dependency", "flow"]);
 function P(e) {
-	return $e(e) && et.has(e.wardleyType);
+	return et(e) && tt.has(e.wardleyType);
 }
 function F(e) {
 	return N(e) && e.wardleyType === "component";
@@ -395,16 +395,16 @@ function F(e) {
 function I(e) {
 	return N(e) && e.wardleyType === "pipeline";
 }
-function tt(e) {
+function nt(e) {
 	return N(e) && e.wardleyType === "attitude";
 }
 // src/io/WardleyExporter.ts
-function nt(e) {
+function rt(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var rt = class {
+var it = class {
 	elementRegistry;
 	canvas;
 	grid;
@@ -471,7 +471,7 @@ var rt = class {
 			evolution: e.evolution
 		}, r = e.businessObject, { movement: i, labelOffset: a } = t ?? e;
 		switch (e.wardleyType) {
-			case "component": return nt({
+			case "component": return rt({
 				id: e.id,
 				elementType: "component",
 				label: e.wardleyLabel,
@@ -483,7 +483,7 @@ var rt = class {
 				url: r?.url,
 				color: e.color
 			});
-			case "anchor": return nt({
+			case "anchor": return rt({
 				id: e.id,
 				elementType: "anchor",
 				label: e.wardleyLabel,
@@ -491,7 +491,7 @@ var rt = class {
 				labelOffset: a ?? r?.labelOffset,
 				color: e.color
 			});
-			case "note": return nt({
+			case "note": return rt({
 				id: e.id,
 				elementType: "note",
 				label: e.wardleyLabel,
@@ -542,7 +542,7 @@ var rt = class {
 					...e.color ? { color: e.color } : {}
 				};
 			}
-			case "submap": return nt({
+			case "submap": return rt({
 				id: e.id,
 				elementType: "submap",
 				label: e.wardleyLabel,
@@ -572,7 +572,7 @@ var rt = class {
 			} : void 0;
 		}
 	}
-}, it = class {
+}, at = class {
 	static $inject = ["eventBus"];
 	elementIndex = /* @__PURE__ */ new Map();
 	edgeIndex = /* @__PURE__ */ new Map();
@@ -586,13 +586,13 @@ var rt = class {
 		this.elementIndex = new Map(e.elements.map((e, t) => [e.id, t])), this.edgeIndex = new Map(e.edges.map((e, t) => [e.id, t]));
 	}
 	sortElements(e) {
-		return at(e, this.elementIndex);
+		return ot(e, this.elementIndex);
 	}
 	sortEdges(e) {
-		return at(e, this.edgeIndex);
+		return ot(e, this.edgeIndex);
 	}
 };
-function at(e, t) {
+function ot(e, t) {
 	let n = (e) => t.get(e.id) ?? Infinity;
 	return [...e].sort((e, t) => {
 		let r = n(e), i = n(t);
@@ -600,21 +600,21 @@ function at(e, t) {
 	});
 }
 // src/io/blobToBase64.ts
-function ot(e) {
+function st(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(String(r.result).split(",")[1] ?? ""), r.onerror = () => n(/* @__PURE__ */ Error("Could not read the export blob.")), r.readAsDataURL(e);
 	});
 }
 // src/io/index.ts
-var st = {
+var ct = {
 	__init__: ["wardleySourceOrder"],
-	wardleySourceOrder: ["type", it],
-	wardleyImporter: ["type", Qe],
-	wardleyExporter: ["type", rt]
+	wardleySourceOrder: ["type", at],
+	wardleyImporter: ["type", $e],
+	wardleyExporter: ["type", it]
 };
 // src/map-resize/MapProjection.ts
-function ct(e, t) {
+function lt(e, t) {
 	let { size: n, ...r } = e;
 	return t ? {
 		...r,
@@ -624,13 +624,13 @@ function ct(e, t) {
 		}
 	} : r;
 }
-function lt(e) {
-	return e.getRootElements().find((e) => e.id === Ke);
-}
 function ut(e) {
+	return e.getRootElements().find((e) => e.id === qe);
+}
+function dt(e) {
 	return re(e, "size");
 }
-var dt = class {
+var ft = class {
 	canvas;
 	elementRegistry;
 	grid;
@@ -653,7 +653,7 @@ var dt = class {
 		this.canvas = e, this.elementRegistry = t, this.grid = n, this.factory = r, this.exporter = i, this.layouter = a, this.eventBus = o, this.livePreview = s;
 	}
 	root() {
-		let e = lt(this.canvas);
+		let e = ut(this.canvas);
 		return e?.businessObject ? e : void 0;
 	}
 	captureModel() {
@@ -668,7 +668,7 @@ var dt = class {
 			let t = this.elementRegistry.get(e.id);
 			if (!N(t)) continue;
 			let n = this.factory.createFromModel(e);
-			n && (ft(t, n), i.push(t));
+			n && (pt(t, n), i.push(t));
 		}
 		return i.push(...this.layoutConnections()), this.fireConfigChanged(e.config, n.transient === !0), i;
 	}
@@ -699,7 +699,7 @@ var dt = class {
 		let i = [];
 		for (let [t, n] of e.shapes) {
 			let e = this.elementRegistry.get(t);
-			N(e) && (ft(e, n), i.push(e));
+			N(e) && (pt(e, n), i.push(e));
 		}
 		for (let [t, n] of e.waypoints) {
 			let e = this.elementRegistry.get(t);
@@ -711,7 +711,7 @@ var dt = class {
 		let t = this.root()?.businessObject;
 		return t && {
 			...t,
-			config: ct(t.config, e)
+			config: lt(t.config, e)
 		};
 	}
 	fireConfigChanged(e, t) {
@@ -729,7 +729,7 @@ var dt = class {
 		return e;
 	}
 };
-function ft(e, t) {
+function pt(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 })));
 }
 // src/live-preview/LivePreview.ts
@@ -737,7 +737,7 @@ var L = [
 	"commandStack.preExecute",
 	"commandStack.execute",
 	"commandStack.revert"
-], pt = 1e4, mt = { wardleyLivePreview: ["type", class {
+], mt = 1e4, ht = { wardleyLivePreview: ["type", class {
 	eventBus;
 	exporter;
 	static $inject = ["eventBus", "wardleyExporter"];
@@ -786,7 +786,7 @@ var L = [
 			config: t
 		};
 	}
-}] }, R = "wardley.readOnly.changed", ht = "wardley-read-only", gt = 5e3, _t = [
+}] }, gt = "wardley.readOnly.changed", _t = "wardley-read-only", vt = 5e3, yt = [
 	"elements.move",
 	"shape.move",
 	"shape.create",
@@ -801,7 +801,7 @@ var L = [
 	"connection.reconnectEnd",
 	"connection.updateWaypoints",
 	"elements.delete"
-], vt = class extends se {
+], bt = class extends se {
 	bus;
 	canvas;
 	injector;
@@ -817,7 +817,7 @@ var L = [
 		super(e), this.bus = e, this.canvas = t, this.injector = n, e.on("diagram.destroy", () => this.stopShowTimer());
 	}
 	init() {
-		this.addRule(_t, gt, () => !this.locked && void 0);
+		this.addRule(yt, vt, () => !this.locked && void 0);
 	}
 	isReadOnly() {
 		return this.locked;
@@ -828,11 +828,11 @@ var L = [
 	setReadOnly(e, t) {
 		if (!e) {
 			if (this.stopShowTimer(), !this.locked) return;
-			this.locked = !1, this.shown = !1, this.outerContainer().classList.remove(ht), this.announce();
+			this.locked = !1, this.shown = !1, this.outerContainer().classList.remove(_t), this.announce();
 			return;
 		}
 		let n = !this.locked;
-		n && (this.locked = !0, this.outerContainer().classList.add(ht), this.endInteractions());
+		n && (this.locked = !0, this.outerContainer().classList.add(_t), this.endInteractions());
 		let r = t?.delayMs ?? 0, i = this.shown || this.showTimer !== void 0;
 		!i && r > 0 && (this.showTimer = setTimeout(() => {
 			this.showTimer = void 0, this.shown = !0, this.announce();
@@ -841,7 +841,7 @@ var L = [
 		a && (this.shown = !0), (n || a) && this.announce();
 	}
 	announce() {
-		this.bus.fire(R, {
+		this.bus.fire(gt, {
 			readOnly: this.locked,
 			shown: this.shown
 		});
@@ -866,104 +866,104 @@ var L = [
 		let e = this.canvas.getContainer();
 		return e.closest(".wardley-container") ?? e;
 	}
-}, yt = {
+}, xt = {
 	__init__: ["wardleyReadOnly"],
-	wardleyReadOnly: ["type", vt]
+	wardleyReadOnly: ["type", bt]
 };
-function z(e) {
+function R(e) {
 	return e.get("wardleyReadOnly", !1)?.isReadOnly() === !0;
 }
-function bt(e) {
+function St(e) {
 	return e.get("wardleyReadOnly", !1)?.isReadOnlyShown() === !0;
 }
 // src/a11y/canvasFocus.ts
-function xt(e) {
+function Ct(e) {
 	return e._svg ?? e.getContainer().querySelector(":scope > svg");
 }
-function St(e, t) {
+function wt(e, t) {
 	let n = e.target;
-	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing && n instanceof Node && !!t?.contains(n) && !Tt(n) && Dt(t);
+	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing && n instanceof Node && !!t?.contains(n) && !Dt(n) && kt(t);
 }
-function B(e) {
+function z(e) {
 	let t = e.target;
-	return t instanceof Node && (Tt(t) || !Dt(t));
+	return t instanceof Node && (Dt(t) || !kt(t));
 }
-var Ct = /* @__PURE__ */ new WeakSet();
-function wt(e) {
-	if (Ct.has(e)) return;
-	Ct.add(e);
+var Tt = /* @__PURE__ */ new WeakSet();
+function Et(e) {
+	if (Tt.has(e)) return;
+	Tt.add(e);
 	let t = e.trigger.bind(e);
-	e.trigger = (e, n, r) => B(e) ? void 0 : t(e, n, r);
+	e.trigger = (e, n, r) => z(e) ? void 0 : t(e, n, r);
 }
-function Tt(e) {
+function Dt(e) {
 	return !!(e instanceof Element ? e : e.parentElement)?.closest("[inert]");
 }
-function Et(e, t) {
-	return St(e, xt(t));
+function Ot(e, t) {
+	return wt(e, Ct(t));
 }
-function Dt(e) {
+function kt(e) {
 	return !(e instanceof Element) || typeof e.checkVisibility != "function" || e.checkVisibility({ visibilityProperty: !0 });
 }
-function V(e) {
-	let t = xt(e);
+function B(e) {
+	let t = Ct(e);
 	t ? t.focus({
 		preventScroll: !0,
 		focusVisible: !1
 	}) : e.focus();
 }
-var Ot = "pointer", kt = !1;
-function At() {
-	kt || typeof document > "u" || (kt = !0, document.addEventListener("pointerdown", () => Ot = "pointer", !0), document.addEventListener("mousedown", () => Ot = "pointer", !0), document.addEventListener("keydown", (e) => {
-		e.target instanceof HTMLElement && e.target.closest("input, textarea") || (Ot = "keyboard");
+var At = "pointer", jt = !1;
+function Mt() {
+	jt || typeof document > "u" || (jt = !0, document.addEventListener("pointerdown", () => At = "pointer", !0), document.addEventListener("mousedown", () => At = "pointer", !0), document.addEventListener("keydown", (e) => {
+		e.target instanceof HTMLElement && e.target.closest("input, textarea") || (At = "keyboard");
 	}, !0));
 }
-function jt() {
-	return Ot === "pointer";
+function Nt() {
+	return At === "pointer";
 }
 // src/a11y/describeCanvas.ts
-function Mt(e) {
-	let t = xt(e);
+function Pt(e) {
+	let t = Ct(e);
 	t && (t.setAttribute("role", "application"), t.setAttribute("aria-roledescription", "Wardley map"), t.setAttribute("aria-label", "Map canvas"));
 }
-Mt.$inject = ["canvas"];
+Pt.$inject = ["canvas"];
 // src/a11y/index.ts
-var Nt = { __init__: [Mt] }, Pt = "wardley.mapResize", Ft = "wardley-map-resize", It = -.5, Lt = 10, Rt = 12, zt = 8, Bt = 16, Vt = 10, Ht = 16, Ut = {
+var Ft = { __init__: [Pt] }, It = "wardley.mapResize", Lt = "wardley-map-resize", Rt = -.5, zt = 10, Bt = 12, Vt = 8, Ht = 16, Ut = 10, Wt = 16, Gt = {
 	x: "ew-resize",
 	y: "ns-resize",
 	xy: "nwse-resize"
 };
-function Wt(e, t) {
+function Kt(e, t) {
 	return Math.round(e / t) * t;
 }
-function Gt(e, t, n) {
+function qt(e, t, n) {
 	return e < t ? t : e > n ? n : e;
 }
-function Kt(e) {
+function Jt(e) {
 	return e.setAttribute("fill", "none"), e.setAttribute("stroke", "none"), e.setAttribute("opacity", "0"), e;
 }
-function qt(e, t, n, r, i = {
+function Yt(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 : Lt;
+	let a = t === "y" ? e.width : e.width + n, o = t === "x" ? e.height : e.height + r, s = i.disableSnapping ? 1 : zt;
 	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 = Gt(Wt(a, s), p.width, d.width), o = a / n) : (o = Gt(Wt(o, s), p.height, d.height), a = o * n), v(a, o);
+		return t === "x" || t === "xy" && Math.abs(a - e.width) / e.width >= Math.abs(o - e.height) / e.height ? (a = qt(Kt(a, s), p.width, d.width), o = a / n) : (o = qt(Kt(o, s), p.height, d.height), a = o * n), v(a, o);
 	}
 	if (!i.disableSnapping) {
-		let e = l.find((e) => Math.abs(a - e.width) <= Rt && Math.abs(o - e.height) <= Rt);
+		let e = l.find((e) => Math.abs(a - e.width) <= Bt && Math.abs(o - e.height) <= Bt);
 		if (e) return {
 			width: e.width,
 			height: e.height
 		};
 	}
-	return v(t === "y" ? a : Wt(a, s), t === "x" ? o : Wt(o, s));
+	return v(t === "y" ? a : Kt(a, s), t === "x" ? o : Kt(o, s));
 }
-function Jt(e) {
+function Xt(e) {
 	let t = l.find((t) => t.width === e.width && t.height === e.height);
 	return `${e.width} × ${e.height}${t ? ` · ${t.name}` : ""}`;
 }
-var Yt = class {
+var Zt = class {
 	canvas;
 	grid;
 	dragging;
@@ -984,16 +984,16 @@ var Yt = 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 = D("g", { class: "wardley-map-resize" }), T(t.getLayer(Ft, It), this.layer), this.handles = {
+		this.canvas = t, this.grid = n, this.dragging = r, this.projection = i, this.modeling = a, this.injector = o, this.layer = D("g", { class: "wardley-map-resize" }), T(t.getLayer(Lt, Rt), 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(), !z(this.injector) && this.modeling.resizeMap(void 0);
+			e.stopPropagation(), e.preventDefault(), !R(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(`${Pt}.start`, (e) => this.onStart(e)), e.on(`${Pt}.move`, (e) => this.onMove(e)), e.on(`${Pt}.end`, (e) => this.onEnd(e)), e.on(`${Pt}.cleanup`, (e) => this.onCleanup(e)), e.on(L, pt, () => this.cancelPreviewingDrag()), this.render();
+		}), e.on(`${It}.start`, (e) => this.onStart(e)), e.on(`${It}.move`, (e) => this.onMove(e)), e.on(`${It}.end`, (e) => this.onEnd(e)), e.on(`${It}.cleanup`, (e) => this.onCleanup(e)), e.on(L, mt, () => this.cancelPreviewingDrag()), this.render();
 	}
 	cancelPreviewingDrag() {
 		let e = this.dragging.context();
@@ -1002,13 +1002,13 @@ var Yt = class {
 		t?.snapshot && !t.committed && this.dragging.cancel(!0);
 	}
 	start(e, t) {
-		if (z(this.injector)) return;
+		if (R(this.injector)) return;
 		let n = {
 			axis: t,
 			startSize: this.grid.getPlotSize()
 		};
-		this.dragging.init(e, Pt, {
-			cursor: Ut[t],
+		this.dragging.init(e, It, {
+			cursor: Gt[t],
 			keepSelection: !0,
 			data: { context: n }
 		});
@@ -1017,9 +1017,9 @@ var Yt = class {
 		let t = D("g", {
 			class: `wardley-map-resize-handle wardley-map-resize-${e}`,
 			"data-axis": e
-		}), n = Kt(D(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = Kt(D("rect", { class: "wardley-map-resize-hit" }));
+		}), n = Jt(D(e === "xy" ? "rect" : "line", { class: "wardley-map-resize-visual" })), r = Jt(D("rect", { class: "wardley-map-resize-hit" }));
 		return T(t, n), T(t, r), T(this.layer, t), t.addEventListener("mousedown", (t) => {
-			t.button !== 0 || this.dragging.context() || (t.stopPropagation(), t.preventDefault(), V(this.canvas), this.start(t, e));
+			t.button !== 0 || this.dragging.context() || (t.stopPropagation(), t.preventDefault(), B(this.canvas), this.start(t, e));
 		}), {
 			group: t,
 			hit: r,
@@ -1029,7 +1029,7 @@ var Yt = class {
 	render() {
 		let e = this.projection.root() !== void 0;
 		if (E(this.layer, { display: e ? "inline" : "none" }), !e) return;
-		let { width: t, height: n } = this.grid.getPlotSize(), r = k.marginLeft, i = k.marginTop, a = r + t, o = i + n, s = 1 / this.currentScale(), c = zt * s, l = c / 2, u = Bt * s, d = u / 2, f = Vt * s;
+		let { width: t, height: n } = this.grid.getPlotSize(), r = k.marginLeft, i = k.marginTop, a = r + t, o = i + n, s = 1 / this.currentScale(), c = Vt * s, l = c / 2, u = Ht * s, d = u / 2, f = Ut * s;
 		E(this.handles.x.hit, {
 			x: a - l,
 			y: i,
@@ -1077,7 +1077,7 @@ var Yt = class {
 	onMove(e) {
 		let t = e.context;
 		if (!t.snapshot || !t.model) return;
-		let n = qt(t.startSize, t.axis, e.dx, e.dy, {
+		let n = Yt(t.startSize, t.axis, e.dx, e.dy, {
 			keepAspectRatio: e.originalEvent?.shiftKey === !0,
 			disableSnapping: e.originalEvent?.altKey === !0
 		});
@@ -1099,15 +1099,15 @@ var Yt = 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 = Jt(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 = Xt(e), this.badge.hidden = !1, t) {
 			let e = n.getBoundingClientRect();
-			this.badge.style.left = `${t.clientX - e.left + Ht}px`, this.badge.style.top = `${t.clientY - e.top + Ht}px`;
+			this.badge.style.left = `${t.clientX - e.left + Wt}px`, this.badge.style.top = `${t.clientY - e.top + Wt}px`;
 		}
 	}
 	hideBadge() {
 		this.badge && (this.badge.hidden = !0);
 	}
-}, Xt = class extends ce {
+}, Qt = class extends ce {
 	injector;
 	static $inject = [
 		"config.autoScroll",
@@ -1121,17 +1121,17 @@ var Yt = class {
 	startScroll(e) {
 		this.injector.get("dragging", !1)?.context()?.prefix === "wardley.mapResize" ? this.stopScroll() : super.startScroll(e);
 	}
-}, Zt = {
-	__depends__: [mt],
-	wardleyMapProjection: ["type", dt]
-}, Qt = {
-	__depends__: [ie, Zt],
+}, $t = {
+	__depends__: [ht],
+	wardleyMapProjection: ["type", ft]
+}, en = {
+	__depends__: [ie, $t],
 	__init__: ["mapResizeHandles"],
-	mapResizeHandles: ["type", Yt]
+	mapResizeHandles: ["type", Zt]
 };
 // src/modeling/cmd/UpdateConfigHandler.ts
-function $t(e, t, n, r, i = {}) {
-	let a = lt(e);
+function tn(e, t, n, r, i = {}) {
+	let a = ut(e);
 	if (!a?.businessObject) return {};
 	let o = {}, s = { ...a.businessObject.config };
 	for (let [e, t] of Object.entries(r)) e !== "size" && (o[e] = s[e], t === void 0 ? delete s[e] : s[e] = t);
@@ -1144,7 +1144,7 @@ function $t(e, t, n, r, i = {}) {
 		...i.transient ? { transient: !0 } : {}
 	}), o;
 }
-var en = class {
+var nn = class {
 	canvas;
 	grid;
 	eventBus;
@@ -1163,16 +1163,16 @@ var en = class {
 		return e.oldProperties && this.apply(e.oldProperties), [];
 	}
 	apply(e) {
-		return $t(this.canvas, this.grid, this.eventBus, e);
+		return tn(this.canvas, this.grid, this.eventBus, e);
 	}
-}, tn = "wardley.interaction.changed", nn = /* @__PURE__ */ new Set(["lasso.selection"]), H = 1e5, rn = [
+}, rn = "wardley.interaction.changed", an = /* @__PURE__ */ new Set(["lasso.selection"]), V = 1e5, on = [
 	"drag.init",
 	"drag.start",
 	"drag.end",
 	"drag.cancel",
 	"drag.cleanup",
 	...L
-], an = class {
+], sn = class {
 	eventBus;
 	static $inject = ["eventBus", "injector"];
 	gesture = null;
@@ -1184,7 +1184,7 @@ var en = class {
 	constructor(e, t) {
 		this.eventBus = e;
 		let n = t.get("dragging", !1);
-		n && this.followDragging(n), e.on(L, H, () => this.handlerRuns()), e.on(rn, H, () => this.noteHandlerGoesOn()), e.on("diagram.destroy", () => {
+		n && this.followDragging(n), e.on(L, V, () => this.handlerRuns()), e.on(on, V, () => this.noteHandlerGoesOn()), e.on("diagram.destroy", () => {
 			clearTimeout(this.settling), this.settling = void 0, this.settled();
 		});
 	}
@@ -1217,10 +1217,10 @@ var en = class {
 	}
 	followDragging(e) {
 		let t = () => e.context(), n = null, r = null;
-		this.eventBus.on("drag.start", H, () => this.handlerRuns()), this.eventBus.on("drag.move", H, () => {
+		this.eventBus.on("drag.start", V, () => this.handlerRuns()), this.eventBus.on("drag.move", V, () => {
 			let e = t();
-			e && e !== this.gesture && !nn.has(e.prefix) && this.begin(e);
-		}), this.eventBus.on("drag.end", H, () => {
+			e && e !== this.gesture && !an.has(e.prefix) && this.begin(e);
+		}), this.eventBus.on("drag.end", V, () => {
 			let e = t();
 			e && e === this.gesture && (n = e, this.dropStarts());
 		});
@@ -1228,12 +1228,12 @@ var en = class {
 			let e = r;
 			r = null, e && (e === n ? (n = null, this.endDrop(() => this.end(e))) : this.end(e));
 		};
-		this.eventBus.on("drag.cleanup", H, () => {
+		this.eventBus.on("drag.cleanup", V, () => {
 			let e = t();
 			r = e, queueMicrotask(() => {
 				r === e && i();
 			});
-		}), this.eventBus.on(["drag.ended", "drag.canceled"], H, i);
+		}), this.eventBus.on(["drag.ended", "drag.canceled"], V, i);
 	}
 	noteHandlerGoesOn() {
 		this.handlerGoesOn || (this.handlerGoesOn = !0, queueMicrotask(() => {
@@ -1267,35 +1267,44 @@ var en = class {
 		for (let e of this.waiting.splice(0)) e();
 	}
 	changed(e) {
-		this.noteHandlerGoesOn(), this.eventBus.fire(tn, { active: e });
+		this.noteHandlerGoesOn(), this.eventBus.fire(rn, { active: e });
 	}
-}, on = {
+}, cn = {
 	__init__: ["wardleyInteraction"],
-	wardleyInteraction: ["type", an]
+	wardleyInteraction: ["type", sn]
 };
 // src/WardleyBaseViewer.ts
-function sn(e) {
-	let t = e.undoRedoKeys, n = e.freeArea ? e.freeArea.insets ? { insets: e.freeArea.insets } : { center: e.freeArea.center } : void 0;
+function ln(e) {
+	let { openRelativeLink: t, openExternalLink: n, chooseLinkTarget: r } = e;
+	if (t || n || r) return {
+		...t ? { openRelative: t } : {},
+		...n ? { openExternal: n } : {},
+		...r ? { chooseTarget: r } : {}
+	};
+}
+function un(e) {
+	let t = e.undoRedoKeys, n = e.freeArea ? e.freeArea.insets ? { insets: e.freeArea.insets } : { center: e.freeArea.center } : void 0, r = ln(e);
 	return {
 		...t === void 0 ? {} : { wardleyKeyboard: { undoRedo: t } },
 		...n ? { wardleyFreeRect: n } : {},
-		...e.fitOnImport === !1 ? { wardleyImport: { fit: !1 } } : {}
+		...e.fitOnImport === !1 ? { wardleyImport: { fit: !1 } } : {},
+		...r ? { wardleyLinks: r } : {}
 	};
 }
-var cn = "__implicitroot";
-function ln(e) {
-	let t = S(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(cn));
+var dn = "__implicitroot";
+function fn(e) {
+	let t = S(e), n = [...t.elements, ...t.edges].find(({ id: e }) => e === "wardley-root" || e.startsWith(dn));
 	if (n) throw Error(`The id "${n.id}" is reserved for the canvas itself.`);
 	return t;
 }
-function un(e) {
+function pn(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-function dn(e, t) {
+function mn(e, t) {
 	let n = e.get("dragging", !1), r = n?.context();
-	n && r && r !== t && (nn.has(r.prefix) || n.cancel(!1));
+	n && r && r !== t && (an.has(r.prefix) || n.cancel(!1));
 }
-var fn = class {
+var hn = class {
 	_diagram;
 	_container;
 	_options;
@@ -1307,7 +1316,7 @@ var fn = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("wardley-container"), t.style.width = un(e.width ?? "100%"), t.style.height = un(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("wardley-container"), t.style.width = pn(e.width ?? "100%"), t.style.height = pn(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -1315,8 +1324,8 @@ var fn = class {
 			this._diagram = new t({
 				canvas: { container: this._container },
 				modules: e,
-				...sn(this._options)
-			}), this._diagram.get("eventBus").on(L, pt, () => this._putBackSizePreview()), this._markDrops(this._diagram);
+				...un(this._options)
+			}), this._diagram.get("eventBus").on(L, mt, () => this._putBackSizePreview()), this._markDrops(this._diagram);
 		}
 		return this._diagram;
 	}
@@ -1324,9 +1333,9 @@ var fn = class {
 		let t = e.get("dragging", !1);
 		if (!t) return;
 		let n = e.get("eventBus");
-		n.on("drag.end", H, () => {
+		n.on("drag.end", V, () => {
 			this._dropping = t.context();
-		}), n.on("drag.cleanup", H, () => {
+		}), n.on("drag.cleanup", V, () => {
 			this._dropping = null;
 		});
 	}
@@ -1340,8 +1349,8 @@ var fn = class {
 		this.get("eventBus").off(e, t);
 	}
 	async importMap(e) {
-		let t = ln(e), n = this._ensureDiagram(), r = n.get("eventBus"), i = n.get("wardleyImporter"), a = n.get("commandStack", !1), o = this._rootBusinessObject() ? this._livePreview()?.committedMap() ?? this.exportMap() : void 0;
-		this._labelsBeforePreview = void 0, this._sizePreview = void 0, dn(n, this._dropping), i.clear();
+		let t = fn(e), n = this._ensureDiagram(), r = n.get("eventBus"), i = n.get("wardleyImporter"), a = n.get("commandStack", !1), o = this._rootBusinessObject() ? this._livePreview()?.committedMap() ?? this.exportMap() : void 0;
+		this._labelsBeforePreview = void 0, this._sizePreview = void 0, mn(n, this._dropping), i.clear();
 		let s;
 		try {
 			s = i.import(t);
@@ -1413,10 +1422,10 @@ var fn = class {
 		if (!this._rootBusinessObject()) return { warnings: [] };
 		let t = this.exportMap(), n = t.config.size;
 		if (e ? n?.width === e.width && n.height === e.height : n === void 0) return { warnings: [] };
-		let r = ut(t.rawPassthrough), { rawPassthrough: i, ...a } = t;
+		let r = dt(t.rawPassthrough), { rawPassthrough: i, ...a } = t;
 		return this.importMap({
 			...a,
-			config: ct(t.config, e),
+			config: lt(t.config, e),
 			...r?.length ? { rawPassthrough: r } : {}
 		});
 	}
@@ -1442,7 +1451,7 @@ var fn = class {
 		} else this._applyConfigDirectly({ evolutionLabels: n });
 	}
 	_applyConfigDirectly(e, t = {}) {
-		$t(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
+		tn(this.get("canvas"), this.get("evolutionGrid"), this.get("eventBus"), e, t);
 	}
 	_wardleyModeling() {
 		return this._ensureDiagram().get("wardleyModeling", !1);
@@ -1451,7 +1460,7 @@ var fn = class {
 		return this._ensureDiagram().get("wardleyLivePreview", !1);
 	}
 	_root() {
-		return lt(this.get("canvas"));
+		return ut(this.get("canvas"));
 	}
 	_rootBusinessObject() {
 		return this._root()?.businessObject;
@@ -1461,7 +1470,7 @@ var fn = class {
 	}
 	async saveSVG() {
 		let e = this.get("canvas");
-		return Be(e, Ue(e, this.get("evolutionGrid")));
+		return Ve(e, We(e, this.get("evolutionGrid")));
 	}
 	attachTo(e) {
 		e.appendChild(this._container), this.get("canvas").resized();
@@ -1480,7 +1489,7 @@ var fn = class {
 	}
 };
 // src/layout/WardleyLayouter.ts
-function U(e) {
+function H(e) {
 	return I(e) ? {
 		x: e.x + e.width / 2,
 		y: e.y
@@ -1489,32 +1498,32 @@ function U(e) {
 		y: e.y + e.height / 2
 	};
 }
-var pn = class extends le {
+var gn = class extends le {
 	layoutConnection(e, t = {}) {
 		let n = t.source ?? e.source, r = t.target ?? e.target;
 		return super.layoutConnection(e, {
 			...t,
-			...n ? { connectionStart: U(n) } : {},
-			...r ? { connectionEnd: U(r) } : {}
+			...n ? { connectionStart: H(n) } : {},
+			...r ? { connectionEnd: H(r) } : {}
 		});
 	}
-}, mn = { layouter: ["type", pn] }, hn = /* @__PURE__ */ new Set([
+}, _n = { layouter: ["type", gn] }, vn = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator"
 ]);
-function gn(e) {
-	return typeof e == "string" && hn.has(e);
+function yn(e) {
+	return typeof e == "string" && vn.has(e);
 }
-function _n(e, t) {
+function bn(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 vn = class {
+var xn = class {
 	elementFactory;
 	grid;
 	elementRegistry;
@@ -1527,25 +1536,25 @@ var vn = class {
 		this.elementFactory = e, this.grid = t, this.elementRegistry = n;
 	}
 	uniqueLabel(e, t) {
-		return _n(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
+		return bn(e, this.takenLinkableLabels(t, this.pairableTypeFor(t)));
 	}
 	uniqueLabels(e) {
 		let t = this.takenLinkableLabels();
 		return e.map(({ type: e, label: n }) => {
-			if (!gn(e)) return n;
-			let r = _n(n, t);
+			if (!yn(e)) return n;
+			let r = bn(n, t);
 			return t.add(r), r;
 		});
 	}
 	isLinkable(e) {
-		return gn(e);
+		return yn(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;
-			gn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
+			yn(i) && typeof a == "string" && (i === t && this.isUnpaired(r) || n.add(a));
 		}
 		return n;
 	}
@@ -1581,7 +1590,7 @@ var vn = class {
 		return this.node("anchor", e.id, e.label, e.position.visibility, e.position.evolution, e, { ...e.labelOffset ? { labelOffset: e.labelOffset } : {} });
 	}
 	createNote(e) {
-		let { width: t, height: n } = Ie(e.label), r = this.grid.toCanvas(e.position);
+		let { width: t, height: n } = Le(e.label), r = this.grid.toCanvas(e.position);
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: r.x - t / 2,
@@ -1697,7 +1706,7 @@ var vn = class {
 		});
 	}
 	createNew(e, t, n = {}) {
-		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : gn(e) ? this.uniqueLabel(t) : t;
+		let r = e === "attitude" ? n.attitudeKind ?? "pioneers" : yn(e) ? this.uniqueLabel(t) : t;
 		if (e === "pipeline") return this.elementFactory.createShape({
 			width: 200,
 			height: 30,
@@ -1720,7 +1729,7 @@ var vn = class {
 			isFrame: !0
 		});
 		if (e === "note") {
-			let { width: e, height: t } = Ie(r);
+			let { width: e, height: t } = Le(r);
 			return this.elementFactory.createShape({
 				width: e,
 				height: t,
@@ -1776,7 +1785,7 @@ var vn = class {
 			id: t.id,
 			source: n,
 			target: r,
-			waypoints: [U(n), U(r)],
+			waypoints: [H(n), H(r)],
 			wardleyType: e,
 			bidirectional: i,
 			...a ? { flowValue: a } : {},
@@ -1784,24 +1793,24 @@ var vn = class {
 			businessObject: t
 		});
 	}
-}, yn = { wardleyElementFactory: ["type", vn] }, bn = "wardley-axes", xn = ["Invisible", "Visible"], Sn = "wardley-axis", Cn = "wardley-axis-text";
-function wn(e) {
+}, Sn = { wardleyElementFactory: ["type", xn] }, Cn = "wardley-axes", wn = ["Invisible", "Visible"], Tn = "wardley-axis", En = "wardley-axis-text";
+function Dn(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var Tn = class {
+var On = class {
 	canvas;
 	static $inject = ["canvas"];
 	boundaries = o;
 	labels = r;
 	yAxisLabel = "Value Chain";
-	yAxisEndLabels = xn;
+	yAxisEndLabels = wn;
 	plotWidth = k.width;
 	plotHeight = k.height;
 	constructor(e) {
 		this.canvas = e;
 	}
 	configure(e) {
-		this.boundaries = e.stageBoundaries ?? o, this.labels = e.evolutionLabels ?? r, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? xn, this.plotWidth = m(e.size?.width, "width"), this.plotHeight = m(e.size?.height, "height");
+		this.boundaries = e.stageBoundaries ?? o, this.labels = e.evolutionLabels ?? r, this.yAxisLabel = e.yAxisLabel ?? "Value Chain", this.yAxisEndLabels = e.yAxisEndLabels ?? wn, this.plotWidth = m(e.size?.width, "width"), this.plotHeight = m(e.size?.height, "height");
 	}
 	toCanvas(e) {
 		return {
@@ -1811,8 +1820,8 @@ var Tn = class {
 	}
 	fromCanvas(e) {
 		return {
-			evolution: wn((e.x - k.marginLeft) / this.plotWidth),
-			visibility: wn(1 - (e.y - k.marginTop) / this.plotHeight)
+			evolution: Dn((e.x - k.marginLeft) / this.plotWidth),
+			visibility: Dn(1 - (e.y - k.marginTop) / this.plotHeight)
 		};
 	}
 	stageOf(e) {
@@ -1836,10 +1845,10 @@ var Tn = class {
 		};
 	}
 	render() {
-		let e = this.canvas.getLayer(bn, -1);
+		let e = this.canvas.getLayer(Cn, -1);
 		ae(e);
 		let t = k.marginLeft, n = k.marginTop, r = t + this.plotWidth, i = n + this.plotHeight;
-		T(e, En(t, n, this.plotWidth, this.plotHeight, {
+		T(e, kn(t, n, this.plotWidth, this.plotHeight, {
 			fill: j.plotBackground,
 			stroke: j.grid
 		}));
@@ -1850,51 +1859,51 @@ var Tn = 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 && T(e, En(o, n, s - o, this.plotHeight, {
+			r % 2 == 1 && T(e, kn(o, n, s - o, this.plotHeight, {
 				fill: j.band,
 				stroke: "none"
-			})), r > 0 && T(e, Dn(o, n, o, i, {
+			})), r > 0 && T(e, An(o, n, o, i, {
 				stroke: j.grid,
 				"stroke-dasharray": "3 5"
 			}));
 			let c = (o + s) / 2;
-			T(e, On(this.labels[r].toUpperCase(), c, i + 18, {
+			T(e, jn(this.labels[r].toUpperCase(), c, i + 18, {
 				"text-anchor": "middle",
 				"font-size": M.stage,
 				"letter-spacing": "0.08em",
 				fill: j.axisText
 			}));
 		}
-		T(e, Dn(t, i, r + 10, i, {
+		T(e, An(t, i, r + 10, i, {
 			stroke: j.axis,
-			class: Sn
-		})), T(e, kn(r + 10, i, "right")), T(e, On("Evolution", r + 6, i + 38, {
+			class: Tn
+		})), T(e, Mn(r + 10, i, "right")), T(e, jn("Evolution", r + 6, i + 38, {
 			"text-anchor": "end",
 			"font-size": M.axis,
 			fill: j.axisText,
 			"font-style": "italic"
-		})), T(e, Dn(t, i, t, n - 10, {
+		})), T(e, An(t, i, t, n - 10, {
 			stroke: j.axis,
-			class: Sn
-		})), T(e, kn(t, n - 10, "up"));
-		let o = On(this.yAxisLabel, 0, 0, {
+			class: Tn
+		})), T(e, Mn(t, n - 10, "up"));
+		let o = jn(this.yAxisLabel, 0, 0, {
 			"text-anchor": "middle",
 			"font-size": M.axis,
 			fill: j.axisText,
 			"font-style": "italic"
 		});
-		E(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), T(e, o), T(e, On(this.yAxisEndLabels[1], t - 10, n + 11, {
+		E(o, { transform: `translate(${t - 46}, ${(n + i) / 2}) rotate(-90)` }), T(e, o), T(e, jn(this.yAxisEndLabels[1], t - 10, n + 11, {
 			"text-anchor": "end",
 			"font-size": M.stage,
 			fill: j.axisText
-		})), T(e, On(this.yAxisEndLabels[0], t - 10, i - 2, {
+		})), T(e, jn(this.yAxisEndLabels[0], t - 10, i - 2, {
 			"text-anchor": "end",
 			"font-size": M.stage,
 			fill: j.axisText
 		}));
 	}
 };
-function En(e, t, n, r, i) {
+function kn(e, t, n, r, i) {
 	return E(D("rect"), {
 		x: e,
 		y: t,
@@ -1904,7 +1913,7 @@ function En(e, t, n, r, i) {
 		...i
 	});
 }
-function Dn(e, t, n, r, i) {
+function An(e, t, n, r, i) {
 	return E(D("line"), {
 		x1: e,
 		y1: t,
@@ -1914,30 +1923,30 @@ function Dn(e, t, n, r, i) {
 		...i
 	});
 }
-function On(e, t, n, r) {
+function jn(e, t, n, r) {
 	let i = E(D("text"), {
 		x: t,
 		y: n,
 		"font-family": M.family,
-		class: Cn,
+		class: En,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function kn(e, t, n) {
+function Mn(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 E(D("polygon"), {
 		points: r,
 		fill: j.axis,
-		class: Sn
+		class: Tn
 	});
 }
 // src/evolve/constants.ts
-var An = .005, jn = "wardley.evolve", Mn = "wardley-evolve-handle";
-function Nn(e) {
+var Nn = .005, Pn = "wardley.evolve", Fn = "wardley-evolve-handle";
+function In(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-var Pn = class {
+var Ln = class {
 	dragging;
 	injector;
 	static $inject = [
@@ -1960,9 +1969,9 @@ var Pn = class {
 				...r,
 				targetEvolution: n
 			}, e.fire("element.changed", { element: t });
-		}, u = (e, t) => Math.max(Nn(t), Math.min(1, e.evolution + An)), d = (e, t) => {
+		}, u = (e, t) => Math.max(In(t), Math.min(1, e.evolution + Nn)), d = (e, t) => {
 			let r = i.getContainer().getBoundingClientRect(), a = i.viewbox(), o = a.x + (e - r.left) * (a.width / r.width);
-			return Nn(n.fromCanvas({
+			return In(n.fromCanvas({
 				x: o,
 				y: t
 			}).evolution);
@@ -1972,10 +1981,10 @@ var Pn = class {
 		};
 		i.getContainer().addEventListener("mousedown", (e) => {
 			let t = e.target;
-			if (!t?.closest(`.${Mn}`) || f() || z(o)) return;
+			if (!t?.closest(`.${Fn}`) || f() || R(o)) return;
 			let n = t.closest("[data-element-id]")?.getAttribute("data-element-id"), p = n ? a.get(n) : void 0;
 			if (!p || p.wardleyType !== "component") return;
-			e.stopPropagation(), e.preventDefault(), V(i), this.handleDrag?.cancel();
+			e.stopPropagation(), e.preventDefault(), B(i), this.handleDrag?.cancel();
 			let m = p.y + p.height / 2, h, g = () => {
 				this.handleDrag = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", y), document.removeEventListener("keydown", b, !0), c.putBackShape(p);
 			}, _ = {
@@ -1988,79 +1997,79 @@ var Pn = class {
 			}, y = () => s.drop(_, () => {
 				g(), h !== void 0 && h > p.evolution + .005 && r.evolveComponent(p, h);
 			}), b = (e) => {
-				e.key === "Escape" && Et(e, i) && (e.preventDefault(), e.stopPropagation(), _.cancel());
+				e.key === "Escape" && Ot(e, i) && (e.preventDefault(), e.stopPropagation(), _.cancel());
 			};
 			document.addEventListener("mousemove", v), document.addEventListener("mouseup", y), document.addEventListener("keydown", b, !0), this.handleDrag = _;
 		}, !0), e.on("shape.remove", ({ element: e }) => {
 			let t = this.handleDrag;
 			t && t.shape === e && t.cancel();
-		}), e.on("diagram.destroy", () => this.handleDrag?.cancel()), e.on(L, pt, () => {
+		}), e.on("diagram.destroy", () => this.handleDrag?.cancel()), e.on(L, mt, () => {
 			let e = this.handleDrag;
 			e && c.previewsShape(e.shape) && e.cancel();
 			let n = this.runningPlacement();
 			n && c.previewsShape(n.shape) && t.cancel(!0);
-		}), e.on(`${jn}.move`, (e) => {
+		}), e.on(`${Pn}.move`, (e) => {
 			let { shape: t } = e.context, r = t.y + t.height / 2, i = u(t, n.fromCanvas({
 				x: e.x,
 				y: r
 			}).evolution);
 			e.context.target = i, l(t, i);
-		}), e.on(`${jn}.end`, (e) => {
+		}), e.on(`${Pn}.end`, (e) => {
 			let { shape: t, target: n } = e.context;
 			c.putBackShape(t), n !== void 0 && n > t.evolution + .005 && r.evolveComponent(t, n);
-		}), e.on(`${jn}.cleanup`, (e) => {
+		}), e.on(`${Pn}.cleanup`, (e) => {
 			e.context && c.putBackShape(e.context.shape);
 		});
 	}
 	runningPlacement() {
 		let e = this.dragging.context();
-		return e?.prefix === jn ? e.data?.context : void 0;
+		return e?.prefix === Pn ? e.data?.context : void 0;
 	}
 	start(e, t) {
-		if (z(this.injector)) return;
+		if (R(this.injector)) return;
 		let n = { shape: t };
-		this.dragging.init(e, jn, {
+		this.dragging.init(e, Pn, {
 			cursor: "ew-resize",
 			data: { context: n }
 		});
 	}
-}, Fn = {
-	__depends__: [on, mt],
+}, Rn = {
+	__depends__: [cn, ht],
 	__init__: ["wardleyEvolveDragging"],
-	wardleyEvolveDragging: ["type", Pn]
+	wardleyEvolveDragging: ["type", Ln]
 };
 // src/pipeline/pipelineMembership.ts
-function W(e) {
+function U(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function In(e, t) {
+function zn(e, t) {
 	return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
 }
-function Ln(e) {
+function Bn(e) {
 	return e.filter((e) => I(e));
 }
-function Rn(e, t) {
+function Vn(e, t) {
 	return e.filter((e) => F(e) && e.pipelineId === t.id);
 }
-function zn(e, t) {
+function Hn(e, t) {
 	return e.find((e) => F(e) && e.wardleyLabel === t.wardleyLabel && e.pipelineId !== t.id);
 }
-function Bn(e, t) {
-	if (F(t)) return Ln(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
+function Un(e, t) {
+	if (F(t)) return Bn(e).find((e) => e.wardleyLabel === t.wardleyLabel && t.pipelineId !== e.id);
 }
-function Vn(e, t) {
-	let n = zn(e, t);
-	return [...Rn(e, t), ...n ? [n] : []];
+function Wn(e, t) {
+	let n = Hn(e, t);
+	return [...Vn(e, t), ...n ? [n] : []];
 }
-function Hn(e, t, n, r = /* @__PURE__ */ new Set()) {
-	let i = Ln(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && In(e, n));
+function Gn(e, t, n, r = /* @__PURE__ */ new Set()) {
+	let i = Bn(e).filter((e) => !r.has(e) && e.wardleyLabel !== t.wardleyLabel && zn(e, n));
 	return i.find((e) => e.id === t.pipelineId) ?? i[0];
 }
 // src/pipeline/PipelineGroupBehavior.ts
-var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn = 900, Yn = "wardley-drop-target", Xn = class extends ue {
+var Kn = 1400, qn = 450, Jn = 400, Yn = 1500, Xn = "wardley-pipeline-drag", Zn = 900, Qn = "wardley-drop-target", $n = class extends ue {
 	elementRegistry;
 	canvas;
 	static $inject = [
@@ -2075,27 +2084,27 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		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 = I(n) ? zn(this.elementRegistry, n) : Bn(this.elementRegistry, n);
+			let i = I(n) ? Hn(this.elementRegistry, n) : Un(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", Un, (e) => {
+		}), e.on("shape.move.start", Kn, (e) => {
 			let { context: t } = e;
 			t.shapes = this.withFollowers(t.shapes ?? []);
-		}), this.preExecuted("elements.move", Kn, (e) => {
+		}), this.preExecuted("elements.move", Yn, (e) => {
 			let t = e.context.closure;
 			if (t) {
-				for (let e of Object.values(t.allShapes)) if (I(e)) for (let n of Vn(this.elementRegistry, e)) t.allShapes[n.id] || t.add(n, !!t.topLevel[e.id]);
+				for (let e of Object.values(t.allShapes)) if (I(e)) for (let n of Wn(this.elementRegistry, e)) t.allShapes[n.id] || t.add(n, !!t.topLevel[e.id]);
 			}
-		}), i && e.on("shape.move.start", Wn, (e) => {
+		}), i && e.on("shape.move.start", qn, (e) => {
 			let { context: t } = e, n = this.carriedVertically(t.shapes ?? []);
 			if (!n.length) return;
 			let r = D("g");
-			E(r, { class: "djs-drag-group" }), T(this.canvas.getLayer(qn, Jn), r);
+			E(r, { class: "djs-drag-group" }), T(this.canvas.getLayer(Xn, Zn), r);
 			for (let e of n) i.addDragger(e, r);
 			t.pipelineVerticalPreview = r;
-		}), e.on("shape.move.move", Gn, (e) => {
+		}), e.on("shape.move.move", Jn, (e) => {
 			let { context: t } = e;
 			t.pipelineVerticalPreview && de(t.pipelineVerticalPreview, 0, e.dy), this.markDropTarget(t, this.dropTargetFor(t, e.dx, e.dy));
 		}), e.on("shape.move.cleanup", (e) => {
@@ -2105,47 +2114,47 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 	}
 	withFollowers(e) {
 		let t = new Set(e);
-		for (let n of e) if (I(n)) for (let e of Vn(this.elementRegistry, n)) t.add(e);
+		for (let n of e) if (I(n)) for (let e of Wn(this.elementRegistry, n)) t.add(e);
 		return [...t];
 	}
 	carriedVertically(e) {
 		let t = new Set(e), n = [];
 		for (let r of e) {
 			if (!F(r)) continue;
-			let e = Bn(this.elementRegistry, r);
-			e && !t.has(e) && n.push(e, ...Rn(this.elementRegistry, e).filter((e) => !t.has(e)));
+			let e = Un(this.elementRegistry, r);
+			e && !t.has(e) && n.push(e, ...Vn(this.elementRegistry, e).filter((e) => !t.has(e)));
 		}
 		return n;
 	}
 	dropTargetFor(e, t, n) {
 		let r = e.shape;
-		if (!F(r) || Bn(this.elementRegistry, r)) return;
-		let i = W(r);
-		return Hn(this.elementRegistry, r, {
+		if (!F(r) || Un(this.elementRegistry, r)) return;
+		let i = U(r);
+		return Gn(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, Yn), t && this.canvas.addMarker(t, Yn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
+		n !== t && (n && this.canvas.removeMarker(n, Qn), t && this.canvas.addMarker(t, Qn), t ? e.pipelineDropTarget = t : delete e.pipelineDropTarget);
 	}
-}, Zn = {
+}, er = {
 	__init__: ["pipelineGroupBehavior"],
-	pipelineGroupBehavior: ["type", Xn]
-}, Qn = [
+	pipelineGroupBehavior: ["type", $n]
+}, tr = [
 	"shape.move",
 	"shape.create",
 	"shape.resize"
-], $n = [
-	...Qn,
+], nr = [
+	...tr,
 	"elements.move",
 	"elements.create"
-], er = [
+], rr = [
 	"shape.create",
 	"shape.delete",
 	"element.updateProperties"
-], tr = 2e3, nr = 1e3, rr = 10, ir = 1e-6, ar = class extends ue {
+], ir = 2e3, ar = 1e3, or = 10, sr = 1e-6, cr = class extends ue {
 	eventBus;
 	grid;
 	elementRegistry;
@@ -2165,9 +2174,9 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 	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 or(e.context)) this.deriveFromGeometry(t);
+			for (let t of lr(e.context)) this.deriveFromGeometry(t);
 		};
-		this.executed(Qn, o), this.reverted(Qn, o), this.preExecute($n, tr, (e) => {
+		this.executed(tr, o), this.reverted(tr, o), this.preExecute(nr, ir, (e) => {
 			this.topLevelContext ||= e.context;
 		}), e.on("commandStack.changed", () => {
 			this.topLevelContext = null;
@@ -2176,18 +2185,18 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 			if (!this.isTopLevel(t) || !N(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", nr, (e) => {
+		}), this.preExecuted("elements.move", ar, (e) => {
 			let { context: t } = e;
 			if (!this.isTopLevel(t) || !t.delta) return;
-			let n = sr(t);
+			let n = ur(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, or(t));
+			t.parent?.parent && (t.parent = this.canvas.getRootElement()), this.isTopLevel(t) && this.rememberEvolutions(t, lr(t));
 		}), this.preExecute("shape.resize", (e) => {
 			let { context: t } = e, n = t.shape;
 			N(n) && t.newBounds && (n.wardleyType === "pipeline" ? t.newBounds = this.horizontalPipelineBounds(n, t.newBounds) : n.wardleyType === "attitude" && (t.newBounds = this.boundsInsidePlot(t.newBounds)));
-		}), this.postExecuted($n, (e) => {
+		}), this.postExecuted(nr, (e) => {
 			if (e.context === this.topLevelContext) try {
 				this.applyCorrections(e.command, e.context);
 			} finally {
@@ -2210,13 +2219,13 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 			]), o = this.elementRegistry.filter((e) => F(e) && a.has(e.wardleyLabel));
 			for (let e of o) this.eventBus.fire("element.changed", { element: e });
 		};
-		this.executed(er, s), this.reverted(er, s);
+		this.executed(rr, s), this.reverted(rr, s);
 	}
 	isTopLevel(e) {
 		return e === this.topLevelContext;
 	}
 	followersOf(e) {
-		return I(e) ? Vn(this.elementRegistry, e) : [];
+		return I(e) ? Wn(this.elementRegistry, e) : [];
 	}
 	rememberEvolutions(e, t) {
 		this.evolutionsBefore.set(e, new Map(t.map((e) => [e, e.evolution])));
@@ -2249,7 +2258,7 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 				return;
 			}
 			default: {
-				let t = this.grid.fromCanvas(W(e));
+				let t = this.grid.fromCanvas(U(e));
 				e.evolution = t.evolution;
 				let n = this.pipelineOfMember(e);
 				e.visibility = n ? this.pipelineVisibility(n) : t.visibility;
@@ -2263,9 +2272,9 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		}), n = this.grid.fromCanvas({
 			x: e.x + e.width,
 			y: e.y
-		}), [r, i] = dr(t.evolution, n.evolution);
-		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = ur((r + i) / 2), e.visibility = t.visibility;
-		for (let t of Rn(this.elementRegistry, e)) t.visibility = e.visibility;
+		}), [r, i] = mr(t.evolution, n.evolution);
+		e.evolutionStart = r, e.evolutionEnd = i, e.evolution = pr((r + i) / 2), e.visibility = t.visibility;
+		for (let t of Vn(this.elementRegistry, e)) t.visibility = e.visibility;
 	}
 	pipelineOfMember(e) {
 		if (!F(e) || !e.pipelineId) return;
@@ -2292,14 +2301,14 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 				return;
 			}
 			case "elements.move":
-				this.completeMove(sr(t), t.delta ?? {
+				this.completeMove(ur(t), t.delta ?? {
 					x: 0,
 					y: 0
 				}, t);
 				return;
 			case "shape.create":
 			case "elements.create": {
-				let e = or(t), n = this.clampDelta({
+				let e = lr(t), n = this.clampDelta({
 					x: 0,
 					y: 0
 				}, e);
@@ -2316,12 +2325,12 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		this.carryPipelinesOfMovedAnchors(e, t), this.reconcileMembership(e), this.shiftPassedEvolveTargets(n);
 	}
 	carryPipelinesOfMovedAnchors(e, t) {
-		if (Math.abs(t.y) < ir) return;
+		if (Math.abs(t.y) < sr) return;
 		let n = new Set(e);
 		for (let r of e) {
-			let e = Bn(this.elementRegistry, r);
+			let e = Un(this.elementRegistry, r);
 			if (!e || n.has(e)) continue;
-			let i = [e, ...Rn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
+			let i = [e, ...Vn(this.elementRegistry, e).filter((e) => !n.has(e))], a = this.clampDelta({
 				x: 0,
 				y: t.y
 			}, i);
@@ -2330,8 +2339,8 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 	}
 	reconcileMembership(e) {
 		for (let t of e) {
-			if (!F(t) || Bn(this.elementRegistry, t)) continue;
-			let e = W(t), n = Hn(this.elementRegistry, t, e);
+			if (!F(t) || Un(this.elementRegistry, t)) continue;
+			let e = U(t), n = Gn(this.elementRegistry, t, e);
 			n ? (this.moveBy(t, {
 				x: 0,
 				y: n.y + n.height / 2 - e.y
@@ -2342,15 +2351,15 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		}
 	}
 	releaseMembersOutside(e) {
-		for (let t of Rn(this.elementRegistry, e)) {
-			let n = W(t);
+		for (let t of Vn(this.elementRegistry, e)) {
+			let n = U(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(W(e)).visibility
+			visibility: this.grid.fromCanvas(U(e)).visibility
 		});
 	}
 	shiftPassedEvolveTargets(e) {
@@ -2368,7 +2377,7 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		}
 	}
 	moveBy(e, t) {
-		Math.abs(t.x) < ir && Math.abs(t.y) < ir || this.modeling.moveShape(e, {
+		Math.abs(t.x) < sr && Math.abs(t.y) < sr || this.modeling.moveShape(e, {
 			x: t.x,
 			y: t.y
 		});
@@ -2405,7 +2414,7 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 			case "drawing": {
 				let t = e.drawingPoints ?? [];
 				if (!t.length) return {
-					...W(e),
+					...U(e),
 					width: 0,
 					height: 0
 				};
@@ -2418,7 +2427,7 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 				};
 			}
 			default: return {
-				...W(e),
+				...U(e),
 				width: 0,
 				height: 0
 			};
@@ -2437,8 +2446,8 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 			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: cr(e.x, r),
-			y: cr(e.y, i)
+			x: dr(e.x, r),
+			y: dr(e.y, i)
 		};
 	}
 	horizontalPipelineBounds(e, t) {
@@ -2460,11 +2469,11 @@ var Un = 1400, Wn = 450, Gn = 400, Kn = 1500, qn = "wardley-pipeline-drag", Jn =
 		};
 	}
 	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, rr);
+		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, or);
 		return [Math.min(o, a - s), s];
 	}
 };
-function or(e) {
+function lr(e) {
 	let t = [
 		...e.shape ? [e.shape] : [],
 		...e.shapes ?? [],
@@ -2472,36 +2481,36 @@ function or(e) {
 	];
 	return [...new Set(t)].filter(N);
 }
-function sr(e) {
-	return e.closure ? Object.values(e.closure.allShapes).filter(N) : or(e);
+function ur(e) {
+	return e.closure ? Object.values(e.closure.allShapes).filter(N) : lr(e);
 }
-function cr(e, t) {
+function dr(e, t) {
 	return t.min > t.max ? e : Math.min(Math.max(e, t.min), t.max);
 }
-var lr = .001;
-function ur(e) {
+var fr = .001;
+function pr(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
-function dr(e, t) {
-	let n = ur(Math.max(t, e + lr));
-	return [Math.max(0, Math.min(e, n - lr)), n];
+function mr(e, t) {
+	let n = pr(Math.max(t, e + fr));
+	return [Math.max(0, Math.min(e, n - fr)), n];
 }
 // src/modeling/cmd/UpdatePropertiesHandler.ts
-function fr(e, t, n) {
+function hr(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var pr = class {
+var gr = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], fr(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], hr(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)) fr(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) hr(r, e, n[e]);
 		return [t];
 	}
-}, mr = class {
+}, _r = class {
 	projection;
 	static $inject = ["wardleyMapProjection"];
 	constructor(e) {
@@ -2509,20 +2518,20 @@ var pr = class {
 	}
 	execute(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(hr({
+		return t ? (e.oldSize = t.config.size, e.oldRawPassthrough = t.rawPassthrough, this.projection.apply(vr({
 			...t,
-			config: ct(t.config, e.size)
-		}, ut(t.rawPassthrough)))) : [];
+			config: lt(t.config, e.size)
+		}, dt(t.rawPassthrough)))) : [];
 	}
 	revert(e) {
 		let t = this.projection.root()?.businessObject;
-		return t ? this.projection.apply(hr({
+		return t ? this.projection.apply(vr({
 			...t,
-			config: ct(t.config, e.oldSize)
+			config: lt(t.config, e.oldSize)
 		}, e.oldRawPassthrough)) : [];
 	}
 };
-function hr(e, t) {
+function vr(e, t) {
 	let { rawPassthrough: n, ...r } = e;
 	return t ? {
 		...r,
@@ -2530,41 +2539,41 @@ function hr(e, t) {
 	} : r;
 }
 // src/modeling/WardleyModeling.ts
-var gr = "element.updateProperties", _r = "wardley.map.resize", vr = "wardley.config.update";
-function yr(e) {
+var yr = "element.updateProperties", br = "wardley.map.resize", xr = "wardley.config.update";
+function Sr(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-var br = class {
+var Cr = class {
 	commandStack;
 	canvas;
 	static $inject = ["commandStack", "canvas"];
 	constructor(e, t) {
-		this.commandStack = e, this.canvas = t, e.registerHandler(gr, pr), e.registerHandler(_r, mr), e.registerHandler(vr, en);
+		this.commandStack = e, this.canvas = t, e.registerHandler(yr, gr), e.registerHandler(br, _r), e.registerHandler(xr, nn);
 	}
 	resizeMap(e) {
 		let t = this.currentConfig();
-		t && !xr(t.size, e) && this.commandStack.execute(_r, { size: e });
+		t && !wr(t.size, e) && this.commandStack.execute(br, { 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(vr, { properties: r });
+		Object.keys(r).length !== 0 && this.commandStack.execute(xr, { properties: r });
 	}
 	currentConfig() {
-		return lt(this.canvas)?.businessObject?.config;
+		return ut(this.canvas)?.businessObject?.config;
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(gr, {
+		this.commandStack.execute(yr, {
 			element: e,
 			properties: t
 		});
 	}
 	updateLabel(e, t) {
 		if (e.wardleyType === "note") {
-			let { width: n, height: r } = Ie(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
+			let { width: n, height: r } = Le(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
 			this.updateProperties(e, {
 				wardleyLabel: t,
 				width: n,
@@ -2575,11 +2584,11 @@ var br = class {
 		} else this.updateProperties(e, { wardleyLabel: t });
 	}
 	evolveComponent(e, t, n = {}) {
-		let r = Sr(t);
-		r <= e.evolution || this.updateProperties(e, { movement: yr({
+		let r = Tr(t);
+		r <= e.evolution || this.updateProperties(e, { movement: Sr({
 			...e.movement,
 			targetEvolution: r,
-			...yr({
+			...Sr({
 				newLabel: n.newLabel,
 				method: n.method
 			})
@@ -2604,14 +2613,14 @@ var br = class {
 		this.updateProperties(e, { color: t });
 	}
 };
-function xr(e, t) {
+function wr(e, t) {
 	return !e || !t ? e === t : e.width === t.width && e.height === t.height;
 }
-function Sr(e) {
+function Tr(e) {
 	return e < 0 ? 0 : e > 1 ? 1 : e;
 }
 // src/modeling/WardleyCopyPaste.ts
-var Cr = 24, wr = [
+var Er = 24, Dr = [
 	"wardleyType",
 	"evolution",
 	"visibility",
@@ -2628,13 +2637,13 @@ var Cr = 24, wr = [
 	"drawingPoints",
 	"closed",
 	"strokeStyle"
-], Tr = [
+], Or = [
 	"wardleyType",
 	"bidirectional",
 	"flowValue",
 	"linkLabel"
 ];
-function Er(e, t) {
+function kr(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -2642,7 +2651,7 @@ function Er(e, t) {
 	}
 	return n;
 }
-var Dr = class {
+var Ar = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -2674,14 +2683,14 @@ var Dr = class {
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: Er(e, Tr)
+				props: kr(e, Or)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => ({
 				id: e.id,
 				...e.pipelineId ? { pipelineId: e.pipelineId } : {},
-				props: Er(e, wr),
+				props: kr(e, Dr),
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2718,7 +2727,7 @@ var Dr = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [U(n[e.sourceIdx]), U(n[e.targetIdx])]
+				waypoints: [H(n[e.sourceIdx]), H(n[e.targetIdx])]
 			}))
 		};
 	}
@@ -2742,14 +2751,14 @@ var Dr = class {
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = Cr * this.pasteCount, n = Or(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = Er * this.pasteCount, n = jr(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 Or(e) {
+function jr(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,
@@ -2757,26 +2766,49 @@ function Or(e) {
 	};
 }
 // src/modeling/index.ts
-var kr = {
+var Mr = {
 	__depends__: [
 		pe,
 		me,
-		Zt
+		$t
 	],
 	__init__: ["wardleyModeling"],
-	wardleyModeling: ["type", br],
-	wardleyCopyPaste: ["type", Dr]
-}, Ar = { evolutionGrid: ["type", Tn] }, jr = {
+	wardleyModeling: ["type", Cr],
+	wardleyCopyPaste: ["type", Ar]
+}, Nr = { evolutionGrid: ["type", On] }, Pr = {
 	__init__: ["evolutionConstraintBehavior"],
 	__depends__: [
-		Ar,
-		mn,
+		Nr,
+		_n,
 		fe,
-		kr
+		Mr
 	],
-	evolutionConstraintBehavior: ["type", ar]
-}, Mr = "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", Nr = "M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z", Pr = "M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z";
-function Fr(e, t, n, r, i) {
+	evolutionConstraintBehavior: ["type", cr]
+}, Fr = {
+	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\"/>",
+	map: "<path d=\"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z\"/><path d=\"M15 5.764v15\"/><path d=\"M9 3.236v15\"/>"
+};
+/*! @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, map and trash derive from Feather
+* @license MIT, Copyright (c) 2013-present Cole Bemis
+* Full notices: README.md of @miragon/wardley-renderer */
+function W(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">${Fr[e]}</svg>`;
+}
+// src/draw/icons.ts
+var Ir = "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", 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";
+function zr(e, t, n, r, i) {
 	let a = D("g"), o = r / 24;
 	return E(a, {
 		transform: `translate(${t - r / 2}, ${n - r / 2}) scale(${o})`,
@@ -2784,8 +2816,8 @@ function Fr(e, t, n, r, i) {
 		stroke: "none"
 	}), T(a, E(D("path"), { d: e })), a;
 }
-var Ir = 7.5;
-function Lr(e, t) {
+var Br = 7.5;
+function Vr(e, t) {
 	let n = e.movement;
 	if (!n) return;
 	let r = t.toCanvas({
@@ -2797,47 +2829,47 @@ function Lr(e, t) {
 		evolution: n.targetEvolution
 	}).x - r.x;
 }
-function Rr(e) {
-	return Math.max(...zr(e).map((e) => e.length)) * Ir;
+function Hr(e) {
+	return Math.max(...Ur(e).map((e) => e.length)) * Br;
 }
-function zr(e) {
+function Ur(e) {
 	return (e ?? "").split("\n");
 }
-function Br(e, t, n) {
+function Wr(e, t, n) {
 	let r = (t - 1) * 16;
 	return n === "up" ? e - r : n === "down" ? e : e - r / 2;
 }
-function Vr(e, t, n) {
-	return Br(e, t, n) + (t - 1) * 16;
+function Gr(e, t, n) {
+	return Wr(e, t, n) + (t - 1) * 16;
 }
 function G(e, t) {
 	switch (e.wardleyType) {
 		case "anchor":
 		case "pipeline": return "up";
-		case "component": return e.pipelineId === void 0 ? e.movement || Hr(e, t) ? "up" : "centered" : "down";
+		case "component": return e.pipelineId === void 0 ? e.movement || Kr(e, t) ? "up" : "centered" : "down";
 		default: return "centered";
 	}
 }
-function Hr(e, t) {
+function Kr(e, t) {
 	return t.find((t) => I(t) && t.wardleyLabel === e.wardleyLabel) !== void 0;
 }
-function Ur() {
+function qr() {
 	return {
 		x: 22,
 		y: -4
 	};
 }
-function Wr(e, t) {
-	return t > 0 && t < Rr(e.wardleyLabel) + 30 + 14;
+function Jr(e, t) {
+	return t > 0 && t < Hr(e.wardleyLabel) + 30 + 14;
 }
-function Gr(e, t) {
-	let n = Ur();
+function Yr(e, t) {
+	let n = qr();
 	if (e.labelOffset) return {
 		x: n.x + e.labelOffset.dx,
 		y: n.y + e.labelOffset.dy,
 		anchor: "start"
 	};
-	if (t !== void 0 && Wr(e, t)) return {
+	if (t !== void 0 && Jr(e, t)) return {
 		x: -n.x,
 		y: n.y,
 		anchor: "end"
@@ -2849,14 +2881,14 @@ function Gr(e, t) {
 		anchor: "start"
 	};
 }
-function Kr(e) {
+function Xr(e) {
 	return {
 		x: e + 15 + 7,
 		y: -4
 	};
 }
-function qr(e, t) {
-	let n = Kr(t);
+function Zr(e, t) {
+	let n = Xr(t);
 	return e ? {
 		x: n.x + e.dx,
 		y: n.y + e.dy,
@@ -2871,21 +2903,21 @@ function qr(e, t) {
 		anchor: "start"
 	};
 }
-function Jr() {
+function Qr() {
 	return {
 		x: 0,
 		y: -17
 	};
 }
-function Yr(e) {
-	let t = Jr();
+function $r(e) {
+	let t = Qr();
 	return {
 		x: t.x + (e.labelOffset?.dx ?? 0),
 		y: t.y + (e.labelOffset?.dy ?? 0),
 		anchor: "middle"
 	};
 }
-function Xr(e, t) {
+function ei(e, t) {
 	let n = (e) => Math.max(-200, Math.min(200, Math.round(e))), r = {
 		dx: n(e) || 0,
 		dy: n(t) || 0
@@ -2893,16 +2925,18 @@ function Xr(e, t) {
 	return r.dx === 0 && r.dy === 0 ? void 0 : r;
 }
 // src/draw/WardleyRenderer.ts
-var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-label-handle", ei = "data-label-role", ti = 6, ni = class extends he {
+var ti = 1500, K = "wardley-name-label", ni = "wardley-movement", ri = "wardley-label-handle", ii = "data-label-role", ai = 6, oi = class extends he {
 	grid;
 	elementRegistry;
+	injector;
 	static $inject = [
 		"eventBus",
 		"evolutionGrid",
-		"elementRegistry"
+		"elementRegistry",
+		"injector"
 	];
-	constructor(e, t, n) {
-		super(e, Zr), this.grid = t, this.elementRegistry = n;
+	constructor(e, t, n, r) {
+		super(e, ti), this.grid = t, this.elementRegistry = n, this.injector = r;
 	}
 	canRender(e) {
 		return N(e) || P(e);
@@ -2934,14 +2968,14 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		return T(e, i), i;
 	}
 	drawConnection(e, t) {
-		let n = t, r = n.wardleyType === "flow", i = r ? j.flow : j.dependency, [a, o] = ui(n), s = E(D("polyline"), {
+		let n = t, r = n.wardleyType === "flow", i = r ? j.flow : j.dependency, [a, o] = mi(n), s = E(D("polyline"), {
 			points: `${a.x},${a.y} ${o.x},${o.y}`,
 			fill: "none",
 			stroke: i,
 			"stroke-width": r ? 2.5 : 1.5,
 			"stroke-linecap": "round"
 		});
-		T(e, s), r && (T(e, ci(a, o, i, 11, 5)), n.bidirectional && T(e, ci(o, a, i, 11, 5)));
+		T(e, s), r && (T(e, fi(a, o, i, 11, 5)), n.bidirectional && T(e, fi(o, a, i, 11, 5)));
 		let c = (a.x + o.x) / 2, l = (a.y + o.y) / 2;
 		return r && n.flowValue && T(e, q(n.flowValue, c, l - 5, {
 			"text-anchor": "middle",
@@ -2963,55 +2997,57 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "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 = Lr(t, this.grid);
-		a !== void 0 && this.drawMovement(e, t, n, r, a), i?.inertia && ri(e, n, r);
-		let o = t.color ?? j.stroke, s = oi(n, r, 15, {
+		let n = t.width / 2, r = t.height / 2, i = t.decorators, a = Vr(t, this.grid);
+		a !== void 0 && this.drawMovement(e, t, n, r, a), i?.inertia && si(e, n, r);
+		let o = t.color ?? j.stroke, s = ui(n, r, 15, {
 			fill: j.componentFill,
 			stroke: o,
 			"stroke-width": 2
 		});
-		return T(e, s), t.movement && T(e, oi(n, r, 12, {
+		T(e, s), t.movement && T(e, ui(n, r, 12, {
 			fill: "none",
 			stroke: o,
 			"stroke-width": 1.5
-		})), ii(e, n, r, o, i), ai(e, t, n, r, Gr(t, a), G(t, this.elementRegistry)), s;
+		})), ci(e, n, r, o, i);
+		let c = 15 * Math.SQRT1_2;
+		return this.drawLinkBadge(e, t, n - c, r + c), li(e, t, n, r, Yr(t, a), G(t, this.elementRegistry)), s;
 	}
 	drawMovement(e, t, n, r, i) {
 		let a = t.movement;
 		if (!a) return;
-		let o = E(D("g"), { class: Qr });
+		let o = E(D("g"), { class: ni });
 		T(e, o);
 		let s = n + i, c = s - (Math.sign(i) || 1) * 17;
-		T(o, si(n, r, c, r, {
+		T(o, di(n, r, c, r, {
 			stroke: j.plotBackground,
 			"stroke-width": 4,
 			"stroke-linecap": "butt",
 			class: "wardley-movement-underlay"
-		})), T(o, si(n, r, c, r, {
+		})), T(o, di(n, r, c, r, {
 			stroke: j.movement,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "6 4"
-		})), T(o, ci({
+		})), T(o, fi({
 			x: n,
 			y: r
 		}, {
 			x: c,
 			y: r
-		}, j.movement)), T(o, oi(s, r, 15, {
+		}, j.movement)), T(o, ui(s, r, 15, {
 			fill: j.paper,
 			stroke: j.movement,
 			"stroke-width": 2,
 			class: "wardley-evolve-handle"
 		}));
-		let l = qr(a.labelOffset, i), u = a.newLabel ?? t.wardleyLabel;
+		let l = Zr(a.labelOffset, i), u = a.newLabel ?? t.wardleyLabel;
 		if (T(o, q(u, n + l.x, r + l.y, {
 			"font-weight": "500",
 			fill: j.movement,
 			"text-anchor": l.anchor,
-			class: `wardley-movement-label ${$r}`,
-			[ei]: "movement"
+			class: `wardley-movement-label ${ri}`,
+			[ii]: "movement"
 		}, !0, "centered")), a.method) {
-			let e = Vr(r + l.y, zr(u).length, "centered");
+			let e = Gr(r + l.y, Ur(u).length, "centered");
 			T(o, q(a.method, n + l.x, e + 15, {
 				"font-size": 10.5,
 				fill: j.movement,
@@ -3020,14 +3056,14 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		}
 	}
 	drawAnchor(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = Fr(Mr, n, r, 26, t.color ?? j.ink);
+		let n = t.width / 2, r = t.height / 2, i = zr(Ir, n, r, 26, t.color ?? j.ink);
 		T(e, i);
-		let a = Yr(t);
+		let a = $r(t);
 		return T(e, q(t.wardleyLabel, n + a.x, r + a.y, {
 			"text-anchor": a.anchor,
 			"font-weight": "700",
-			class: `${K} ${$r}`,
-			[ei]: "name",
+			class: `${K} ${ri}`,
+			[ii]: "name",
 			...t.color ? { fill: t.color } : {}
 		}, !0, G(t, this.elementRegistry))), i;
 	}
@@ -3071,7 +3107,7 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		}), s ?? D("text");
 	}
 	drawAttitude(e, t) {
-		let n = t.attitudeKind ?? "pioneers", r = Re[n] ?? Re.pioneers, i = t.color ?? r.stroke, a = E(D("rect"), {
+		let n = t.attitudeKind ?? "pioneers", r = ze[n] ?? ze.pioneers, i = t.color ?? r.stroke, a = E(D("rect"), {
 			x: 0,
 			y: 0,
 			width: Math.max(t.width, 1),
@@ -3086,8 +3122,8 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		let o = this.grid.toCanvas({
 			visibility: 1,
 			evolution: 0
-		}).y, s = t.y - ti - M.label >= o;
-		return T(e, q(ze[n] ?? n, s ? 4 : 10, s ? -6 : 18, {
+		}).y, s = t.y - ai - M.label >= o;
+		return T(e, q(Be[n] ?? n, s ? 4 : 10, s ? -6 : 18, {
 			fill: i,
 			"font-weight": "700",
 			"letter-spacing": "0.04em",
@@ -3095,7 +3131,7 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		})), a;
 	}
 	drawAnnotation(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = oi(n, r, 10, {
+		let n = t.width / 2, r = t.height / 2, i = ui(n, r, 10, {
 			fill: j.annotationFill,
 			stroke: t.color ?? j.stroke,
 			"stroke-width": 1.25
@@ -3111,7 +3147,7 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 		}, !0, G(t, this.elementRegistry))), i;
 	}
 	drawAccelerator(e, t) {
-		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = Fr(i ? Nr : Pr, n, r, 24, t.color ?? (i ? j.accelerator : j.deaccelerator));
+		let n = t.width / 2, r = t.height / 2, i = t.acceleratorDirection !== "deaccelerate", a = zr(i ? Lr : Rr, n, r, 24, t.color ?? (i ? j.accelerator : j.deaccelerator));
 		return T(e, a), t.wardleyLabel && T(e, q(t.wardleyLabel, n + 15, r + 5, {
 			"font-size": 12,
 			class: K
@@ -3141,19 +3177,40 @@ var Zr = 1500, K = "wardley-name-label", Qr = "wardley-movement", $r = "wardley-
 			"font-weight": "500",
 			class: K,
 			...t.color ? { fill: t.color } : {}
-		}, !0, G(t, this.elementRegistry))), a;
+		}, !0, G(t, this.elementRegistry))), this.drawLinkBadge(e, t, n - 16 + 1, r + 16 - 1), a;
+	}
+	drawLinkBadge(e, t, n, r) {
+		if (!this.injector.get("wardleyLinkOpener", !1)?.openableLink(t)) return;
+		let i = E(D("g"), {
+			class: Fe,
+			"aria-hidden": "true"
+		});
+		T(i, E(D("circle"), {
+			cx: n,
+			cy: r,
+			r: 8
+		}));
+		let a = D(`<g>${Fr.link}</g>`), o = 11 / 2;
+		E(a, {
+			transform: `translate(${n - o}, ${r - o}) scale(0.4583333333333333)`,
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": 2.5,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}), T(i, a), T(e, i);
 	}
 };
-function ri(e, t, n) {
+function si(e, t, n) {
 	let r = t + 15 + 3;
-	T(e, si(r, n - 13, r, n + 13, {
+	T(e, di(r, n - 13, r, n + 13, {
 		stroke: j.inertia,
 		"stroke-width": 3,
 		"stroke-linecap": "round"
 	}));
 }
-function ii(e, t, n, r, i) {
-	if (i?.ecosystem && T(e, oi(t, n, 18.5, {
+function ci(e, t, n, r, i) {
+	if (i?.ecosystem && T(e, ui(t, n, 18.5, {
 		fill: "none",
 		stroke: r,
 		"stroke-width": 1.25,
@@ -3163,20 +3220,20 @@ function ii(e, t, n, r, i) {
 		[0, -3.8],
 		[-3.4, 2.4],
 		[3.4, 2.4]
-	]) T(e, oi(t + i, n + a, 1.7, { fill: r }));
+	]) T(e, ui(t + i, n + a, 1.7, { fill: r }));
 }
-function ai(e, t, n, r, i, a) {
+function li(e, t, n, r, i, a) {
 	let o = n + i.x, s = r + i.y;
 	T(e, q(t.wardleyLabel, o, s, {
 		"font-weight": "500",
 		"text-anchor": i.anchor,
-		class: `${K} ${$r}`,
-		[ei]: "name",
+		class: `${K} ${ri}`,
+		[ii]: "name",
 		...t.color ? { fill: t.color } : {}
 	}, !0, a));
 	let c = t.decorators?.method;
 	if (c) {
-		let n = Vr(s, zr(t.wardleyLabel).length, a);
+		let n = Gr(s, Ur(t.wardleyLabel).length, a);
 		T(e, q(c, o, n + 15, {
 			"font-size": 10.5,
 			"text-anchor": i.anchor,
@@ -3184,7 +3241,7 @@ function ai(e, t, n, r, i, a) {
 		}));
 	}
 }
-function oi(e, t, n, r) {
+function ui(e, t, n, r) {
 	return E(D("circle"), {
 		cx: e,
 		cy: t,
@@ -3193,7 +3250,7 @@ function oi(e, t, n, r) {
 		...r
 	});
 }
-function si(e, t, n, r, i) {
+function di(e, t, n, r, i) {
 	return E(D("line"), {
 		x1: e,
 		y1: t,
@@ -3203,7 +3260,7 @@ function si(e, t, n, r, i) {
 	});
 }
 function q(e, t, n, r = {}, i = !0, a) {
-	let o = a ? zr(e) : [e], s = a ? Br(n, o.length, a) : n, c = i ? {
+	let o = a ? Ur(e) : [e], s = a ? Wr(n, o.length, a) : n, c = i ? {
 		stroke: j.paper,
 		"stroke-width": 3.5,
 		"paint-order": "stroke",
@@ -3225,17 +3282,17 @@ function q(e, t, n, r = {}, i = !0, a) {
 		r.textContent = e, T(l, r);
 	}), l);
 }
-function ci(e, t, n, r = 10, i = 5) {
+function fi(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 E(D("polygon"), {
 		points: c,
 		fill: n
 	});
 }
-function li(e) {
+function pi(e) {
 	return e.wardleyType === "component" ? 17 : e.wardleyType === "anchor" ? 14 : e.wardleyType === "pipeline" ? 10 : Math.min(e.width, e.height) / 2;
 }
-function ui(e) {
+function mi(e) {
 	let t = e.source, n = e.target, r = e.waypoints;
 	if (!t || !n) {
 		let e = r[0] ?? {
@@ -3244,7 +3301,7 @@ function ui(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	let i = U(t), a = U(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = li(t), f = li(n);
+	let i = H(t), a = H(n), o = a.x - i.x, s = a.y - i.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = pi(t), f = pi(n);
 	return c <= d + f + 2 ? [i, a] : [{
 		x: i.x + l * d,
 		y: i.y + u * d
@@ -3254,35 +3311,35 @@ function ui(e) {
 	}];
 }
 // src/draw/index.ts
-var di = {
+var hi = {
 	__init__: ["wardleyRenderer"],
-	wardleyRenderer: ["type", ni]
-}, fi = class extends fn {
+	wardleyRenderer: ["type", oi]
+}, gi = class extends hn {
 	_getModules() {
 		return [
-			yn,
-			Ar,
-			di,
-			st
+			Sn,
+			Nr,
+			hi,
+			ct
 		];
 	}
-}, pi = 180, mi = 80, hi = 120, gi = 96, _i = .5, vi = (e, t, n) => e < t ? t : e > n ? n : e;
-function yi(e, t, n, r) {
+}, _i = 180, vi = 80, yi = 120, bi = 96, xi = .5, Si = (e, t, n) => e < t ? t : e > n ? n : e;
+function Ci(e, t, n, r) {
 	let i = n.min - n.padBefore, a = n.max + n.padAfter;
-	return !r && t >= n.max - n.min ? vi(e, Math.min(n.max - t, i), Math.max(n.min, a - t)) : t <= a - i ? vi(e, i, a - t) : (i + a) / 2 - t / 2;
+	return !r && t >= n.max - n.min ? Si(e, Math.min(n.max - t, i), Math.max(n.min, a - t)) : t <= a - i ? Si(e, i, a - t) : (i + a) / 2 - t / 2;
 }
-function bi(e, t, n) {
+function wi(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 xi(e, t, n, r, i) {
-	let a = bi(t, n, i), o = bi(t, r, i);
-	return vi(e, Math.min(a.lowest, o.lowest), Math.max(a.highest, o.highest));
+function Ti(e, t, n, r, i) {
+	let a = wi(t, n, i), o = wi(t, r, i);
+	return Si(e, Math.min(a.lowest, o.lowest), Math.max(a.highest, o.highest));
 }
-var Si = class {
+var Ei = class {
 	canvas;
 	grid;
 	static $inject = [
@@ -3309,12 +3366,12 @@ var Si = class {
 		});
 	}
 	contentBounds() {
-		return this.measured ??= Ue(this.canvas, this.grid, 0), this.measured;
+		return this.measured ??= We(this.canvas, this.grid, 0), this.measured;
 	}
 	freeArea(e) {
 		let t = this.freeRect?.insets(), n = t ? e.scale ?? this.canvas.zoom() : 0;
 		if (!t || !(n > 0)) return;
-		let r = gi / n, i = (e, t, i) => e * n - t - i > 0 ? {
+		let r = bi / n, i = (e, t, i) => e * n - t - i > 0 ? {
 			before: t / n,
 			after: i / n,
 			slack: r
@@ -3339,26 +3396,26 @@ var Si = class {
 			min: r.y,
 			max: r.y + r.height
 		}, o = this.freeArea(n), s = this.grid.outerBounds(), c = {
-			top: pi,
-			right: hi,
-			bottom: mi,
-			left: hi
-		}, l = o ? xi(n.x, n.width, i, {
+			top: _i,
+			right: yi,
+			bottom: vi,
+			left: yi
+		}, l = o ? Ti(n.x, n.width, i, {
 			min: s.x,
 			max: s.x + s.width
-		}, o.x) : yi(n.x, n.width, {
+		}, o.x) : Ci(n.x, n.width, {
 			...i,
 			padBefore: c.left,
 			padAfter: c.right
-		}, t), u = o ? xi(n.y, n.height, a, {
+		}, t), u = o ? Ti(n.y, n.height, a, {
 			min: s.y,
 			max: s.y + s.height
-		}, o.y) : yi(n.y, n.height, {
+		}, o.y) : Ci(n.y, n.height, {
 			...a,
 			padBefore: c.top,
 			padAfter: c.bottom
 		}, t);
-		if (!(Math.abs(l - n.x) < _i && Math.abs(u - n.y) < _i)) {
+		if (!(Math.abs(l - n.x) < xi && Math.abs(u - n.y) < xi)) {
 			this.applying = !0;
 			try {
 				this.canvas.viewbox({
@@ -3372,10 +3429,10 @@ var Si = class {
 			}
 		}
 	}
-}, Ci = {
+}, Di = {
 	__init__: ["panConstraint"],
-	panConstraint: ["type", Si]
-}, wi = class {
+	panConstraint: ["type", Ei]
+}, Oi = class {
 	canvas;
 	config;
 	static $inject = ["canvas", "config.wardleyFreeRect"];
@@ -3405,7 +3462,7 @@ var Si = class {
 			y: t.y + a(i, n.top, n.bottom) / t.scale
 		};
 	}
-}, Ti = { wardleyFreeRect: ["type", wi] }, Ei = class extends fi {
+}, ki = { wardleyFreeRect: ["type", Oi] }, Ai = class extends gi {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -3413,11 +3470,11 @@ var Si = class {
 			_e,
 			ve,
 			ye,
-			Ti,
-			Ci
+			ki,
+			Di
 		];
 	}
-}, Di = "lasso", Oi = "lasso.selection", ki = class {
+}, ji = "lasso", Mi = "lasso.selection", Ni = class {
 	static $inject = [
 		"eventBus",
 		"canvas",
@@ -3435,41 +3492,41 @@ var Si = class {
 				return;
 			}
 			if (e.element === i) return n.activateLasso(r), !1;
-		}), e.on(`${Oi}.cleanup`, () => {
-			r.isActive(Di) && r.setActive(null);
+		}), e.on(`${Mi}.cleanup`, () => {
+			r.isActive(ji) && r.setActive(null);
 		});
 	}
-}, Ai = {
+}, Pi = {
 	__depends__: [ke],
 	__init__: ["wardleyLassoBehavior"],
-	wardleyLassoBehavior: ["type", ki]
-}, ji = /* @__PURE__ */ new Set([
+	wardleyLassoBehavior: ["type", Ni]
+}, Fi = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline"
-]), Mi = /* @__PURE__ */ new Set(["e", "w"]);
-function Ni(e) {
-	return N(e) && ji.has(e.wardleyType);
+]), Ii = /* @__PURE__ */ new Set(["e", "w"]);
+function Li(e) {
+	return N(e) && Fi.has(e.wardleyType);
 }
-function Pi(e, t) {
+function Ri(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t) || (e.incoming ?? []).some((e) => e.source === t);
 }
-var Fi = class extends se {
+var zi = class extends se {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => Ni(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => Li(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !Ni(t) || !Ni(n) || t === n || Pi(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) => I(e.shape) ? !e.direction || Mi.has(e.direction) : tt(e.shape));
+			return !Li(t) || !Li(n) || t === n || Ri(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) => I(e.shape) ? !e.direction || Ii.has(e.direction) : nt(e.shape));
 	}
-}, Ii = {
+}, Bi = {
 	__init__: ["wardleyRules"],
-	wardleyRules: ["type", Fi]
-}, Li = {
+	wardleyRules: ["type", zi]
+}, Vi = {
 	__init__: ["stageSnapping"],
 	stageSnapping: ["type", class {
 		static $inject = [
@@ -3509,20 +3566,20 @@ var Fi = class extends se {
 			});
 		}
 	}]
-}, J = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, Ri = (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>`, zi = "<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\"/>", Bi = "<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>", Vi = (e = "") => `<circle cx="12" cy="12" r="7" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="2"/>${e}`, Hi = (e, t) => `<text x="12" text-anchor="middle" font-family="${M.family}" ${t}>${e}</text>`, Y = {
-	draw: Ri(Bi),
-	lasso: Ri(zi),
-	component: J(Vi()),
-	market: J(Vi(`<circle cx="12" cy="10" r="1.4" fill="${j.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${j.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${j.stroke}"/>`)),
-	ecosystem: J(Vi(`<circle cx="12" cy="12" r="10" fill="none" stroke="${j.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
-	anchor: J(`<path d="${Mr}" fill="${j.ink}"/>`),
+}, J = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="wardley-palette-svg">${e}</svg>`, Hi = (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>`, Ui = "<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\"/>", Wi = "<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>", Gi = (e = "") => `<circle cx="12" cy="12" r="7" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="2"/>${e}`, Ki = (e, t) => `<text x="12" text-anchor="middle" font-family="${M.family}" ${t}>${e}</text>`, Y = {
+	draw: Hi(Wi),
+	lasso: Hi(Ui),
+	component: J(Gi()),
+	market: J(Gi(`<circle cx="12" cy="10" r="1.4" fill="${j.stroke}"/><circle cx="10.2" cy="13.4" r="1.4" fill="${j.stroke}"/><circle cx="13.8" cy="13.4" r="1.4" fill="${j.stroke}"/>`)),
+	ecosystem: J(Gi(`<circle cx="12" cy="12" r="10" fill="none" stroke="${j.stroke}" stroke-width="1.25" stroke-dasharray="1.5 3" stroke-linecap="round"/>`)),
+	anchor: J(`<path d="${Ir}" fill="${j.ink}"/>`),
 	pipeline: J(`<rect x="9.5" y="2.5" width="5.5" height="5.5" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="1.5"/><rect x="2" y="10" width="20" height="9" rx="2" fill="none" stroke="${j.pipeline}" stroke-width="1.25" stroke-dasharray="3 2"/><circle cx="7" cy="14.5" r="2.2" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="1.2"/><circle cx="17" cy="14.5" r="2.2" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="1.2"/>`),
 	note: J(`<g fill="none" stroke="${j.noteText}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h14v11l-5 5H5z" fill="${j.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: J(`<circle cx="12" cy="12" r="8" fill="${j.annotationFill}" stroke="${j.stroke}" stroke-width="1.25"/>` + Hi("1", `y="16" font-size="11" font-weight="700" fill="${j.stroke}"`)),
-	accelerator: J(`<path d="${Nr}" fill="${j.accelerator}"/>`),
-	deaccelerator: J(`<path d="${Pr}" fill="${j.deaccelerator}"/>`),
+	annotation: J(`<circle cx="12" cy="12" r="8" fill="${j.annotationFill}" stroke="${j.stroke}" stroke-width="1.25"/>` + Ki("1", `y="16" font-size="11" font-weight="700" fill="${j.stroke}"`)),
+	accelerator: J(`<path d="${Lr}" fill="${j.accelerator}"/>`),
+	deaccelerator: J(`<path d="${Rr}" fill="${j.deaccelerator}"/>`),
 	submap: J(`<rect x="4" y="4" width="16" height="16" rx="3" fill="${j.componentFill}" stroke="${j.stroke}" stroke-width="2"/><rect x="7.5" y="7.5" width="9" height="9" rx="1.5" fill="none" stroke="${j.stroke}" stroke-width="1"/>`)
-}, Ui = {
+}, qi = {
 	pioneers: "P",
 	settlers: "S",
 	townplanners: "T"
@@ -3531,15 +3588,15 @@ var Fi = class extends se {
 * 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 Wi(e) {
-	let t = Re[e] ?? {
+function Ji(e) {
+	let t = ze[e] ?? {
 		fill: j.band,
 		stroke: j.dependency
-	}, n = Ui[e] ?? "";
-	return J(`<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"/>` + Hi(n, `y="15.3" font-size="9" font-weight="700" fill="${j.ink}"`));
+	}, n = qi[e] ?? "";
+	return J(`<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"/>` + Ki(n, `y="15.3" font-size="9" font-weight="700" fill="${j.ink}"`));
 }
 // src/palette/WardleyPaletteProvider.ts
-var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
+var Yi = "wardley-1-blocks", Xi = "wardley-2-strategy", Zi = [
 	{
 		key: "component",
 		type: "component",
@@ -3547,7 +3604,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		title: "Component",
 		shortcut: "C",
 		icon: Y.component,
-		group: Gi
+		group: Yi
 	},
 	{
 		key: "market",
@@ -3555,7 +3612,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		label: "Market",
 		title: "Market component",
 		icon: Y.market,
-		group: Gi,
+		group: Yi,
 		extra: { market: !0 }
 	},
 	{
@@ -3564,7 +3621,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		label: "Ecosystem",
 		title: "Ecosystem component",
 		icon: Y.ecosystem,
-		group: Gi,
+		group: Yi,
 		extra: { ecosystem: !0 }
 	},
 	{
@@ -3574,7 +3631,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		title: "Anchor / User",
 		shortcut: "U",
 		icon: Y.anchor,
-		group: Gi
+		group: Yi
 	},
 	{
 		key: "pipeline",
@@ -3583,7 +3640,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		title: "Pipeline",
 		shortcut: "P",
 		icon: Y.pipeline,
-		group: Gi
+		group: Yi
 	},
 	{
 		key: "submap",
@@ -3591,15 +3648,15 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		label: "Submap",
 		title: "Submap",
 		icon: Y.submap,
-		group: Gi
+		group: Yi
 	},
 	{
 		key: "pioneers",
 		type: "attitude",
 		label: "Pioneers",
 		title: "Pioneers region",
-		icon: Wi("pioneers"),
-		group: Ki,
+		icon: Ji("pioneers"),
+		group: Xi,
 		extra: { attitudeKind: "pioneers" }
 	},
 	{
@@ -3607,8 +3664,8 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		type: "attitude",
 		label: "Settlers",
 		title: "Settlers region",
-		icon: Wi("settlers"),
-		group: Ki,
+		icon: Ji("settlers"),
+		group: Xi,
 		extra: { attitudeKind: "settlers" }
 	},
 	{
@@ -3616,8 +3673,8 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		type: "attitude",
 		label: "Town Planners",
 		title: "Town Planners region",
-		icon: Wi("townplanners"),
-		group: Ki,
+		icon: Ji("townplanners"),
+		group: Xi,
 		extra: { attitudeKind: "townplanners" }
 	},
 	{
@@ -3626,7 +3683,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		label: "Accelerate",
 		title: "Accelerator",
 		icon: Y.accelerator,
-		group: Ki,
+		group: Xi,
 		extra: { acceleratorDirection: "accelerate" }
 	},
 	{
@@ -3635,7 +3692,7 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		label: "Deaccelerate",
 		title: "Deaccelerator",
 		icon: Y.deaccelerator,
-		group: Ki,
+		group: Xi,
 		extra: { acceleratorDirection: "deaccelerate" }
 	},
 	{
@@ -3647,23 +3704,23 @@ var Gi = "wardley-1-blocks", Ki = "wardley-2-strategy", qi = [
 		icon: Y.note,
 		group: "wardley-3-notes"
 	}
-], Ji = {
+], Qi = {
 	key: "lasso-tool",
 	title: "Lasso",
 	shortcut: "L",
 	icon: Y.lasso
-}, Yi = {
+}, $i = {
 	key: "draw-tool",
 	title: "Draw",
 	icon: Y.draw
-}, Xi = 24, Zi = 24, Qi = 12;
-function $i(e) {
+}, ea = 24, ta = 24, na = 12;
+function ra(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
 }
-function ea(e) {
+function ia(e) {
 	return e.type === "click" && e.detail === 0;
 }
-var ta = class {
+var aa = class {
 	create;
 	factory;
 	lassoTool;
@@ -3683,26 +3740,26 @@ var ta = class {
 	}
 	getPaletteEntries() {
 		let e = {};
-		e[Ji.key] = {
+		e[Qi.key] = {
 			group: "tools",
-			...this.describe(Ji.title, Ji.shortcut),
-			html: this.entryHtml(Ji.title, Ji.icon, Ji.shortcut),
+			...this.describe(Qi.title, Qi.shortcut),
+			html: this.entryHtml(Qi.title, Qi.icon, Qi.shortcut),
 			action: { click: (e) => {
-				ea(e) && this.lassoArmed() ? this.putLassoDown() : (this.lassoTool.activateSelection(e), this.focusCanvasAfterPointer(e));
+				ia(e) && this.lassoArmed() ? this.putLassoDown() : (this.lassoTool.activateSelection(e), this.focusCanvasAfterPointer(e));
 			} }
-		}, e[Yi.key] = {
+		}, e[$i.key] = {
 			group: "tools",
-			...this.describe(Yi.title, Yi.shortcut),
-			html: this.entryHtml(Yi.title, Yi.icon, Yi.shortcut),
+			...this.describe($i.title, $i.shortcut),
+			html: this.entryHtml($i.title, $i.icon, $i.shortcut),
 			action: { click: (e) => {
-				ea(e) && !z(this.injector) && this.putLassoDown(), this.drawTool.toggle(), this.focusCanvasAfterPointer(e);
+				ia(e) && !R(this.injector) && this.putLassoDown(), this.drawTool.toggle(), this.focusCanvasAfterPointer(e);
 			} }
 		};
-		for (let t of qi) {
+		for (let t of Zi) {
 			let n = (e) => {
 				this.create.start(e, this.createShapeFor(t)), this.focusCanvasAfterPointer(e);
 			}, r = (e) => {
-				ea(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
+				ia(e) ? this.createAtFreeCenter(`create.${t.key}`) : n(e);
 			};
 			e[`create.${t.key}`] = {
 				group: t.group,
@@ -3717,16 +3774,16 @@ var ta = class {
 		return e;
 	}
 	createAtFreeCenter(e) {
-		let t = qi.find((t) => `create.${t.key}` === e);
-		if (!t || z(this.injector)) return;
+		let t = Zi.find((t) => `create.${t.key}` === e);
+		if (!t || R(this.injector)) 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) {
-		ea(e) || V(this.injector.get("canvas"));
+		ia(e) || B(this.injector.get("canvas"));
 	}
 	lassoArmed() {
-		return this.injector.get("dragging").context()?.prefix === Oi;
+		return this.injector.get("dragging").context()?.prefix === Mi;
 	}
 	putLassoDown() {
 		this.lassoArmed() && this.injector.get("dragging").cancel(!1);
@@ -3745,13 +3802,13 @@ var ta = class {
 			evolution: 1,
 			visibility: 0
 		}), o = (e, t, n, r) => {
-			let i = t + r / 2 + Xi, a = n - r / 2 - Xi;
+			let i = t + r / 2 + ea, a = n - r / 2 - ea;
 			return i > a ? (t + n) / 2 : Math.min(a, Math.max(i, e));
 		}, s = (t) => ({
-			x: o(r.x + t * Zi, i.x, a.x, e.width),
-			y: o(r.y + t * Zi, i.y, a.y, e.height)
+			x: o(r.x + t * ta, i.x, a.x, e.width),
+			y: o(r.y + t * ta, i.y, a.y, e.height)
 		}), c = this.injector.get("elementRegistry"), l = (t) => c.find((n) => N(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 < Qi; e++) {
+		for (let e = 0; e < na; e++) {
 			let t = s(e);
 			if (!l(t)) return t;
 		}
@@ -3764,10 +3821,10 @@ var ta = class {
 		} : { title: e };
 	}
 	entryHtml(e, t, n, r = !1) {
-		let i = this.needsNativeTitle ? ` title="${$i(n ? `${e} (${n})` : e)}"` : "", a = n ? ` aria-keyshortcuts="${$i(n)}"` : "";
+		let i = this.needsNativeTitle ? ` title="${ra(n ? `${e} (${n})` : e)}"` : "", a = n ? ` aria-keyshortcuts="${ra(n)}"` : "";
 		return `<div class="entry wardley-palette-entry"${r ? " draggable=\"true\"" : ""}${i}${a}>${t}</div>`;
 	}
-}, na = ".djs-palette-entries .entry", ra = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), ia = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), aa = /* @__PURE__ */ new Set(["Enter", " "]), oa = class {
+}, oa = ".djs-palette-entries .entry", sa = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), ca = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]), la = /* @__PURE__ */ new Set(["Enter", " "]), ua = class {
 	palette;
 	provider;
 	static $inject = [
@@ -3799,7 +3856,7 @@ var ta = class {
 		}), this.updateTabStops());
 	}
 	entries() {
-		return this.container ? Array.from(this.container.querySelectorAll(na)) : [];
+		return this.container ? Array.from(this.container.querySelectorAll(oa)) : [];
 	}
 	entryOf(e) {
 		if (!(e instanceof Element) || !this.container) return null;
@@ -3814,9 +3871,9 @@ var ta = class {
 	}
 	onKeydown(e) {
 		let t = this.entryOf(e.target);
-		if (!t || e.altKey || e.ctrlKey || e.metaKey || !St(e, t)) return;
+		if (!t || e.altKey || e.ctrlKey || e.metaKey || !wt(e, t)) return;
 		let n = this.entries(), r = n.indexOf(t), i;
-		ra.has(e.key) ? i = n[(r - 1 + n.length) % n.length] : ia.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()) : aa.has(e.key) && (e.preventDefault(), e.stopPropagation(), this.activate(t));
+		sa.has(e.key) ? i = n[(r - 1 + n.length) % n.length] : ca.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()) : la.has(e.key) && (e.preventDefault(), e.stopPropagation(), this.activate(t));
 	}
 	activate(e) {
 		let t = e.getAttribute("data-action");
@@ -3828,7 +3885,7 @@ var ta = class {
 		});
 		this.palette.triggerEntry(t, "click", r);
 	}
-}, sa = ".djs-palette-entries .group[data-group=\"tools\"] .entry[data-action]", ca = "-tool", la = class {
+}, da = ".djs-palette-entries .group[data-group=\"tools\"] .entry[data-action]", fa = "-tool", pa = class {
 	static $inject = ["eventBus", "injector"];
 	container;
 	armedTool = null;
@@ -3841,14 +3898,14 @@ var ta = class {
 	}
 	apply() {
 		let e = this.container;
-		if (e && e.getAttribute("data-chrome") !== "palette") for (let t of e.querySelectorAll(sa)) {
+		if (e && e.getAttribute("data-chrome") !== "palette") for (let t of e.querySelectorAll(da)) {
 			let e = t.getAttribute("data-action");
-			if (!e.endsWith(ca)) continue;
+			if (!e.endsWith(fa)) continue;
 			let n = e.slice(0, -5);
 			t.setAttribute("aria-pressed", String(n === this.armedTool));
 		}
 	}
-}, ua = ".djs-palette-entries .entry", da = /* @__PURE__ */ new Set(["Enter", " "]), fa = 300, pa = 8, ma = 12, ha = 8, ga = 0, _a = class {
+}, ma = ".djs-palette-entries .entry", ha = /* @__PURE__ */ new Set(["Enter", " "]), ga = 300, _a = 8, va = 12, ya = 8, ba = 0, xa = class {
 	palette;
 	canvas;
 	static $inject = [
@@ -3858,7 +3915,7 @@ var ta = class {
 	];
 	entries = {};
 	paletteContainer;
-	id = `wardley-palette-tooltip-${++ga}`;
+	id = `wardley-palette-tooltip-${++ba}`;
 	shown;
 	pending;
 	hovered;
@@ -3882,7 +3939,7 @@ var ta = class {
 	}
 	entryOf(e) {
 		if (!(e instanceof Element)) return;
-		let t = e.closest(ua);
+		let t = e.closest(ma);
 		return t && this.paletteContainer?.contains(t) ? t : void 0;
 	}
 	onPointerOver = (e) => {
@@ -3909,19 +3966,19 @@ var ta = class {
 	};
 	onPaletteScroll = () => {
 		let e = this.shown, t = this.paletteContainer;
-		e && t && (ba(e.entry, t) ? this.hide() : this.place(e.element, e.entry));
+		e && t && (wa(e.entry, t) ? this.hide() : this.place(e.element, e.entry));
 	};
 	pressesEntry(e) {
-		return da.has(e.key) && !e.altKey && !e.ctrlKey && !e.metaKey && this.entryOf(e.target) !== void 0;
+		return ha.has(e.key) && !e.altKey && !e.ctrlKey && !e.metaKey && this.entryOf(e.target) !== void 0;
 	}
 	enter(e, t) {
 		t.pointerType !== "touch" && this.pressed !== e && (this.shown || Date.now() < this.warmUntil ? this.show(e) : (this.cancelPending(), this.pending = {
 			entry: e,
-			timer: setTimeout(() => this.show(e), fa)
+			timer: setTimeout(() => this.show(e), ga)
 		}));
 	}
 	leave(e) {
-		this.pressed === e && (this.pressed = void 0), this.pending?.entry === e && this.cancelPending(), this.shown?.entry === e && (this.hide(), this.warmUntil = Date.now() + fa);
+		this.pressed === e && (this.pressed = void 0), this.pending?.entry === e && this.cancelPending(), this.shown?.entry === e && (this.hide(), this.warmUntil = Date.now() + ga);
 	}
 	cancelPending() {
 		this.pending && clearTimeout(this.pending.timer), this.pending = void 0;
@@ -3934,17 +3991,17 @@ var ta = class {
 			return;
 		}
 		this.hide();
-		let n = va(e.ownerDocument, this.id, ya(e), t.title, t.shortcut);
+		let n = Sa(e.ownerDocument, this.id, Ca(e), t.title, t.shortcut);
 		this.canvas.getContainer().append(n);
 		let r = e.getAttribute("aria-describedby");
 		this.shown = {
 			entry: e,
 			element: n,
 			describedBy: r
-		}, Sa(e, t.title, t.shortcut) && e.setAttribute("aria-describedby", [r, this.id].filter(Boolean).join(" ")), this.place(n, e);
+		}, Ea(e, t.title, t.shortcut) && e.setAttribute("aria-describedby", [r, this.id].filter(Boolean).join(" ")), this.place(n, e);
 	}
 	place(e, t) {
-		ya(t) ? xa(e, t) : this.placeBelowPalette(e, t);
+		Ca(t) ? Ta(e, t) : this.placeBelowPalette(e, t);
 	}
 	hide() {
 		if (this.cancelPending(), !this.shown) return;
@@ -3952,11 +4009,11 @@ var ta = class {
 		this.shown = void 0, t.remove(), n === null ? e.removeAttribute("aria-describedby") : e.setAttribute("aria-describedby", n);
 	}
 	placeBelowPalette(e, t) {
-		let n = this.canvas.getContainer().getBoundingClientRect(), r = t.getBoundingClientRect(), i = (t.closest(".djs-palette") ?? t).getBoundingClientRect(), a = e.getBoundingClientRect().width / 2, o = r.left + r.width / 2 - n.left, s = Math.max(ma + a, Math.min(o, n.width - ma - a));
-		e.style.left = `${s}px`, e.style.top = `${i.bottom + pa - n.top}px`;
+		let n = this.canvas.getContainer().getBoundingClientRect(), r = t.getBoundingClientRect(), i = (t.closest(".djs-palette") ?? t).getBoundingClientRect(), a = e.getBoundingClientRect().width / 2, o = r.left + r.width / 2 - n.left, s = Math.max(va + a, Math.min(o, n.width - va - a));
+		e.style.left = `${s}px`, e.style.top = `${i.bottom + _a - n.top}px`;
 	}
 };
-function va(e, t, n, r, i) {
+function Sa(e, t, n, r, i) {
 	let a = e.createElement("div");
 	a.id = t, a.setAttribute("role", "tooltip"), a.className = `djs-hover-tooltip djs-hover-tooltip--${n ? "right" : "bottom"}`;
 	let o = e.createElement("span");
@@ -3966,22 +4023,22 @@ function va(e, t, n, r, i) {
 	}
 	return a;
 }
-function ya(e) {
+function Ca(e) {
 	return e.closest(".djs-palette")?.getAttribute("data-chrome") === "palette";
 }
-function ba(e, t) {
+function wa(e, t) {
 	let n = t.getBoundingClientRect().left + t.clientLeft, r = e.getBoundingClientRect();
 	return r.right <= n || r.left >= n + t.clientWidth;
 }
-function xa(e, t) {
+function Ta(e, t) {
 	let n = t.getBoundingClientRect();
-	e.style.left = `${n.right + ha}px`, e.style.top = `${n.top + n.height / 2}px`;
+	e.style.left = `${n.right + ya}px`, e.style.top = `${n.top + n.height / 2}px`;
 }
-function Sa(e, t, n) {
+function Ea(e, t, n) {
 	return !(e.getAttribute("aria-label") ?? e.textContent ?? "").includes(t) || !!n && !e.hasAttribute("aria-keyshortcuts");
 }
 // src/palette/WardleyPaletteReadOnly.ts
-var Ca = ".djs-palette-entries .entry[data-action]", wa = /* @__PURE__ */ new Set(["lasso-tool"]), Ta = 2e3, Ea = class {
+var Da = ".djs-palette-entries .entry[data-action]", Oa = /* @__PURE__ */ new Set(["lasso-tool"]), ka = 2e3, Aa = class {
 	injector;
 	static $inject = ["eventBus", "injector"];
 	container;
@@ -3989,10 +4046,10 @@ var Ca = ".djs-palette-entries .entry[data-action]", wa = /* @__PURE__ */ new Se
 	constructor(e, t) {
 		this.injector = t, !t.get("modelerShell", !1) && (e.on("palette.create", (e) => {
 			this.container = e.container;
-		}), e.on(["palette.changed", R], () => this.apply()), e.on("palette.trigger", Ta, (e) => this.vetoes(e) ? this.refuse(e) : void 0));
+		}), e.on(["palette.changed", gt], () => this.apply()), e.on("palette.trigger", ka, (e) => this.vetoes(e) ? this.refuse(e) : void 0));
 	}
 	isDisabled(e) {
-		return this.ownsPalette() && z(this.injector) && Da(e);
+		return this.ownsPalette() && R(this.injector) && ja(e);
 	}
 	ownsPalette() {
 		let e = this.container;
@@ -4001,15 +4058,15 @@ var Ca = ".djs-palette-entries .entry[data-action]", wa = /* @__PURE__ */ new Se
 	apply() {
 		let e = this.container;
 		if (!e || !this.ownsPalette()) return;
-		let t = bt(this.injector);
-		for (let n of e.querySelectorAll(Ca)) if (t && Da(n)) this.ownMarks.has(n) || this.ownMarks.set(n, n.getAttribute("aria-disabled")), n.setAttribute("aria-disabled", "true");
+		let t = St(this.injector);
+		for (let n of e.querySelectorAll(Da)) if (t && ja(n)) this.ownMarks.has(n) || this.ownMarks.set(n, n.getAttribute("aria-disabled")), n.setAttribute("aria-disabled", "true");
 		else if (this.ownMarks.has(n)) {
 			let e = this.ownMarks.get(n);
 			this.ownMarks.delete(n), e == null ? n.removeAttribute("aria-disabled") : n.setAttribute("aria-disabled", e);
 		}
 	}
 	vetoes({ entry: e, event: t }) {
-		if (!this.ownsPalette() || !z(this.injector)) return !1;
+		if (!this.ownsPalette() || !R(this.injector)) return !1;
 		let n = t?.delegateTarget ?? t?.target, r = n instanceof Element ? n.closest(".entry[data-action]") : null;
 		return r && this.container.contains(r) ? this.isDisabled(r) : e?.group !== "tools";
 	}
@@ -4017,11 +4074,11 @@ var Ca = ".djs-palette-entries .entry[data-action]", wa = /* @__PURE__ */ new Se
 		return e?.preventDefault(), !1;
 	}
 };
-function Da(e) {
-	return !wa.has(e.getAttribute("data-action") ?? "");
+function ja(e) {
+	return !Oa.has(e.getAttribute("data-action") ?? "");
 }
 // src/palette/WardleyHoverTooltipTeardown.ts
-var Oa = 1500, ka = {
+var Ma = 1500, Na = {
 	__depends__: [we, {
 		__depends__: [Ae],
 		__init__: ["wardleyHoverTooltipTeardown"],
@@ -4030,7 +4087,7 @@ var Oa = 1500, ka = {
 			constructor(e, t) {
 				if (!t) return;
 				let n = t;
-				e.on("diagram.destroy", Oa, () => {
+				e.on("diagram.destroy", Ma, () => {
 					clearTimeout(n._showTimer ?? void 0), n._showTimer = null, n._current = null;
 				});
 			}
@@ -4043,34 +4100,34 @@ var Oa = 1500, ka = {
 		"wardleyPaletteReadOnly",
 		"paletteTooltip"
 	],
-	wardleyPaletteProvider: ["type", ta],
-	wardleyPaletteKeyboard: ["type", oa],
-	wardleyPaletteArmedTool: ["type", la],
-	wardleyPaletteReadOnly: ["type", Ea],
-	paletteTooltip: ["type", _a]
-}, Aa = 8, ja = 134, Ma = class extends je {
+	wardleyPaletteProvider: ["type", aa],
+	wardleyPaletteKeyboard: ["type", ua],
+	wardleyPaletteArmedTool: ["type", pa],
+	wardleyPaletteReadOnly: ["type", Aa],
+	paletteTooltip: ["type", xa]
+}, Pa = 8, Fa = 134, Ia = 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 = Na(n), i = r.right + this.padWidth() + Aa * this.internals()._canvas.zoom(), a = t.flatMap((e) => this.visualRects(e, "movement"));
-		return t.flatMap((e) => this.movementTargetRects(e)).some((e) => e.right > r.right && e.left < i) ? Na([...n, ...a]) : r;
+		let r = La(n), i = r.right + this.padWidth() + Pa * 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) ? La([...n, ...a]) : r;
 	}
 	internals() {
 		return this;
 	}
 	padWidth() {
-		return this.internals()._current?.html?.getBoundingClientRect().width || ja;
+		return this.internals()._current?.html?.getBoundingClientRect().width || Fa;
 	}
 	movementTargetRects(e) {
-		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${Qr} > :is(.wardley-evolve-handle, text)`);
+		let t = this.internals()._canvas.getGraphics(e)?.querySelectorAll(`.djs-visual > .${ni} > :is(.wardley-evolve-handle, text)`);
 		return Array.from(t ?? []).map((e) => e.getBoundingClientRect());
 	}
 	visualRects(e, t) {
 		let n = this.internals()._canvas.getGraphics(e);
-		return n ? Array.from(n.children).flatMap((e) => e.classList.contains("djs-visual") ? Array.from(e.children).filter((e) => e.classList.contains(Qr) === (t === "movement")) : t === "node" ? [e] : []).map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 || e.height > 0) : [];
+		return n ? Array.from(n.children).flatMap((e) => e.classList.contains("djs-visual") ? Array.from(e.children).filter((e) => e.classList.contains(ni) === (t === "movement")) : t === "node" ? [e] : []).map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 || e.height > 0) : [];
 	}
 };
-function Na(e) {
+function La(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,
@@ -4084,7 +4141,7 @@ function Na(e) {
 	};
 }
 // src/label-editing/fieldError.ts
-function Pa(e, t, n, r) {
+function Ra(e, t, n, r) {
 	let i;
 	return {
 		get caption() {
@@ -4099,30 +4156,30 @@ function Pa(e, t, n, r) {
 	};
 }
 // src/label-editing/imeComposition.ts
-function Fa(e) {
+function za(e) {
 	return e.isComposing || e.keyCode === 229;
 }
 // src/label-editing/WardleyLabelEditing.ts
-function Ia(e, t) {
+function Ba(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 La = "wardley-name-label", Ra = "wardley-label-editing", za = /* @__PURE__ */ new Set(["attitude", "drawing"]), Ba = 500, Va = 6, Ha = 2, Ua = 1.5, Wa = 1.25, Ga = 11, Ka = 4, qa = "Cmd/Ctrl+Enter to save · Esc to cancel";
-function Ja(e) {
+var Va = "wardley-name-label", Ha = "wardley-label-editing", Ua = /* @__PURE__ */ new Set(["attitude", "drawing"]), Wa = 500, Ga = 6, Ka = 2, qa = 1.5, Ja = 1.25, Ya = 11, Xa = 4, Za = "Cmd/Ctrl+Enter to save · Esc to cancel";
+function Qa(e) {
 	return `“${e}” already exists. Names must be unique because links refer to them.`;
 }
-var Ya = "∖";
-function Xa(e, t) {
+var $a = "∖";
+function eo(e, t) {
 	let n = e.replace(/\r\n?/g, "\n").replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
-	return t ? n.replace(/\\(?=n)/g, Ya) : n;
+	return t ? n.replace(/\\(?=n)/g, $a) : n;
 }
-var Za;
-function Qa(e, t, n) {
-	return Za === void 0 && (Za = document.createElement("canvas").getContext("2d")), Za ? (Za.font = t, Za.measureText(e).width) : e.length * n * .6;
+var to;
+function no(e, t, n) {
+	return to === void 0 && (to = document.createElement("canvas").getContext("2d")), to ? (to.font = t, to.measureText(e).width) : e.length * n * .6;
 }
-var $a = class {
+var ro = class {
 	eventBus;
 	canvas;
 	elementRegistry;
@@ -4142,19 +4199,19 @@ var $a = class {
 	selection;
 	locked;
 	constructor(e, t, n, r, i, a) {
-		this.eventBus = e, this.canvas = t, this.elementRegistry = n, this.modeling = r, this.factory = i, At(), this.contextPad = a.get("contextPad", !1) ?? null, this.selection = a.get("selection", !1) ?? null, this.locked = () => z(a), e.on("element.dblclick", (e) => {
+		this.eventBus = e, this.canvas = t, this.elementRegistry = n, this.modeling = r, this.factory = i, Mt(), this.contextPad = a.get("contextPad", !1) ?? null, this.selection = a.get("selection", !1) ?? null, this.locked = () => R(a), e.on("element.dblclick", (e) => {
 			N(e.element) ? this.activate(e.element) : P(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"], Ba, (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"], Wa, (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 (!N(e) || za.has(e.wardleyType) || this.locked() || this.elementRegistry.get(e.id) !== e) return;
+		if (!N(e) || Ua.has(e.wardleyType) || this.locked() || this.elementRegistry.get(e.id) !== e) return;
 		this.active?.commit("outside");
-		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = jt(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = () => r ? "centered" : G(e, this.elementRegistry), u = l(), d = (e) => Math.max(e * Wa, r ? 17 * this.canvas.zoom() : 0), f = d(c.fontSize), p = eo(r, t.value ?? e.wardleyLabel ?? "", c, f), m = r ? no("wardley-label-hint", qa) : void 0, h = () => {
-			let { left: e, top: t, width: n, height: i } = to(p.value, c, f, r, u);
+		let n = this.canvas.getContainer(), r = e.wardleyType === "note", i = Nt(), a = this.factory.isLinkable(e.wardleyType), o = this.nameLabelElements(e), s = [...o.classedByFallback], c = this.labelGeometry(e, o.labelElements), l = () => r ? "centered" : G(e, this.elementRegistry), u = l(), d = (e) => Math.max(e * Ja, r ? 17 * this.canvas.zoom() : 0), f = d(c.fontSize), p = io(r, t.value ?? e.wardleyLabel ?? "", c, f), m = r ? oo("wardley-label-hint", Za) : void 0, h = () => {
+			let { left: e, top: t, width: n, height: i } = ao(p.value, c, f, r, u);
 			Object.assign(p.style, {
 				left: `${e}px`,
 				top: `${t}px`,
@@ -4162,20 +4219,20 @@ var $a = class {
 				height: `${i}px`
 			}), p.scrollTop = 0;
 			let a = t + i + 8;
-			for (let t of [g.caption, m]) t && (t.style.left = `${e}px`, t.style.top = `${a}px`, a += t.offsetHeight + Ka);
-		}, g = Pa(n, p, `wardley-label-error-${e.id}`, () => h()), _ = (e) => {
-			g.show(Ja(e)), p.select();
+			for (let t of [g.caption, m]) t && (t.style.left = `${e}px`, t.style.top = `${a}px`, a += t.offsetHeight + Xa);
+		}, g = Ra(n, p, `wardley-label-error-${e.id}`, () => h()), _ = (e) => {
+			g.show(Qa(e)), p.select();
 		}, v = () => g.clear();
-		this.contextPad?.close(), this.canvas.addMarker(e, Ra), n.appendChild(p), m && n.appendChild(m), h(), Ia(p, t);
+		this.contextPad?.close(), this.canvas.addMarker(e, Ha), n.appendChild(p), m && n.appendChild(m), h(), Ba(p, t);
 		let y = !1, b = () => {
 			if (!y) {
-				y = !0, p.removeEventListener("keydown", x), p.removeEventListener("blur", S), p.removeEventListener("input", te), p.remove(), m?.remove(), g.clear(), this.canvas.removeMarker(e, Ra);
-				for (let e of s) e.classList.remove(La), e.classList.length || e.removeAttribute("class");
+				y = !0, p.removeEventListener("keydown", x), p.removeEventListener("blur", S), p.removeEventListener("input", te), p.remove(), m?.remove(), g.clear(), this.canvas.removeMarker(e, Ha);
+				for (let e of s) e.classList.remove(Va), e.classList.length || e.removeAttribute("class");
 				this.active = null;
 			}
 		}, ee = (t) => {
 			if (y) return;
-			let n = Xa(p.value, a);
+			let n = eo(p.value, a);
 			if (!n || n === e.wardleyLabel) {
 				b();
 				return;
@@ -4187,7 +4244,7 @@ var $a = class {
 				applied: r
 			}));
 		}, x = (t) => {
-			if (!(Fa(t) || B(t))) {
+			if (!(za(t) || z(t))) {
 				if (t.key === "Escape") t.preventDefault(), b(), this.returnToCanvas(e, i);
 				else if (t.key === "Enter") {
 					if (r ? !(t.metaKey || t.ctrlKey) : t.shiftKey) return;
@@ -4219,7 +4276,7 @@ var $a = class {
 		this.active?.commit("outside");
 		let n = this.canvas.getContainer();
 		if (e.waypoints.length < 1) return;
-		let r = e.wardleyType === "flow", i = jt(), a = document.createElement("input");
+		let r = e.wardleyType === "flow", i = Nt(), 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];
@@ -4227,7 +4284,7 @@ var $a = class {
 			let r = this.canvas.zoom(), i = this.canvas.viewbox();
 			a.style.left = `${((t.x + n.x) / 2 - 60 - i.x) * r}px`, a.style.top = `${((t.y + n.y) / 2 - 26 - i.y) * r}px`;
 		};
-		o(), n.appendChild(a), Ia(a, t);
+		o(), n.appendChild(a), Ba(a, t);
 		let s = !1, c = () => {
 			s || (s = !0, a.removeEventListener("keydown", u), a.removeEventListener("blur", d), a.remove(), this.active = null);
 		}, l = () => {
@@ -4246,7 +4303,7 @@ var $a = class {
 				...o ? { businessObject: o } : {}
 			});
 		}, u = (t) => {
-			Fa(t) || B(t) || (t.key === "Escape" ? (t.preventDefault(), c(), this.returnToCanvas(e, i)) : t.key === "Enter" && (t.preventDefault(), l(), this.returnToCanvas(e, i)));
+			za(t) || z(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 = () => {
@@ -4286,7 +4343,7 @@ var $a = class {
 		};
 	}
 	returnToCanvas(e, t) {
-		t ? V(this.canvas) : this.canvas.focus();
+		t ? B(this.canvas) : this.canvas.focus();
 		let n = this.selection?.get() ?? [];
 		n.length === 1 && n[0] === e && this.contextPad?.open(e);
 	}
@@ -4296,20 +4353,20 @@ var $a = class {
 			labelElements: [],
 			classedByFallback: []
 		};
-		let n = [...t.querySelectorAll(`.${La}`)];
+		let n = [...t.querySelectorAll(`.${Va}`)];
 		if (n.length) return {
 			labelElements: n,
 			classedByFallback: []
 		};
 		let r = [...t.querySelectorAll("text")].filter((e) => !e.closest(".wardley-movement")), i = (e.wardleyLabel ?? "").split("\n").join(""), a = e.wardleyType === "note" ? r : r.filter((e) => e.textContent === i).slice(-1);
-		for (let e of a) e.classList.add(La);
+		for (let e of a) e.classList.add(Va);
 		return {
 			labelElements: a,
 			classedByFallback: a
 		};
 	}
 	labelGeometry(e, t) {
-		let n = this.canvas.zoom(), r = this.canvas.viewbox(), i = this.canvas.getContainer().getBoundingClientRect(), a = t[0], o = a ? getComputedStyle(a) : void 0, s = Math.max(Ga, (Number.parseFloat(o?.fontSize ?? "") || M.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(Ya, (Number.parseFloat(o?.fontSize ?? "") || M.label) * n), c = {
 			fontSize: s,
 			fontWeight: o?.fontWeight || "normal",
 			fontStyle: o?.fontStyle || "normal",
@@ -4347,7 +4404,7 @@ var $a = class {
 		};
 	}
 };
-function eo(e, t, n, r) {
+function io(e, t, n, r) {
 	let i = document.createElement("textarea");
 	return i.className = "wardley-label-input wardley-label-input--name wardley-label-textarea", i.value = t, i.rows = 1, i.setAttribute("aria-label", e ? "Note text" : "Name"), i.spellcheck = !1, i.wrap = "off", Object.assign(i.style, {
 		position: "absolute",
@@ -4356,12 +4413,12 @@ function eo(e, t, n, r) {
 		fontWeight: n.fontWeight,
 		fontStyle: n.fontStyle,
 		lineHeight: `${r}px`,
-		padding: `${Ha}px ${Va}px`,
+		padding: `${Ka}px ${Ga}px`,
 		textAlign: n.centered ? "center" : "left"
 	}), i;
 }
-function to(e, t, n, r, i) {
-	let a = `${t.fontStyle} ${t.fontWeight} ${t.fontSize}px ${t.fontFamily}`, o = (e || " ").split("\n"), s = Math.max(...o.map((e) => Qa(e, a, t.fontSize))), c = Math.max(s + 17, t.fontSize * 2 + 17, r ? t.width : 0), l = Math.max(o.length * n + 7, r ? t.height : 0), u = t.centered ? t.left + t.width / 2 - c / 2 : t.left - Va - Ua, d = t.top + t.height / 2, f = t.lineCount * n + 7;
+function ao(e, t, n, r, i) {
+	let a = `${t.fontStyle} ${t.fontWeight} ${t.fontSize}px ${t.fontFamily}`, o = (e || " ").split("\n"), s = Math.max(...o.map((e) => no(e, a, t.fontSize))), c = Math.max(s + 17, t.fontSize * 2 + 17, r ? t.width : 0), l = Math.max(o.length * n + 7, r ? t.height : 0), u = t.centered ? t.left + t.width / 2 - c / 2 : t.left - Ga - qa, d = t.top + t.height / 2, f = t.lineCount * n + 7;
 	return {
 		left: u,
 		top: i === "up" ? d + f / 2 - l : i === "down" ? d - f / 2 : d - l / 2,
@@ -4369,42 +4426,45 @@ function to(e, t, n, r, i) {
 		height: l
 	};
 }
-function no(e, t) {
+function oo(e, t) {
 	let n = document.createElement("div");
 	return n.className = `wardley-label-caption ${e}`, n.textContent = t, n;
 }
 // src/label-editing/index.ts
-var ro = {
+var so = {
 	__init__: ["wardleyLabelEditing"],
-	wardleyLabelEditing: ["type", $a]
-}, io = /* @__PURE__ */ new Set([
+	wardleyLabelEditing: ["type", ro]
+}, co = /* @__PURE__ */ new Set([
 	"http:",
 	"https:",
 	"mailto:"
-]), ao = /^([a-z][a-z0-9+.-]*):/i, oo = /[\u0000-\u001f\u007f]/g;
-function so(e) {
-	return e.replace(oo, "").replace(/[[\]]/g, "").trim();
+]), lo = /^([a-z][a-z0-9+.-]*):/i, uo = /[\u0000-\u001f\u007f]/g;
+function fo(e) {
+	return e.replace(uo, "").replace(/[[\]]/g, "").trim();
+}
+function po(e) {
+	let t = lo.exec(e)?.[1];
+	return t === void 0 || co.has(`${t.toLowerCase()}:`);
 }
-function co(e) {
-	let t = ao.exec(e)?.[1];
-	return t === void 0 || io.has(`${t.toLowerCase()}:`);
+function mo(e) {
+	return !lo.test(e);
 }
-function lo(e) {
+function ho(e) {
 	if (e === void 0) return;
-	let t = so(e);
-	return t && co(t) ? t : void 0;
+	let t = fo(e);
+	return t && po(t) ? t : void 0;
 }
 // src/link-editing/WardleyLinkEditing.ts
-var uo = 72, fo = 500, po = "Use an http(s) or mailto address, or a relative path such as ./other.wmap";
-function mo(e) {
+var go = 72, _o = 500, vo = "Use an http(s) or mailto address, or a relative path such as ./other.wmap";
+function yo(e) {
 	return e.wardleyType === "component" || e.wardleyType === "submap";
 }
-function ho(e) {
+function bo(e) {
 	let t = e.businessObject;
 	if (e.wardleyType === "submap") return t?.urlRef;
 	if (e.wardleyType === "component") return t?.url;
 }
-var go = class {
+var xo = class {
 	canvas;
 	modeling;
 	injector;
@@ -4417,15 +4477,15 @@ var go = 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", fo, (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", _o, (e) => {
 			this.active && e.element?.id === this.active.elementId && this.active.relayout();
 		}), e.on(["diagram.clear", "diagram.destroy"], () => this.cancel());
 	}
 	setLink(e, t) {
-		if (!mo(e)) return !1;
-		let n = so(t ?? "");
-		if (n && !co(n)) return !1;
-		if ((ho(e) ?? "") === n) return !0;
+		if (!yo(e)) return !1;
+		let n = fo(t ?? "");
+		if (n && !po(n)) return !1;
+		if ((bo(e) ?? "") === n) return !0;
 		let r = e.wardleyType === "submap" ? "urlRef" : "url";
 		e.businessObject ||= {
 			id: e.id,
@@ -4440,27 +4500,27 @@ var go = class {
 		return n ? i[r] = n : delete i[r], this.modeling.updateProperties(e, { businessObject: i }), !0;
 	}
 	activate(e, t = {}) {
-		if (!mo(e) || z(this.injector)) return;
+		if (!yo(e) || R(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 ?? ho(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 ?? bo(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 + uo}px`;
+			r.style.left = `${(e.x - n.x) * t}px`, r.style.top = `${(e.y - n.y) * t + go}px`;
 		};
-		i(), n.appendChild(r), Ia(r, t);
+		i(), n.appendChild(r), Ba(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 + 8}px`;
-		}, c = Pa(n, r, `wardley-link-error-${e.id}`, s), l = () => c.show(po), u = () => c.clear(), d = () => {
+		}, c = Ra(n, r, `wardley-link-error-${e.id}`, s), l = () => c.show(vo), u = () => c.clear(), d = () => {
 			if (a) return !0;
-			let t = so(r.value);
-			return t && !co(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
+			let t = fo(r.value);
+			return t && !po(t) ? (l(), !1) : (o(), this.setLink(e, t), !0);
 		}, f = () => {
 			d() || o();
 		}, p = (e) => {
-			Fa(e) || B(e) || (e.key === "Escape" ? (e.preventDefault(), o(), this.canvas.focus()) : e.key === "Enter" && (e.preventDefault(), d() && this.canvas.focus()));
+			za(e) || z(e) || (e.key === "Escape" ? (e.preventDefault(), o(), this.canvas.focus()) : e.key === "Enter" && (e.preventDefault(), d() && this.canvas.focus()));
 		}, m = () => f();
 		r.addEventListener("keydown", p), r.addEventListener("blur", m), r.addEventListener("input", u);
 		let h = () => {
@@ -4497,26 +4557,41 @@ var go = class {
 			}
 		};
 	}
-}, _o = {
+}, So = {
 	__init__: ["wardleyLinkEditing"],
-	wardleyLinkEditing: ["type", go]
-}, vo = "wardley-element-settings", yo = {
+	wardleyLinkEditing: ["type", xo],
+	wardleyLinkOpener: ["type", class {
+		config;
+		static $inject = ["config.wardleyLinks"];
+		constructor(e) {
+			this.config = e;
+		}
+		openableLink(e) {
+			if (!yo(e)) return;
+			let t = ho(bo(e));
+			if (t !== void 0) return mo(t) && !this.config?.openRelative ? void 0 : t;
+		}
+		open(e) {
+			mo(e) ? this.config?.openRelative?.(e) : this.config?.openExternal ? this.config.openExternal(e) : window.open(e, "_blank", "noopener,noreferrer");
+		}
+	}]
+}, Co = "wardley-element-settings", wo = {
 	id: "type",
 	name: "Type"
-}, bo = {
+}, To = {
 	id: "method",
 	name: "Sourcing"
-}, xo = {
+}, Eo = {
 	id: "props",
 	name: "Properties"
 };
-function So(e) {
-	e.key !== "Escape" && !B(e) && e.stopPropagation();
+function Do(e) {
+	e.key !== "Escape" && !z(e) && e.stopPropagation();
 }
 function X(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var Co = class {
+var Oo = class {
 	modeling;
 	static $inject = [
 		"popupMenu",
@@ -4524,9 +4599,9 @@ var Co = class {
 		"eventBus"
 	];
 	constructor(e, t, n) {
-		this.modeling = t, e.registerProvider(vo, this), wt(e), n.on("popupMenu.open", () => {
+		this.modeling = t, e.registerProvider(Co, this), Et(e), n.on("popupMenu.open", () => {
 			let t = e._current?.container;
-			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", So);
+			t?.getAttribute("data-popup") === "wardley-element-settings" && t.addEventListener("keydown", Do);
 		});
 	}
 	getPopupMenuEntries(e) {
@@ -4538,84 +4613,62 @@ var Co = class {
 		return {
 			"type-normal": {
 				label: X(n === "normal", "Normal"),
-				group: yo,
+				group: wo,
 				action: () => this.modeling.setMarketEcosystem(e, void 0)
 			},
 			"type-market": {
 				label: X(n === "market", "Market"),
-				group: yo,
+				group: wo,
 				action: () => this.modeling.setMarketEcosystem(e, "market")
 			},
 			"type-ecosystem": {
 				label: X(n === "ecosystem", "Ecosystem"),
-				group: yo,
+				group: wo,
 				action: () => this.modeling.setMarketEcosystem(e, "ecosystem")
 			},
 			"method-none": {
 				label: X(!r, "None"),
-				group: bo,
+				group: To,
 				action: () => this.modeling.setMethod(e, void 0)
 			},
 			"method-build": {
 				label: X(r === "build", "Build"),
-				group: bo,
+				group: To,
 				action: () => this.modeling.setMethod(e, "build")
 			},
 			"method-buy": {
 				label: X(r === "buy", "Buy"),
-				group: bo,
+				group: To,
 				action: () => this.modeling.setMethod(e, "buy")
 			},
 			"method-outsource": {
 				label: X(r === "outsource", "Outsource"),
-				group: bo,
+				group: To,
 				action: () => this.modeling.setMethod(e, "outsource")
 			},
 			"prop-inertia": {
 				label: X(!!t.inertia, "Inertia"),
-				group: xo,
+				group: Eo,
 				action: () => this.modeling.toggleInertia(e)
 			}
 		};
 	}
-}, wo = {
+}, ko = {
 	__init__: ["wardleyElementSettings"],
-	wardleyElementSettings: ["type", Co]
-}, To = {
-	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 Z(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">${To[e]}</svg>`;
-}
-// src/context-pad/WardleyContextPadProvider.ts
-var Eo = "edit", Do = "wardley", Oo = "danger", ko = 80, Ao = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), jo = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
-function Mo(e) {
+	wardleyElementSettings: ["type", Oo]
+}, Ao = "edit", jo = "wardley", Mo = "danger", No = 80, Po = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]), Fo = /* @__PURE__ */ new Set(["ArrowRight", "ArrowDown"]);
+function Io(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-function Q(e, t, n = !1) {
-	let r = Mo(t);
+function Z(e, t, n = !1) {
+	let r = Io(t);
 	return `<div class="entry wardley-cp-entry" role="button" tabindex="0" aria-label="${r}"${n ? " draggable=\"true\"" : ""} title="${r}">${e}</div>`;
 }
 // src/context-pad/index.ts
-var No = {
+var Lo = {
 	__depends__: [Ce],
 	__init__: ["wardleyContextPadProvider"],
-	contextPad: ["type", Ma],
+	contextPad: ["type", Ia],
 	wardleyContextPadProvider: ["type", class {
 		contextPad;
 		modeling;
@@ -4629,6 +4682,7 @@ var No = {
 		colorPicker;
 		canvas;
 		injector;
+		linksConfig;
 		static $inject = [
 			"contextPad",
 			"modeling",
@@ -4642,23 +4696,24 @@ var No = {
 			"wardleyColorPicker",
 			"eventBus",
 			"canvas",
-			"injector"
+			"injector",
+			"config.wardleyLinks"
 		];
 		keyboardEvents = /* @__PURE__ */ new WeakSet();
-		constructor(e, t, n, r, i, a, o, s, c, l, u, d, f) {
-			this.contextPad = e, this.modeling = t, this.connect = n, this.create = r, this.popupMenu = i, this.wardleyModeling = a, this.labelEditing = o, this.evolveDragging = s, this.factory = c, this.colorPicker = l, this.canvas = d, this.injector = f, e.registerProvider(this), u.on("contextPad.create", (e) => {
+		constructor(e, t, n, r, i, a, o, s, c, l, u, d, f, p) {
+			this.contextPad = e, this.modeling = t, this.connect = n, this.create = r, this.popupMenu = i, this.wardleyModeling = a, this.labelEditing = o, this.evolveDragging = s, this.factory = c, this.colorPicker = l, this.canvas = d, this.injector = f, this.linksConfig = p, e.registerProvider(this), u.on("contextPad.create", (e) => {
 				e.pad.setAttribute("role", "toolbar"), e.pad.setAttribute("aria-label", "Element actions"), e.pad.addEventListener("keydown", (t) => this.onPadKeydown(t, e.pad));
 			});
 		}
 		getContextPadEntries(e) {
-			if (z(this.injector)) return {};
+			if (R(this.injector)) return {};
 			if (P(e)) return this.connectionEntries(e);
 			if (!N(e)) return {};
 			let t = e, n = {};
 			return this.addPrimaryEntries(t, n), this.addPropertyEntries(t, n), n.delete = {
-				group: Oo,
+				group: Mo,
 				title: "Delete",
-				html: Q(Z("trash"), "Delete"),
+				html: Z(W("trash"), "Delete"),
 				action: { click: this.focusingCanvas(() => this.modeling.removeElements([t])) }
 			}, n;
 		}
@@ -4666,24 +4721,24 @@ var No = {
 			let t = e.wardleyType === "flow" ? "Edit flow value" : "Edit link annotation";
 			return {
 				"edit-value": {
-					group: Eo,
+					group: Ao,
 					title: t,
-					html: Q(Z("pencil"), t),
+					html: Z(W("pencil"), t),
 					action: { click: () => this.labelEditing.activateConnection(e) }
 				},
 				delete: {
-					group: Oo,
+					group: Mo,
 					title: "Delete connection",
-					html: Q(Z("trash"), "Delete connection"),
+					html: Z(W("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: Eo,
+				group: Ao,
 				title: "Edit label",
-				html: Q(Z("pencil"), "Edit label"),
+				html: Z(W("pencil"), "Edit label"),
 				action: { click: () => this.labelEditing.activate(e) }
 			}), e.wardleyType === "component" || e.wardleyType === "anchor" || e.wardleyType === "submap" || e.wardleyType === "pipeline") {
 				let n = this.focusingCanvas((t) => {
@@ -4695,9 +4750,9 @@ var No = {
 					this.create.start(t, n, { source: e });
 				});
 				t.append = {
-					group: Eo,
+					group: Ao,
 					title: "Append component (auto-connect)",
-					html: Q(Z("circle-plus"), "Append component", !0),
+					html: Z(W("circle-plus"), "Append component", !0),
 					action: {
 						click: n,
 						dragstart: n
@@ -4707,9 +4762,9 @@ var No = {
 					this.connect.start(t, e);
 				});
 				t.connect = {
-					group: Eo,
+					group: Ao,
 					title: "Connect to existing element (A)",
-					html: Q(Z("arrow-right"), "Connect to existing element (A)", !0),
+					html: Z(W("arrow-right"), "Connect to existing element (A)", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -4718,17 +4773,17 @@ var No = {
 			}
 			if (e.wardleyType === "component") {
 				if (e.movement) t["evolve-clear"] = {
-					group: Eo,
+					group: Ao,
 					title: "Remove evolve",
-					html: Q(Z("chevrons-right-x"), "Remove evolve"),
+					html: Z(W("chevrons-right-x"), "Remove evolve"),
 					action: { click: this.focusingCanvas(() => this.wardleyModeling.clearMovement(e)) }
 				};
 				else if (e.evolution < .999) {
 					let n = this.focusingCanvas((t) => this.evolveDragging.start(t, e));
 					t.evolve = {
-						group: Eo,
+						group: Ao,
 						title: "Evolve: drag to set the target maturity",
-						html: Q(Z("chevrons-right"), "Evolve: drag to set the target maturity", !0),
+						html: Z(W("chevrons-right"), "Evolve: drag to set the target maturity", !0),
 						action: {
 							click: n,
 							dragstart: n
@@ -4739,12 +4794,12 @@ var No = {
 		}
 		addPropertyEntries(e, t) {
 			if (e.wardleyType === "component" && (t.settings = {
-				group: Do,
+				group: jo,
 				title: "Settings (type, sourcing, inertia)",
-				html: Q(Z("sliders-horizontal"), "Settings (type, sourcing, inertia)"),
+				html: Z(W("sliders-horizontal"), "Settings (type, sourcing, inertia)"),
 				action: { click: (t) => {
 					let n = t;
-					this.popupMenu.open(e, vo, {
+					this.popupMenu.open(e, Co, {
 						x: n.clientX,
 						y: n.clientY
 					});
@@ -4752,50 +4807,66 @@ var No = {
 			}), 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: Do,
+					group: jo,
 					title: r,
-					html: Q(Z("line-style"), r),
+					html: Z(W("line-style"), r),
 					action: { click: this.focusingCanvas(() => this.wardleyModeling.updateProperties(e, { strokeStyle: n })) }
 				};
 			}
 			t.color = {
-				group: Do,
+				group: jo,
 				title: "Color",
-				html: Q(Z("palette"), "Color"),
+				html: Z(W("palette"), "Color"),
 				action: { click: (t) => {
 					let n = t;
 					this.colorPicker.open(e, n.clientX, n.clientY);
 				} }
 			};
-			let n = this.injector.get("wardleyLinkEditing", !1), r = ho(e);
-			if (n && mo(e)) {
+			let n = this.injector.get("wardleyLinkEditing", !1), r = bo(e);
+			if (n && yo(e)) {
 				let i = r ? "Edit link…" : "Set link…";
 				t.link = {
-					group: Do,
+					group: jo,
 					title: i,
-					html: Q(Z("link"), i),
+					html: Z(W("link"), i),
 					action: { click: () => n.activate(e) }
 				};
 			}
-			let i = lo(r);
-			i && (t["open-link"] = {
-				group: Do,
-				title: `Open link (${i})`,
-				html: Q(Z("external-link"), `Open link (${i})`),
-				action: { click: this.focusingCanvas(() => window.open(i, "_blank", "noopener,noreferrer")) }
+			let i = this.linksConfig?.chooseTarget;
+			n && i && yo(e) && (t["link-map"] = {
+				group: jo,
+				title: "Link to map…",
+				html: Z(W("map"), "Link to map…"),
+				action: { click: this.focusingCanvas(() => void this.linkChosenMap(e.id, n, i)) }
+			});
+			let a = this.injector.get("wardleyLinkOpener", !1), o = a?.openableLink(e);
+			a && o && (t["open-link"] = {
+				group: jo,
+				title: `Open link (${o})`,
+				html: Z(W("external-link"), `Open link (${o})`),
+				action: { click: this.focusingCanvas(() => a.open(o)) }
 			});
 		}
+		async linkChosenMap(e, t, n) {
+			let r = await n().catch(() => void 0);
+			if (r === void 0 || R(this.injector)) return;
+			let i = this.injector.get("elementRegistry").get(e);
+			if (!N(i) || !yo(i)) return;
+			t.setLink(i, r);
+			let a = document.activeElement;
+			a && a !== document.body || this.canvas.focus();
+		}
 		focusingCanvas(e) {
 			return (t) => {
-				e(t), this.keyboardEvents.has(t) || V(this.canvas);
+				e(t), this.keyboardEvents.has(t) || B(this.canvas);
 			};
 		}
 		onPadKeydown(e, t) {
-			if (e.altKey || e.ctrlKey || e.metaKey || B(e)) return;
+			if (e.altKey || e.ctrlKey || e.metaKey || z(e)) 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] : jo.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 (Po.has(e.key) ? o = i[(a - 1 + i.length) % i.length] : Fo.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;
 			}
@@ -4836,12 +4907,12 @@ var No = {
 				visibility: 0
 			}).y, n = this.factory.createNew("component", "Component"), r = {
 				x: e.x + e.width / 2,
-				y: Math.min(e.y + e.height / 2 + ko, t - n.height / 2)
+				y: Math.min(e.y + e.height / 2 + No, 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);
 		}
 	}]
-}, Po = 2, Fo = 10, Io = {
+}, Ro = 2, zo = 10, Bo = {
 	arrowleft: {
 		x: -1,
 		y: 0
@@ -4858,7 +4929,7 @@ var No = {
 		x: 0,
 		y: 1
 	}
-}, Lo = {
+}, Vo = {
 	c: {
 		type: "component",
 		label: "Component"
@@ -4876,13 +4947,13 @@ var No = {
 		label: "Pipeline"
 	}
 };
-function Ro(e, t) {
-	return !e.altKey && (t in Lo || t === "a" || t === "l");
+function Ho(e, t) {
+	return !e.altKey && (t in Vo || t === "a" || t === "l");
 }
-var zo = 40, Bo = 56, Vo = 160, Ho = {
+var Uo = 40, Wo = 56, Go = 160, Ko = {
 	x: 48,
 	y: 40
-}, Uo = 40, Wo = class {
+}, qo = 40, Jo = class {
 	canvas;
 	selection;
 	modeling;
@@ -4928,7 +4999,7 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 			}, 0));
 		}, re = (e) => {
 			C !== void 0 && e.defaultPrevented && (clearTimeout(C), C = void 0);
-		}, ie = () => z(d), T = (e, r) => {
+		}, ie = () => R(d), T = (e, r) => {
 			if (!ie() || ["a", "c"].includes(r)) {
 				if (r === "z" || r === "y") {
 					if (!m) return;
@@ -4937,12 +5008,12 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 			}
 		}, E = (e, t) => {
 			if (ie() && t !== "escape" && t !== "l" || this.takenByGesture(e, t)) return;
-			let i = Ro(e, t);
+			let i = Ho(e, t);
 			if (t === "escape") !ee && n.get().length && n.select(null);
 			else if (t === "delete" || t === "backspace") te(e);
-			else if (i && t in Lo) {
+			else if (i && t in Vo) {
 				e.preventDefault();
-				let { type: n, label: r } = Lo[t];
+				let { type: n, label: r } = Vo[t];
 				this.quickCreate(n, r);
 			} else if (i && t === "a") {
 				let t = this.singleSelectedShape();
@@ -4954,17 +5025,17 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 				};
 				g.start(this.pointerEventOr(n), t, n, !0);
 			} else if (i && t === "l") e.preventDefault(), c.activateSelection(s.getLastMoveEvent(), !0);
-			else if (t in Io) {
+			else if (t in Bo) {
 				let i = n.get();
 				if (!i.length || (e.preventDefault(), this.pointDragged())) return;
-				let a = e.shiftKey ? Fo : Po, o = Io[t];
+				let a = e.shiftKey ? zo : Ro, o = Bo[t];
 				r.moveElements(i, {
 					x: o.x * a,
 					y: o.y * a
 				});
 			}
 		}, ae = (t) => {
-			if (!Et(t, e)) return;
+			if (!Ot(t, e)) return;
 			let n = t.key.toLowerCase();
 			t.ctrlKey || t.metaKey ? T(t, n) : E(t, n);
 		};
@@ -4991,10 +5062,10 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 			evolution: 1
 		});
 		return {
-			left: e.x + zo,
-			top: e.y + zo,
-			right: t.x - zo,
-			bottom: t.y - zo
+			left: e.x + Uo,
+			top: e.y + Uo,
+			right: t.x - Uo,
+			bottom: t.y - Uo
 		};
 	}
 	visiblePlotCenter(e) {
@@ -5003,17 +5074,17 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 			y: t.y + t.height / 2
 		};
 		return e ? {
-			x: Go(n.x, e.left, e.right),
-			y: Go(n.y, e.top, e.bottom)
+			x: Yo(n.x, e.left, e.right),
+			y: Yo(n.y, e.top, e.bottom)
 		} : n;
 	}
 	freeSpotNear(e, t) {
-		let n = (e) => !!this.elementRegistry.find((t) => N(t) && Math.abs(t.x + t.width / 2 - e.x) < Ho.x && Math.abs(t.y + t.height / 2 - e.y) < Ho.y), r = e;
-		for (let i = 0; i < Uo && n(r); i++) if (r = {
+		let n = (e) => !!this.elementRegistry.find((t) => N(t) && Math.abs(t.x + t.width / 2 - e.x) < Ko.x && Math.abs(t.y + t.height / 2 - e.y) < Ko.y), r = e;
+		for (let i = 0; i < qo && n(r); i++) if (r = {
 			x: r.x,
-			y: r.y + Bo
+			y: r.y + Wo
 		}, t && r.y > t.bottom && (r = {
-			x: r.x + Vo,
+			x: r.x + Go,
 			y: e.y
 		}, r.x > t.right)) return e;
 		return r;
@@ -5026,7 +5097,7 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 		return !!this.drawingHandles?.isDraggingPoint();
 	}
 	takenByGesture(e, t) {
-		return !Ro(e, t) || !this.pointDragged() && !this.drawTool?.holdsLine() ? !1 : (e.preventDefault(), !0);
+		return !Ho(e, t) || !this.pointDragged() && !this.drawTool?.holdsLine() ? !1 : (e.preventDefault(), !0);
 	}
 	pointerEventOr(e) {
 		if (this.pointerOverCanvas) return this.mouse.getLastMoveEvent();
@@ -5037,21 +5108,21 @@ var zo = 40, Bo = 56, Vo = 160, Ho = {
 		});
 	}
 };
-function Go(e, t, n) {
+function Yo(e, t, n) {
 	return t > n ? (t + n) / 2 : Math.min(Math.max(e, t), n);
 }
 // src/keyboard/index.ts
-var Ko = {
+var Xo = {
 	__init__: ["wardleyKeyboard"],
-	wardleyKeyboard: ["type", Wo]
-}, qo = /* @__PURE__ */ new Set([
+	wardleyKeyboard: ["type", Jo]
+}, Zo = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"submap",
 	"pipeline",
 	"accelerator",
 	"note"
-]), Jo = 500, Yo = class {
+]), Qo = 500, $o = class {
 	static $inject = ["injector", "eventBus"];
 	constructor(e, t) {
 		let n = e.get("connectionPreview", !1), r = e.get("wardleyLabelEditing", !1);
@@ -5080,24 +5151,24 @@ var Ko = {
 			let e = !1;
 			t.on("diagram.destroy", () => {
 				e = !0;
-			}), t.on("create.end", Jo, (t) => {
+			}), t.on("create.end", Qo, (t) => {
 				let { context: n } = t, i = n.shape;
-				n.canExecute && i && !n.wardleyPaste && (n.elements?.length ?? 1) === 1 && qo.has(i.wardleyType) && setTimeout(() => {
+				n.canExecute && i && !n.wardleyPaste && (n.elements?.length ?? 1) === 1 && Zo.has(i.wardleyType) && setTimeout(() => {
 					e || r.activate(i);
 				}, 0);
 			});
 		}
 	}
-}, Xo = {
+}, es = {
 	__depends__: [Me],
 	__init__: ["wardleyAppendBehavior"],
-	wardleyAppendBehavior: ["type", Yo]
-}, Zo = {
+	wardleyAppendBehavior: ["type", $o]
+}, ts = {
 	ArrowLeft: -1,
 	ArrowRight: 1,
 	ArrowUp: -3,
 	ArrowDown: 3
-}, Qo = class {
+}, ns = class {
 	canvas;
 	modeling;
 	injector;
@@ -5112,7 +5183,7 @@ var Ko = {
 		this.popover && !this.popover.contains(e.target) && this.close();
 	};
 	onKey = (e) => {
-		e.key === "Escape" && (St(e, this.popover) || Et(e, this.canvas)) && (e.preventDefault(), e.stopPropagation(), this.close({ restoreFocus: !0 }));
+		e.key === "Escape" && (wt(e, this.popover) || Ot(e, this.canvas)) && (e.preventDefault(), e.stopPropagation(), this.close({ restoreFocus: !0 }));
 	};
 	constructor(e, t, n, r) {
 		this.canvas = e, this.modeling = n, this.injector = r, t.on([
@@ -5123,14 +5194,14 @@ var Ko = {
 		], () => this.close());
 	}
 	open(e, t, n) {
-		if (this.close(), z(this.injector)) return;
+		if (this.close(), R(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 = [{
 			value: void 0,
 			title: "No color",
 			cls: "wardley-cp-none"
-		}, ...Le.map((e) => ({
+		}, ...Re.map((e) => ({
 			value: e.value,
 			title: e.name,
 			cls: ""
@@ -5140,7 +5211,7 @@ var Ko = {
 			n.type = "button", n.className = `wardley-cp-swatch ${t.cls}`.trim(), n.title = t.title, n.setAttribute("aria-label", t.title), t.value && (n.style.background = t.value);
 			let r = (e.color ?? void 0) === t.value;
 			n.setAttribute("aria-pressed", String(r)), r && (n.classList.add("wardley-cp-active"), c = n), n.addEventListener("click", (n) => {
-				B(n) || (n.stopPropagation(), this.modeling.setColor(e, t.value), this.close({ restoreFocus: !0 }));
+				z(n) || (n.stopPropagation(), this.modeling.setColor(e, t.value), this.close({ restoreFocus: !0 }));
 			}), s.push(n), a.append(n);
 		}
 		a.addEventListener("keydown", (e) => this.onGridKeydown(e, s)), r.appendChild(a);
@@ -5158,19 +5229,19 @@ var Ko = {
 		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) {
-		if (B(e)) return;
-		let n = Zo[e.key], r = t.indexOf(document.activeElement), i;
+		if (z(e)) return;
+		let n = ts[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());
 	}
-}, $o = {
+}, rs = {
 	__init__: ["wardleyColorPicker"],
-	wardleyColorPicker: ["type", Qo]
+	wardleyColorPicker: ["type", ns]
 };
 // src/ordering/WardleyOrderingProvider.ts
-function es(e) {
+function is(e) {
 	return N(e) && (e.wardleyType === "attitude" || e.wardleyType === "pipeline");
 }
-var ts = class extends Ne {
+var as = class extends Ne {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
@@ -5181,18 +5252,18 @@ var ts = class extends Ne {
 			let r = e.wardleyType === "flow";
 			return {
 				parent: t,
-				index: n.filter((t) => t !== e && (es(t) || P(t) && (r || t.wardleyType !== "flow"))).length
+				index: n.filter((t) => t !== e && (is(t) || P(t) && (r || t.wardleyType !== "flow"))).length
 			};
 		}
-		return es(e) ? {
+		return is(e) ? {
 			parent: t,
-			index: n.filter((t) => t !== e && es(t)).length
+			index: n.filter((t) => t !== e && is(t)).length
 		} : { parent: t };
 	}
-}, ns = {
+}, os = {
 	__init__: ["wardleyOrderingProvider"],
-	wardleyOrderingProvider: ["type", ts]
-}, rs = 12, is = ".djs-palette .entry[data-action=\"draw-tool\"]", as = "draw", os = class {
+	wardleyOrderingProvider: ["type", as]
+}, ss = 12, cs = ".djs-palette .entry[data-action=\"draw-tool\"]", ls = "draw", us = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -5217,7 +5288,7 @@ var ts = class extends Ne {
 		this.canvas = e, this.eventBus = t, this.modeling = n, this.selection = r, this.factory = i, this.grid = a, this.injector = o, t.on("diagram.destroy", () => this.cancel()), t.on(["import.render.start", "diagram.clear"], () => {
 			this.holdsLine() && this.cancel();
 		}), t.on("tool-manager.update", (e) => {
-			this.active && e.tool && e.tool !== as && this.giveWay();
+			this.active && e.tool && e.tool !== ls && this.giveWay();
 		});
 	}
 	isActive() {
@@ -5234,10 +5305,10 @@ var ts = class extends Ne {
 		return e.closest(".wardley-container") ?? e;
 	}
 	activate() {
-		if (this.active || z(this.injector)) return;
+		if (this.active || R(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: as });
+		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: ls });
 	}
 	finish() {
 		this.finishLine({ reportRelease: !0 });
@@ -5283,14 +5354,14 @@ var ts = class extends Ne {
 	}
 	onMouseDown = (e) => {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
-		e.preventDefault(), e.stopPropagation(), V(this.canvas);
+		e.preventDefault(), e.stopPropagation(), B(this.canvas);
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && ss(t, n) <= rs) {
+		if (n && this.points.length >= 3 && ds(t, n) <= ss) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		r && ss(t, r) <= rs ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
+		r && ds(t, r) <= ss ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
 	};
 	onDblClick = (e) => {
 		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
@@ -5299,13 +5370,13 @@ var ts = class extends Ne {
 		this.points.length && (this.cursor = this.toCanvasPoint(e), this.renderPreview());
 	};
 	ownsKey(e) {
-		return Et(e, this.canvas) || this.targetsOwnPaletteEntry(e);
+		return Ot(e, this.canvas) || this.targetsOwnPaletteEntry(e);
 	}
 	targetsOwnPaletteEntry(e) {
 		let t = e.target;
 		if (!(t instanceof globalThis.Element)) return !1;
-		let n = t.closest(is);
-		return !!n && this.canvas.getContainer().contains(n) && St(e, n);
+		let n = t.closest(cs);
+		return !!n && this.canvas.getContainer().contains(n) && wt(e, n);
 	}
 	savesWithSpace(e) {
 		return e.key === " " && !e.altKey && !e.ctrlKey && !e.metaKey && this.holdsLine() && this.targetsOwnPaletteEntry(e);
@@ -5350,11 +5421,11 @@ var ts = class extends Ne {
 		this.layer &&= (oe(this.layer), null);
 	}
 };
-function ss(e, t) {
+function ds(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
 // src/draw-tool/WardleyDrawingHandles.ts
-var cs = class {
+var fs = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -5382,7 +5453,7 @@ var cs = class {
 			this.shape && e.element === this.shape && this.render();
 		}), e.on("shape.remove", (e) => {
 			this.pointDrag?.shape === e.element && this.endPointDrag();
-		}), e.on(L, pt, () => {
+		}), e.on(L, mt, () => {
 			this.pointDrag && (this.swallowClickOfRelease(), this.endPointDrag());
 		}), e.on(["diagram.clear", "diagram.destroy"], () => {
 			this.endPointDrag(), this.attach(null);
@@ -5415,8 +5486,8 @@ var cs = class {
 		}), T(e, t), this.group = t;
 	}
 	startDrag(e, t) {
-		if (e.button !== 0 || !this.shape || z(this.injector)) return;
-		e.preventDefault(), e.stopPropagation(), V(this.canvas), this.endPointDrag();
+		if (e.button !== 0 || !this.shape || R(this.injector)) return;
+		e.preventDefault(), e.stopPropagation(), B(this.canvas), this.endPointDrag();
 		let n = this.shape, r = this.absolutePoints(), i = {
 			shape: n,
 			unbind: () => void 0
@@ -5427,7 +5498,7 @@ var cs = class {
 				this.stopPointDrag(), this.commit(n, r);
 			});
 		}, s = (e) => {
-			e.key === "Escape" && Et(e, this.canvas) && (e.preventDefault(), e.stopPropagation(), this.swallowClickOfRelease(), this.endPointDrag());
+			e.key === "Escape" && Ot(e, this.canvas) && (e.preventDefault(), e.stopPropagation(), this.swallowClickOfRelease(), this.endPointDrag());
 		};
 		document.addEventListener("mousemove", a, !0), document.addEventListener("mouseup", o, !0), document.addEventListener("keydown", s, !0), i.unbind = () => {
 			document.removeEventListener("mousemove", a, !0), document.removeEventListener("mouseup", o, !0), document.removeEventListener("keydown", s, !0);
@@ -5501,20 +5572,20 @@ var cs = class {
 	}
 };
 // src/draw-tool/WardleyDrawingHitProvider.ts
-function ls(e) {
+function ps(e) {
 	return N(e) && e.wardleyType === "drawing";
 }
-var us = class {
+var ms = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (ls(e.element) && e.gfx) return ds(e.element, e.gfx), !1;
+			if (ps(e.element) && e.gfx) return hs(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (ls(e.element) && e.gfx) return t.removeHits(e.gfx), ds(e.element, e.gfx), !1;
+			if (ps(e.element) && e.gfx) return t.removeHits(e.gfx), hs(e.element, e.gfx), !1;
 		});
 	}
 };
-function ds(e, t) {
+function hs(e, t) {
 	let n = e.drawingPoints ?? [], r = D(e.closed ? "polygon" : "polyline");
 	E(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
@@ -5526,17 +5597,17 @@ function ds(e, t) {
 	}), T(t, r);
 }
 // src/draw-tool/index.ts
-var fs = {
-	__depends__: [on],
+var gs = {
+	__depends__: [cn],
 	__init__: [
 		"wardleyDrawTool",
 		"wardleyDrawingHandles",
 		"wardleyDrawingHitProvider"
 	],
-	wardleyDrawTool: ["type", os],
-	wardleyDrawingHandles: ["type", cs],
-	wardleyDrawingHitProvider: ["type", us]
-}, ps = 3, ms = 4, hs = "wardley-labels-draggable", gs = "wardley-label-dragging", _s = class {
+	wardleyDrawTool: ["type", us],
+	wardleyDrawingHandles: ["type", fs],
+	wardleyDrawingHitProvider: ["type", ms]
+}, _s = 3, vs = 4, ys = "wardley-labels-draggable", bs = "wardley-label-dragging", xs = class {
 	eventBus;
 	canvas;
 	elementRegistry;
@@ -5561,9 +5632,9 @@ var fs = {
 	constructor(e, t, n, r, i, a, o, s, c) {
 		this.eventBus = e, this.canvas = t, this.elementRegistry = n, this.modeling = r, this.selection = i, this.grid = a, this.injector = o, this.interaction = s, this.livePreview = c;
 		let l = t.getContainer();
-		this.outerContainer().classList.add(hs), l.addEventListener("mousedown", this.onMouseDown, !0), l.addEventListener("dblclick", this.onDoubleClick, !0), e.on("shape.remove", ({ element: e }) => {
+		this.outerContainer().classList.add(ys), l.addEventListener("mousedown", this.onMouseDown, !0), l.addEventListener("dblclick", this.onDoubleClick, !0), e.on("shape.remove", ({ element: e }) => {
 			this.active?.shape === e && this.cancel();
-		}), e.on(L, pt, () => {
+		}), e.on(L, mt, () => {
 			this.active && c.previewsShape(this.active.shape) && this.cancel();
 		}), e.on("diagram.destroy", () => {
 			this.cancel(), l.removeEventListener("mousedown", this.onMouseDown, !0), l.removeEventListener("dblclick", this.onDoubleClick, !0);
@@ -5573,12 +5644,12 @@ var fs = {
 		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") || z(this.injector)) return;
+		if (e.button !== 0 || this.outerContainer().classList.contains("wardley-draw-mode") || R(this.injector)) return;
 		let t = this.labelTarget(e);
 		if (!t) return;
 		e.stopPropagation(), e.preventDefault(), this.cancel();
 		let n = document.activeElement;
-		n instanceof HTMLElement && this.outerContainer().contains(n) && n.blur(), V(this.canvas);
+		n instanceof HTMLElement && this.outerContainer().contains(n) && n.blur(), B(this.canvas);
 		let { shape: r, role: i, handle: a } = t, o = this.renderedOffset(r, i, a);
 		this.active = {
 			shape: r,
@@ -5598,8 +5669,8 @@ var fs = {
 		if (!t) return;
 		let n = e.clientX - t.startClient.x, r = e.clientY - t.startClient.y;
 		if (!t.dragging) {
-			if (Math.hypot(n, r) < ps) return;
-			t.dragging = !0, this.outerContainer().classList.add(gs), this.interaction.begin(t);
+			if (Math.hypot(n, r) < _s) return;
+			t.dragging = !0, this.outerContainer().classList.add(bs), this.interaction.begin(t);
 		}
 		t.latest = {
 			dx: Math.round(t.startOffset.dx + n / t.zoom),
@@ -5613,7 +5684,7 @@ var fs = {
 	dropLabel(e) {
 		if (this.finish(), !e.latest || this.elementRegistry.get(e.shape.id) !== e.shape) return;
 		let t = this.snapHome(e.latest, e.homeOffset);
-		ys(t, e.role === "name" ? e.shape.labelOffset : e.shape.movement?.labelOffset) || (e.role === "name" ? this.commitNameOffset(e.shape, t) : this.commitMovementOffset(e.shape, t)), this.suppressNextClick(), this.selection.select(e.shape);
+		Cs(t, e.role === "name" ? e.shape.labelOffset : e.shape.movement?.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();
@@ -5623,10 +5694,10 @@ var fs = {
 		}), setTimeout(() => e.removeEventListener("click", t, !0), 0);
 	}
 	onKeyDown = (e) => {
-		e.key === "Escape" && this.active && Et(e, this.canvas) && (e.stopPropagation(), this.cancel());
+		e.key === "Escape" && this.active && Ot(e, this.canvas) && (e.stopPropagation(), this.cancel());
 	};
 	onDoubleClick = (e) => {
-		if (!e.altKey || z(this.injector)) return;
+		if (!e.altKey || R(this.injector)) return;
 		let t = this.labelTarget(e);
 		t && (e.stopPropagation(), e.preventDefault(), this.resetLabelOffset(t.shape, t.role));
 	};
@@ -5636,7 +5707,7 @@ var fs = {
 	}
 	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(gs), this.livePreview.putBackShape(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(bs), this.livePreview.putBackShape(e.shape));
 	}
 	preview(e, t) {
 		let { movement: n } = this.livePreview.beginShape(e.shape);
@@ -5646,7 +5717,7 @@ var fs = {
 		}), this.eventBus.fire("element.changed", { element: e.shape });
 	}
 	snapHome(e, t) {
-		return Math.abs(e.dx - t.dx) <= ms && Math.abs(e.dy - t.dy) <= ms ? void 0 : Xr(e.dx, e.dy);
+		return Math.abs(e.dx - t.dx) <= vs && Math.abs(e.dy - t.dy) <= vs ? void 0 : ei(e.dx, e.dy);
 	}
 	commitNameOffset(e, t) {
 		let n = { labelOffset: t }, r = e.businessObject;
@@ -5673,17 +5744,17 @@ var fs = {
 			dx: 0,
 			dy: 0
 		};
-		let r = Lr(e, this.grid);
+		let r = Vr(e, this.grid);
 		return t === "movement" ? r === void 0 ? {
 			dx: 0,
 			dy: 0
-		} : vs(qr(void 0, r), Kr(r), n, e) : vs(Gr({
+		} : Ss(Zr(void 0, r), Xr(r), n, e) : Ss(Yr({
 			...e,
 			labelOffset: void 0
-		}, r), Ur(), n, e);
+		}, r), qr(), n, e);
 	}
 	labelTarget(e) {
-		let t = e.target?.closest?.(`.${$r}`);
+		let t = e.target?.closest?.(`.${ri}`);
 		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 (!N(r)) return null;
@@ -5699,31 +5770,31 @@ var fs = {
 		return e.closest(".wardley-container") ?? e;
 	}
 };
-function vs(e, t, n, r) {
+function Ss(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 ys(e, t) {
+function Cs(e, t) {
 	return !e || !t ? !e && !t : e.dx === t.dx && e.dy === t.dy;
 }
 // src/label-drag/index.ts
-var bs = {
-	__depends__: [on, mt],
+var ws = {
+	__depends__: [cn, ht],
 	__init__: ["wardleyLabelDragging"],
-	wardleyLabelDragging: ["type", _s]
-}, xs = { autoScroll: ["type", Xt] }, Ss = class extends Ei {
+	wardleyLabelDragging: ["type", xs]
+}, Ts = { autoScroll: ["type", Qt] }, Es = class extends Ai {
 	_getModules() {
 		return [
 			...super._getModules(),
 			fe,
-			mn,
+			_n,
 			Te,
 			be,
 			xe,
-			xs,
+			Ts,
 			me,
 			Se,
 			Ce,
@@ -5731,28 +5802,28 @@ var bs = {
 			Ee,
 			De,
 			Oe,
-			kr,
-			Ii,
-			jr,
-			Li,
-			ka,
-			No,
-			ro,
-			Ko,
-			Fn,
-			wo,
+			Mr,
+			Bi,
+			Pr,
+			Vi,
+			Na,
+			Lo,
+			so,
 			Xo,
-			$o,
-			Ai,
-			ns,
-			fs,
-			Zn,
-			Qt,
-			_o,
-			Nt,
-			bs,
-			yt,
-			on
+			Rn,
+			ko,
+			es,
+			rs,
+			Pi,
+			os,
+			gs,
+			er,
+			en,
+			So,
+			Ft,
+			ws,
+			xt,
+			cn
 		];
 	}
 	commitPendingEdits() {
@@ -5772,7 +5843,7 @@ var bs = {
 	}
 };
 // src/editor-state.ts
-function Cs(e) {
+function Ds(e) {
 	let t;
 	try {
 		t = w(e.exportMap());
@@ -5781,18 +5852,18 @@ function Cs(e) {
 	}
 	return (e) => t.get(e) ?? e;
 }
-function ws(e, t = (e) => e) {
+function Os(e, t = (e) => e) {
 	return {
 		sourceId: t(e.source?.id ?? ""),
 		targetId: t(e.target?.id ?? ""),
 		wardleyType: e.wardleyType
 	};
 }
-function Ts(e, t) {
+function ks(e, t) {
 	return e.find((e) => P(e) && e.source?.id === t.sourceId && e.target?.id === t.targetId && e.wardleyType === t.wardleyType);
 }
-function Es(e) {
-	let t = e.get("selection").get(), n = e.get("elementRegistry"), r = e.get("wardleyLabelEditing"), i = e.get("wardleyLinkEditing"), a = /* @__PURE__ */ new Map(), o = Cs(e), s = (e) => {
+function As(e) {
+	let t = e.get("selection").get(), n = e.get("elementRegistry"), r = e.get("wardleyLabelEditing"), i = e.get("wardleyLinkEditing"), a = /* @__PURE__ */ new Map(), o = Ds(e), s = (e) => {
 		let t = o(e);
 		return a.set(t, e), t;
 	}, c, l = r.getActiveEdit(), u = i.getActiveEdit();
@@ -5800,7 +5871,7 @@ function Es(e) {
 		let e = n.get(l.elementId);
 		P(e) && (c = {
 			kind: "connection",
-			key: ws(e, s),
+			key: Os(e, s),
 			value: l.value,
 			...l.selection ? { selection: l.selection } : {}
 		});
@@ -5817,13 +5888,13 @@ function Es(e) {
 	});
 	return r.cancel(), i.cancel(), {
 		shapeIds: t.filter(N).map((e) => s(e.id)),
-		connections: t.filter(P).map((e) => ws(e, s)),
+		connections: t.filter(P).map((e) => Os(e, s)),
 		...c ? { edit: c } : {},
 		canvasIds: a
 	};
 }
-function Ds(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) => Ts(r, {
+function js(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) => ks(r, {
 		...e,
 		sourceId: i(e.sourceId),
 		targetId: i(e.targetId)
@@ -5848,29 +5919,32 @@ function Ds(e, t, n = {}) {
 			value: u.value,
 			...u.selection ? { selection: u.selection } : {}
 		}), !0) : !1;
-	})() || V(e.get("canvas"));
+	})() || B(e.get("canvas"));
 }
 // src/collaborative/CollaborativeWardley.ts
-var Os = "wardley", ks = /* @__PURE__ */ new Set([
+var Ms = "wardley", Ns = /* @__PURE__ */ new Set([
 	"component",
 	"anchor",
 	"pipeline",
 	"submap",
 	"accelerator"
 ]);
-function As(e) {
-	return N(e) && ks.has(e.wardleyType);
-}
-function js(e = {}) {
-	return zs(new Ss({
-		...Ns(e),
-		undoRedoKeys: e.undoRedoKeys
+function Ps(e) {
+	return N(e) && Ns.has(e.wardleyType);
+}
+function Fs(e = {}) {
+	return Us(new Es({
+		...Ls(e),
+		undoRedoKeys: e.undoRedoKeys,
+		openRelativeLink: e.openRelativeLink,
+		openExternalLink: e.openExternalLink,
+		chooseLinkTarget: e.chooseLinkTarget
 	}), !0);
 }
-function Ms(e = {}) {
-	return zs(new Ei(Ns(e)), !1);
+function Is(e = {}) {
+	return Us(new Ai(Ls(e)), !1);
 }
-function Ns(e) {
+function Ls(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -5879,7 +5953,7 @@ function Ns(e) {
 		fitOnImport: e.fitOnImport
 	};
 }
-function Ps(e, t) {
+function Rs(e, t) {
 	let n, r;
 	t.on([
 		"elements.changed",
@@ -5906,9 +5980,9 @@ function Ps(e, t) {
 		canvasIdOf: (e) => i().byDocumentId.get(e) ?? e
 	};
 }
-function Fs(e, t) {
+function zs(e, t) {
 	let n = t ? e.get("wardleyInteraction") : void 0, r = /* @__PURE__ */ new Set(), i = !1;
-	return e.get("eventBus").on(tn, (e) => {
+	return e.get("eventBus").on(rn, (e) => {
 		for (let t of [...r]) if (r.has(t)) try {
 			t(e.active);
 		} catch (e) {
@@ -5934,7 +6008,7 @@ function Fs(e, t) {
 		}
 	};
 }
-function Is(e, t) {
+function Bs(e, t) {
 	let n = 0;
 	return {
 		delivering: () => n > 0,
@@ -5955,7 +6029,7 @@ function Is(e, t) {
 		}
 	};
 }
-function Ls(t, n) {
+function Vs(t, n) {
 	return {
 		themes: e,
 		set(r) {
@@ -5965,10 +6039,10 @@ function Ls(t, n) {
 		}
 	};
 }
-function Rs(e, t) {
+function Hs(e, t) {
 	let n, r = async (n, r) => {
 		for (n && await n.catch(() => void 0);; r = e()) {
-			if (t()) throw Bs();
+			if (t()) throw Ws();
 			if (!r) return;
 			await r;
 		}
@@ -5984,16 +6058,16 @@ function Rs(e, t) {
 		return a.then(o, o), a;
 	};
 }
-function zs(e, t) {
-	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("panConstraint"), s = Ps(e, n), c = t ? e.get("wardleyLivePreview") : void 0, l = Fs(e, t), u = /* @__PURE__ */ new Set(), d = 0, f = !1, p = !1, m = "", h = Is(n, () => p), g = Rs(l.afterUserAction, () => p), _ = {
-		notation: Os,
+function Us(e, t) {
+	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("panConstraint"), s = Rs(e, n), c = t ? e.get("wardleyLivePreview") : void 0, l = zs(e, t), u = /* @__PURE__ */ new Set(), d = 0, f = !1, p = !1, m = "", h = Bs(n, () => p), g = Hs(l.afterUserAction, () => p), _ = {
+		notation: Ms,
 		apiVersion: Pe,
 		editable: t
 	};
 	t && n.on("commandStack.changed", () => {
 		if (!(d > 0)) for (let e of [...u]) u.has(e) && e();
 	});
-	let v = (e) => e.filter(As).map((e) => s.of(e.id)), y = (e) => {
+	let v = (e) => e.filter(Ps).map((e) => s.of(e.id)), y = (e) => {
 		let t = s.of(e.id);
 		return e.wardleyLabel ? {
 			id: t,
@@ -6002,13 +6076,13 @@ function zs(e, t) {
 	}, b = (e) => {
 		if (p) return;
 		let t = i.get(s.canvasIdOf(e));
-		return As(t) && s.of(t.id) === e ? t : void 0;
+		return Ps(t) && s.of(t.id) === e ? t : void 0;
 	}, ee = {
-		list: () => p ? [] : i.getAll().filter(As).map(y),
+		list: () => p ? [] : i.getAll().filter(Ps).map(y),
 		reveal(e) {
 			if (p) return !1;
 			let t = i.get(s.canvasIdOf(e));
-			return As(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+			return Ps(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 		},
 		selection: () => p ? [] : v(a.get()),
 		onSelection: (e) => h.subscribe((t) => e(v(t))),
@@ -6028,18 +6102,18 @@ function zs(e, t) {
 		return t ? ne(t) : e.exportDSL();
 	};
 	async function te(n) {
-		if (p) throw Bs();
+		if (p) throw Ws();
 		let r = g();
 		r && await r, d += 1;
-		let i = t && f ? Es(e) : void 0;
+		let i = t && f ? As(e) : void 0;
 		try {
 			let t = e.importDSL(n), r = p, { warnings: a } = await t;
 			f = !0;
 			let o = i !== void 0 && !p;
-			if (o && Ds(e, i), o ? p : r) throw Bs();
+			if (o && js(e, i), o ? p : r) throw Ws();
 			return { warnings: a.map((e) => e.message) };
 		} catch (t) {
-			throw i && !p && Ds(e, i, { importRejected: !0 }), t;
+			throw i && !p && js(e, i, { importRejected: !0 }), t;
 		} finally {
 			--d;
 		}
@@ -6048,7 +6122,7 @@ function zs(e, t) {
 		meta: _,
 		elements: ee,
 		interaction: l.surface,
-		appearance: Ls(e.container, () => p),
+		appearance: Vs(e.container, () => p),
 		diagram: e,
 		attachTo(t) {
 			e.attachTo(t);
@@ -6068,13 +6142,13 @@ function zs(e, t) {
 					width: n,
 					height: i
 				};
-				return Hs(a) ? a : void 0;
+				return Ks(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!p && Hs(e) && r.viewbox({
+			!p && Ks(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -6093,45 +6167,45 @@ function zs(e, t) {
 		},
 		destroy() {
 			if (p) return;
-			m = Vs(x), p = !0, u.clear(), l.stop();
+			m = Gs(x), p = !0, u.clear(), l.stop();
 			let t = !1;
 			n.on("import.done", () => {
 				t = !0;
 			});
 			let r = () => {
-				t && (m = Vs(x)), e.destroy();
+				t && (m = Gs(x)), e.destroy();
 			};
 			h.delivering() ? queueMicrotask(r) : l.tearDownAfterHandler(r);
 		}
 	};
 }
-function Bs() {
+function Ws() {
 	return /* @__PURE__ */ Error("The modeler was destroyed.");
 }
-function Vs(e) {
+function Gs(e) {
 	try {
 		return e();
 	} catch {
 		return "";
 	}
 }
-function Hs(e) {
+function Ks(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return Us(t) && Us(n) && Us(r) && Us(i) && r > 0 && i > 0;
+	return qs(t) && qs(n) && qs(r) && qs(i) && r > 0 && i > 0;
 }
-function Us(e) {
+function qs(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 // src/map-menu/menu.ts
-var Ws = {
+var Q = {
 	png: "Export as PNG",
 	svg: "Export as SVG",
 	transparentPng: "Export as PNG (4×, transparent)",
 	json: "Export as JSON",
 	wmap: "Export as .wmap"
 };
-function Gs(e, t, n, r) {
+function Js(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -6141,11 +6215,11 @@ function Gs(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function Ks(e) {
-	let t = [Gs("export-png", Ws.png, e.png, "file-image"), Gs("export-svg", Ws.svg, e.svg, "file-code-corner")];
-	return e.transparentPng && t.push(Gs("export-png-transparent", Ws.transparentPng, e.transparentPng)), e.json && t.push(Gs("export-json", Ws.json, e.json)), e.wmap && t.push(Gs("export-wmap", Ws.wmap, e.wmap)), t;
+function Ys(e) {
+	let t = [Js("export-png", Q.png, e.png, "file-image"), Js("export-svg", Q.svg, e.svg, "file-code-corner")];
+	return e.transparentPng && t.push(Js("export-png-transparent", Q.transparentPng, e.transparentPng)), e.json && t.push(Js("export-json", Q.json, e.json)), e.wmap && t.push(Js("export-wmap", Q.wmap, e.wmap)), t;
 }
-function qs(e) {
+function Xs(e) {
 	let { mapTitle: t, shortcutsKey: n } = e;
 	return {
 		model: [
@@ -6168,7 +6242,7 @@ function qs(e) {
 				onSelect: () => e.axisLabels()
 			}
 		],
-		export: Ks(e.exports),
+		export: Ys(e.exports),
 		help: [{
 			kind: "dialog",
 			id: "keyboard-shortcuts",
@@ -6180,15 +6254,15 @@ function qs(e) {
 	};
 }
 // src/map-menu/shortcuts.ts
-var Js = "←↑→↓";
-function Ys(e) {
+var Zs = "←↑→↓";
+function Qs(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function Xs(e, t) {
+function $s(e, t) {
 	if (e === "mac") return {
 		command: (e) => `⌘${e}`,
 		shiftCommand: (e) => `⌘⇧${e}`,
@@ -6217,7 +6291,7 @@ function Xs(e, t) {
 		breakLine: `${r}+Enter`
 	};
 }
-function Zs(e, t) {
+function ec(e, t) {
 	return {
 		title: "File",
 		rows: [
@@ -6226,7 +6300,7 @@ function Zs(e, t) {
 				keys: [t("O")]
 			},
 			{
-				action: Ws.wmap,
+				action: Q.wmap,
 				keys: [t("S")]
 			},
 			{
@@ -6236,10 +6310,10 @@ function Zs(e, t) {
 		]
 	};
 }
-function Qs(e, t = {}) {
-	let { platform: n, messages: r } = e, i = Xs(n, r.keyNames);
+function tc(e, t = {}) {
+	let { platform: n, messages: r } = e, i = $s(n, r.keyNames);
 	return [
-		...t.fileKeys ? [Zs(e, i.command)] : [],
+		...t.fileKeys ? [ec(e, i.command)] : [],
 		{
 			title: "View",
 			rows: [
@@ -6252,7 +6326,7 @@ function Qs(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(Ys(e.lang)),
+					action: r.zoomToActual(Qs(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -6306,11 +6380,11 @@ function Qs(e, t = {}) {
 				},
 				{
 					action: "Move the selection",
-					keys: [Js]
+					keys: [Zs]
 				},
 				{
 					action: "Move the selection further",
-					keys: [i.shift(Js)]
+					keys: [i.shift(Zs)]
 				},
 				{
 					action: "Select all",
@@ -6407,33 +6481,33 @@ function Qs(e, t = {}) {
 * Copyright (c) 2026 Lucide Icons and Contributors
 * Derived from Feather @license MIT, Copyright (c) 2013-present Cole Bemis
 * Full notices: README.md of @miragon/wardley-renderer */
-var $s = "<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 nc = "<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 $(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-var ec = 0;
-function tc(e) {
-	return ec += 1, `${e}-${ec}`;
+var rc = 0;
+function ic(e) {
+	return rc += 1, `${e}-${rc}`;
 }
 // src/map-menu/dialog.ts
-function nc(e, t) {
+function ac(e, t) {
 	let n = $("button", "wardley-button", e);
 	return n.type = "button", n.dataset.variant = t, n;
 }
-function rc(e, t, n, r) {
+function oc(e, t, n, r) {
 	let i = $("header", "wardley-dialog-header"), a = $("h3", "wardley-dialog-title", t);
 	a.id = n;
 	let o = $("button", "wardley-dialog-close");
-	return o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = $s, o.addEventListener("click", r), i.append(a, o), i;
+	return o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = nc, o.addEventListener("click", r), i.append(a, o), i;
 }
-function ic(e, t) {
+function sc(e, t) {
 	let n;
 	function r() {
-		let n = tc(`${t.className}-title`), r = $("dialog", `wardley-dialog ${t.className}`);
+		let n = ic(`${t.className}-title`), r = $("dialog", `wardley-dialog ${t.className}`);
 		r.setAttribute("aria-labelledby", n);
 		let i = () => r.close(), a = $("div", "wardley-dialog-panel");
-		a.append(rc(e, t.title, n, i), ...t.content(i)), r.append(a);
+		a.append(oc(e, t.title, n, i), ...t.content(i)), r.append(a);
 		let o = !1;
 		return r.addEventListener("pointerdown", (e) => {
 			o = e.target === r;
@@ -6457,19 +6531,19 @@ function ic(e, t) {
 	};
 }
 // src/map-menu/TitleDialog.ts
-function ac(e) {
+function cc(e) {
 	return e.exportMap().config.title ?? i;
 }
-function oc(e, t) {
+function lc(e, t) {
 	let n = $("input", "wardley-field-input");
-	n.id = tc("wardley-title-field"), n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.maxLength = 120, n.autofocus = !0, n.addEventListener("keydown", (e) => {
-		(e.key === "Enter" || e.key === "Escape") && Fa(e) && e.preventDefault();
+	n.id = ic("wardley-title-field"), n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.maxLength = 120, n.autofocus = !0, n.addEventListener("keydown", (e) => {
+		(e.key === "Enter" || e.key === "Escape") && za(e) && e.preventDefault();
 	});
-	let r = ic(e, {
+	let r = sc(e, {
 		className: "wardley-title-dialog",
 		title: "Map title",
 		beforeOpen() {
-			n.value = ac(t);
+			n.value = cc(t);
 		},
 		afterOpen() {
 			n.select();
@@ -6479,29 +6553,29 @@ function oc(e, t) {
 			r.noValidate = !0;
 			let a = $("div", "wardley-dialog-body"), o = $("div", "wardley-field"), s = $("label", "wardley-field-label", "Title");
 			s.htmlFor = n.id, o.append(s, n), a.append(o);
-			let c = $("div", "wardley-dialog-footer"), l = nc("Cancel", "secondary");
+			let c = $("div", "wardley-dialog-footer"), l = ac("Cancel", "secondary");
 			l.addEventListener("click", e);
-			let u = nc("Apply", "primary");
+			let u = ac("Apply", "primary");
 			return u.type = "submit", c.append(l, u), r.append(a, c), r.addEventListener("submit", (r) => {
 				r.preventDefault();
 				let a = n.value.replace(/\s+/g, " ").trim() || i;
-				e(), a !== ac(t) && t.setTitle(a);
+				e(), a !== cc(t) && t.setTitle(a);
 			}), [r];
 		}
 	}), a = (e) => {
 		e.readOnly && r.close();
 	};
-	return t.on(R, a), {
+	return t.on(gt, a), {
 		open: () => r.open(),
 		isOpen: () => r.isOpen(),
 		close: () => r.close(),
 		destroy() {
-			t.off(R, a), r.destroy();
+			t.off(gt, a), r.destroy();
 		}
 	};
 }
 // src/map-menu/popover.ts
-function sc() {
+function uc() {
 	let e = (e) => {
 		e.key === "Escape" && (e.stopPropagation(), n());
 	}, t = (e) => {
@@ -6512,14 +6586,14 @@ function sc() {
 	}
 	document.addEventListener("keyup", e, !0), document.addEventListener("keydown", t, !0);
 }
-function cc(e, t) {
+function dc(e, t) {
 	let n, r = (e) => {
 		n && !n.contains(e.target) && s("done");
 	}, i = () => s("done"), a = (e) => {
-		e.key !== "Escape" || Fa(e) || B(e) || (e.preventDefault(), e.stopPropagation(), s("done", { returnFocus: !0 }), sc());
+		e.key !== "Escape" || za(e) || z(e) || (e.preventDefault(), e.stopPropagation(), s("done", { returnFocus: !0 }), uc());
 	};
 	function o() {
-		let n = tc(`${t.className}-title`), r = $("div", `wardley-popover ${t.className}`);
+		let n = ic(`${t.className}-title`), r = $("div", `wardley-popover ${t.className}`);
 		r.setAttribute("role", "dialog"), r.setAttribute("aria-labelledby", n), r.hidden = !0;
 		let i = $("h2", "wardley-popover-title", t.title);
 		i.id = n;
@@ -6544,8 +6618,8 @@ function cc(e, t) {
 		}
 	};
 }
-function lc(e, t) {
-	let n = $("div", "wardley-field"), r = tc("wardley-field"), i = $("label", "wardley-field-label", e);
+function fc(e, t) {
+	let n = $("div", "wardley-field"), r = ic("wardley-field"), i = $("label", "wardley-field-label", e);
 	i.htmlFor = r, t.id = r, t.classList.add("wardley-field-input"), n.append(i, t);
 	let a;
 	return {
@@ -6558,35 +6632,35 @@ function lc(e, t) {
 		}
 	};
 }
-function uc(e, t) {
+function pc(e, t) {
 	let n = () => t.end("import"), r = (e) => {
 		e.readOnly && t.end("cancel");
 	};
-	return e.on("import.done", n), e.on(R, r), {
+	return e.on("import.done", n), e.on(gt, r), {
 		open: () => t.open(),
 		isOpen: () => t.isOpen(),
 		close: () => t.close(),
 		destroy() {
-			e.off("import.done", n), e.off(R, r), t.destroy();
+			e.off("import.done", n), e.off(gt, r), t.destroy();
 		}
 	};
 }
 // src/map-menu/MapSizePopover.ts
-var dc = "custom";
-function fc(e, t) {
+var mc = "custom";
+function hc(e, t) {
 	let n = $("input", "");
 	return n.type = "number", n.inputMode = "numeric", n.min = String(e), n.max = String(t), n.step = "10", n;
 }
-function pc(e, t) {
+function gc(e, t) {
 	let n = $("select", "");
 	for (let e of l) {
 		let t = $("option", "", `${e.name} (${e.width} × ${e.height})`);
 		t.value = e.id, n.append(t);
 	}
 	let r = $("option", "", "Custom");
-	r.value = dc, n.append(r);
-	let i = fc(p.width, d.width), a = fc(p.height, d.height), o = nc("Reset to default", "ghost"), s = lc("Size", n), c = lc("Width", i), u = lc("Height", a), f, m, h = (e) => {
-		n.value = e.presetId ?? dc, i.value = String(e.width), a.value = String(e.height), o.disabled = !e.isExplicit, c.clearError(), u.clearError();
+	r.value = mc, n.append(r);
+	let i = hc(p.width, d.width), a = hc(p.height, d.height), o = ac("Reset to default", "ghost"), s = fc("Size", n), c = fc("Width", i), u = fc("Height", a), f, m, h = (e) => {
+		n.value = e.presetId ?? mc, i.value = String(e.width), a.value = String(e.height), o.disabled = !e.isExplicit, c.clearError(), u.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) => {
@@ -6603,7 +6677,7 @@ function pc(e, t) {
 			[n]: i
 		});
 	};
-	return uc(t, cc(e, {
+	return pc(t, dc(e, {
 		className: "wardley-map-size",
 		title: "Map size",
 		build(e, t, r) {
@@ -6611,9 +6685,9 @@ function pc(e, t) {
 			f.setAttribute("aria-hidden", "true"), d.append(c.wrapper, f, u.wrapper);
 			let p = $("p", "wardley-popover-hint", "Or drag the plot’s right or bottom edge.");
 			e.append(s.wrapper, d, p);
-			let m = nc("Done", "secondary");
+			let m = ac("Done", "secondary");
 			m.addEventListener("click", (e) => {
-				B(e) || r();
+				z(e) || r();
 			}), t.append(o, m), n.addEventListener("change", () => {
 				let e = l.find((e) => e.id === n.value);
 				e ? g({
@@ -6621,7 +6695,7 @@ function pc(e, t) {
 					height: e.height
 				}) : i.focus();
 			}), i.addEventListener("change", () => _(i, "width")), a.addEventListener("change", () => _(a, "height")), o.addEventListener("click", (e) => {
-				B(e) || (n.focus(), g(void 0));
+				z(e) || (n.focus(), g(void 0));
 			});
 		},
 		opened() {
@@ -6630,30 +6704,30 @@ function pc(e, t) {
 		closed(e) {
 			let n = m;
 			if (m = void 0, !n || e === "import") return;
-			let r = e === "done" ? n.size : mc(f);
+			let r = e === "done" ? n.size : _c(f);
 			r ? t.setMapSize(r.width, r.height) : t.resetMapSize();
 		}
 	}));
 }
-function mc(e) {
+function _c(e) {
 	return e?.isExplicit ? {
 		width: e.width,
 		height: e.height
 	} : void 0;
 }
 // src/map-menu/AxisLabelsPopover.ts
-var hc = "custom";
-function gc(e) {
-	return s.find((t) => t.labels.every((t, n) => t === e[n]))?.id ?? hc;
+var vc = "custom";
+function yc(e) {
+	return s.find((t) => t.labels.every((t, n) => t === e[n]))?.id ?? vc;
 }
-function _c(e, t) {
+function bc(e, t) {
 	let n = $("select", "");
 	for (let e of s) {
 		let t = $("option", "", e.name);
 		t.value = e.id, t.title = e.labels.join(" · "), n.append(t);
 	}
 	let i = $("option", "", "Custom");
-	i.value = hc, n.append(i);
+	i.value = vc, n.append(i);
 	let a = [
 		1,
 		2,
@@ -6663,30 +6737,30 @@ function _c(e, t) {
 		let e = $("input", "");
 		return e.type = "text", e.autocomplete = "off", e.spellcheck = !1, e;
 	}), o = r, c = !1, l = (e) => {
-		a.forEach((t, n) => t.value = e[n] ?? ""), n.value = gc(e);
+		a.forEach((t, n) => t.value = e[n] ?? ""), n.value = yc(e);
 	}, u = () => g(a.map((e) => e.value)), d = () => {
 		c = !0;
 		let e = u();
-		t.setEvolutionLabels(e, { transient: !0 }), n.value = gc(e ?? r);
+		t.setEvolutionLabels(e, { transient: !0 }), n.value = yc(e ?? r);
 	};
-	return uc(t, cc(e, {
+	return pc(t, dc(e, {
 		className: "wardley-axis-labels",
 		title: "X-axis labels",
 		build(e, t, i) {
 			let o = $("p", "wardley-popover-hint"), c = $("a", "wardley-popover-link", "Learn Wardley Mapping");
-			c.href = "https://learnwardleymapping.com/landscape/", c.target = "_blank", c.rel = "noopener noreferrer", o.append("Label sets from ", c, ". Pick a set, or name each stage."), e.append(lc("Preset", n).wrapper, o), a.forEach((t, n) => e.append(lc(`Stage ${n + 1}`, t).wrapper));
-			let u = nc("Reset to default", "ghost"), f = nc("Done", "secondary");
+			c.href = "https://learnwardleymapping.com/landscape/", c.target = "_blank", c.rel = "noopener noreferrer", o.append("Label sets from ", c, ". Pick a set, or name each stage."), e.append(fc("Preset", n).wrapper, o), a.forEach((t, n) => e.append(fc(`Stage ${n + 1}`, t).wrapper));
+			let u = ac("Reset to default", "ghost"), f = ac("Done", "secondary");
 			t.append(u, f), n.addEventListener("change", () => {
 				let e = s.find((e) => e.id === n.value);
 				e && (l(e.labels), d());
 			});
 			for (let e of a) e.addEventListener("input", d), e.addEventListener("keydown", (e) => {
-				e.key !== "Enter" || Fa(e) || B(e) || (e.preventDefault(), i());
+				e.key !== "Enter" || za(e) || z(e) || (e.preventDefault(), i());
 			});
 			u.addEventListener("click", (e) => {
-				B(e) || (l(r), d());
+				z(e) || (l(r), d());
 			}), f.addEventListener("click", (e) => {
-				B(e) || i();
+				z(e) || i();
 			});
 		},
 		opened() {
@@ -6697,6 +6771,6 @@ function _c(e, t) {
 		}
 	}));
 }
-export { j as COLORS, Ws as EXPORT_LABELS, Tn as EvolutionGrid, wi as FreeRect, tn as INTERACTION_CHANGED, c as MAP_SIZE_PRESETS, O as MIRAGON, dt as MapProjection, Yt as MapResizeHandles, Ss as Modeler, Le as NOTE_COLORS, Ei as NavigatedViewer, k as PLOT, u as PLOT_MAX, f as PLOT_MIN, vo as POPUP_PROVIDER_ID, Si as PanConstraint, Ci as PanConstraintModule, Xn as PipelineGroupBehavior, R as READ_ONLY_CHANGED, _r as RESIZE_MAP, Ke as ROOT_ID, Xt as ResizeAwareAutoScroll, vr as UPDATE_CONFIG, fi as Viewer, Os as WARDLEY_NOTATION, e as WARDLEY_THEMES, Yo as WardleyAppendBehavior, fn as WardleyBaseViewer, Qo as WardleyColorPicker, os as WardleyDrawTool, vn as WardleyElementFactory, Co as WardleyElementSettingsProvider, Pn as WardleyEvolveDragging, rt as WardleyExporter, Qe as WardleyImporter, an as WardleyInteraction, _s as WardleyLabelDragging, $a as WardleyLabelEditing, ki as WardleyLassoBehavior, pn as WardleyLayouter, go as WardleyLinkEditing, br as WardleyModeling, ts as WardleyOrderingProvider, vt as WardleyReadOnly, ni as WardleyRenderer, Fi as WardleyRules, it as WardleySourceOrder, ot as blobToBase64, mo as canHaveLink, Nt as canvasAccessibilityModule, _c as createAxisLabelsPopover, js as createCollaborativeModeler, Ms as createCollaborativeViewer, ic as createMapDialog, pc as createMapSizePopover, oc as createTitleDialog, nc as dialogButton, jr as evolutionConstraintModule, Ar as evolutionGridModule, Ue as exportBounds, Ti as freeRectModule, st as ioModule, F as isComponent, I as isPipeline, P as isWardleyConnection, N as isWardleyShape, ro as labelEditingModule, _o as linkEditingModule, ho as linkOf, qs as mapMenu, Qt as mapResizeModule, Qs as mapShortcuts, _ as normalizeMapSize, Zn as pipelineGroupModule, ee as presetIdForSize, yt as readOnlyModule, Ds as restoreEditorState, Be as saveSVG, Es as setAsideEditorState, Li as stageSnappingModule, Xo as wardleyAppendModule, $o as wardleyColorPickerModule, No as wardleyContextPadModule, di as wardleyDrawModule, fs as wardleyDrawToolModule, Fn as wardleyEvolveModule, on as wardleyInteractionModule, Ko as wardleyKeyboardModule, bs as wardleyLabelDragModule, Ai as wardleyLassoModule, mn as wardleyLayoutModule, yn as wardleyModelModule, kr as wardleyModelingModule, ns as wardleyOrderingModule, ka as wardleyPaletteModule, wo as wardleyPopupModule, Ii as wardleyRulesModule };
+export { j as COLORS, Q as EXPORT_LABELS, On as EvolutionGrid, Oi as FreeRect, rn as INTERACTION_CHANGED, c as MAP_SIZE_PRESETS, O as MIRAGON, ft as MapProjection, Zt as MapResizeHandles, Es as Modeler, Re as NOTE_COLORS, Ai as NavigatedViewer, k as PLOT, u as PLOT_MAX, f as PLOT_MIN, Co as POPUP_PROVIDER_ID, Ei as PanConstraint, Di as PanConstraintModule, $n as PipelineGroupBehavior, gt as READ_ONLY_CHANGED, br as RESIZE_MAP, qe as ROOT_ID, Qt as ResizeAwareAutoScroll, xr as UPDATE_CONFIG, gi as Viewer, Ms as WARDLEY_NOTATION, e as WARDLEY_THEMES, $o as WardleyAppendBehavior, hn as WardleyBaseViewer, ns as WardleyColorPicker, us as WardleyDrawTool, xn as WardleyElementFactory, Oo as WardleyElementSettingsProvider, Ln as WardleyEvolveDragging, it as WardleyExporter, $e as WardleyImporter, sn as WardleyInteraction, xs as WardleyLabelDragging, ro as WardleyLabelEditing, Ni as WardleyLassoBehavior, gn as WardleyLayouter, xo as WardleyLinkEditing, Cr as WardleyModeling, as as WardleyOrderingProvider, bt as WardleyReadOnly, oi as WardleyRenderer, zi as WardleyRules, at as WardleySourceOrder, st as blobToBase64, yo as canHaveLink, Ft as canvasAccessibilityModule, bc as createAxisLabelsPopover, Fs as createCollaborativeModeler, Is as createCollaborativeViewer, sc as createMapDialog, gc as createMapSizePopover, lc as createTitleDialog, ac as dialogButton, Pr as evolutionConstraintModule, Nr as evolutionGridModule, We as exportBounds, ki as freeRectModule, ct as ioModule, F as isComponent, I as isPipeline, P as isWardleyConnection, N as isWardleyShape, so as labelEditingModule, So as linkEditingModule, bo as linkOf, Xs as mapMenu, en as mapResizeModule, tc as mapShortcuts, _ as normalizeMapSize, er as pipelineGroupModule, ee as presetIdForSize, xt as readOnlyModule, js as restoreEditorState, Ve as saveSVG, As as setAsideEditorState, Vi as stageSnappingModule, es as wardleyAppendModule, rs as wardleyColorPickerModule, Lo as wardleyContextPadModule, hi as wardleyDrawModule, gs as wardleyDrawToolModule, Rn as wardleyEvolveModule, cn as wardleyInteractionModule, Xo as wardleyKeyboardModule, ws as wardleyLabelDragModule, Pi as wardleyLassoModule, _n as wardleyLayoutModule, Sn as wardleyModelModule, Mr as wardleyModelingModule, os as wardleyOrderingModule, Na as wardleyPaletteModule, ko as wardleyPopupModule, Bi as wardleyRulesModule };
 
 //# sourceMappingURL=index.js.map