@miragon/event-storming-renderer 0.5.0 → 0.5.1

package/dist/index.js

@@ -4,42 +4,42 @@ import { parseDSLWithDiagnostics as l, serializeDSL as u } from "@miragon/event-
 import d from "diagram-js/lib/draw/BaseRenderer";
 import { append as f, attr as p, create as m, remove as h } from "tiny-svg";
 import g from "diagram-js/lib/features/change-support";
-import _ from "diagram-js/lib/features/selection";
-import v from "diagram-js/lib/navigation/zoomscroll";
-import ee from "diagram-js/lib/navigation/movecanvas";
-import te from "diagram-js/lib/features/keyboard";
-import ne from "diagram-js/lib/features/modeling";
-import re from "diagram-js/lib/features/move";
-import ie from "diagram-js/lib/features/create";
-import ae from "diagram-js/lib/features/connect";
-import oe from "diagram-js/lib/features/context-pad";
-import se from "diagram-js/lib/features/palette";
-import ce from "diagram-js/lib/features/rules";
-import le from "diagram-js/lib/features/outline";
-import ue from "diagram-js/lib/features/popup-menu";
-import de from "diagram-js/lib/features/attach-support";
-import fe from "diagram-js/lib/command/CommandInterceptor";
-import pe from "diagram-js/lib/features/mouse";
-import me from "diagram-js/lib/features/lasso-tool";
-import he from "diagram-js/lib/features/rules/RuleProvider";
-import ge from "diagram-js/lib/features/palette/PaletteTooltipComponent";
-import { html as _e } from "diagram-js/lib/ui";
-import ve from "diagram-js/lib/features/connection-preview";
-import ye from "diagram-js/lib/features/ordering/OrderingProvider";
-import be from "diagram-js/lib/features/resize";
-import { MODELER_API_VERSION as xe } from "@miragon/modeler-api";
-//#region src/io/saveSvg.ts
-var Se = [
+import ee from "diagram-js/lib/features/selection";
+import _ from "diagram-js/lib/navigation/zoomscroll";
+import te from "diagram-js/lib/navigation/movecanvas";
+import ne from "diagram-js/lib/features/keyboard";
+import re from "diagram-js/lib/features/modeling";
+import ie from "diagram-js/lib/features/move";
+import ae from "diagram-js/lib/features/create";
+import oe from "diagram-js/lib/features/connect";
+import se from "diagram-js/lib/features/context-pad";
+import ce from "diagram-js/lib/features/palette";
+import le from "diagram-js/lib/features/rules";
+import ue from "diagram-js/lib/features/outline";
+import de from "diagram-js/lib/features/popup-menu";
+import fe from "diagram-js/lib/features/attach-support";
+import pe from "diagram-js/lib/command/CommandInterceptor";
+import me from "diagram-js/lib/features/mouse";
+import he from "diagram-js/lib/features/lasso-tool";
+import ge from "diagram-js/lib/features/rules/RuleProvider";
+import _e from "diagram-js/lib/features/palette/PaletteTooltipComponent";
+import { html as ve } from "diagram-js/lib/ui";
+import ye from "diagram-js/lib/features/connection-preview";
+import be from "diagram-js/lib/features/ordering/OrderingProvider";
+import xe from "diagram-js/lib/features/resize";
+import { MODELER_API_VERSION as Se } from "@miragon/modeler-api";
+// src/io/saveSvg.ts
+var Ce = [
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-labelledby"
 ];
-function Ce(e, t) {
+function we(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);
-	for (let e of Se) r.removeAttribute(e);
+	for (let e of Ce) r.removeAttribute(e);
 	let a = t ?? {
 		x: 0,
 		y: 0,
@@ -49,19 +49,18 @@ function Ce(e, t) {
 	let o = r.querySelector(".viewport");
 	return o && o.removeAttribute("transform"), { svg: "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" + new XMLSerializer().serializeToString(r) };
 }
-//#endregion
-//#region src/model/di-types.ts
-var y = "event-storming-root";
-function we(e) {
+// src/model/di-types.ts
+var v = "event-storming-root";
+function Te(e) {
 	return typeof e == "object" && !!e;
 }
-function b(e) {
-	return we(e) && typeof e.eventStormingType == "string" && !("waypoints" in e);
+function y(e) {
+	return Te(e) && typeof e.eventStormingType == "string" && !("waypoints" in e);
 }
-function x(e) {
-	return we(e) && typeof e.eventStormingType == "string" && "waypoints" in e;
+function b(e) {
+	return Te(e) && typeof e.eventStormingType == "string" && "waypoints" in e;
 }
-var S = [
+var x = [
 	"event",
 	"command",
 	"actor",
@@ -71,33 +70,32 @@ var S = [
 	"external",
 	"hotspot"
 ];
-function C(e) {
-	return S.includes(e);
+function S(e) {
+	return x.includes(e);
 }
-function w(e) {
-	return b(e) && C(e.eventStormingType);
+function C(e) {
+	return y(e) && S(e.eventStormingType);
 }
-function T(e) {
+function Ee(e) {
 	return t.includes(e);
 }
-function E(e) {
+function De(e) {
 	return a.includes(e);
 }
-function Te(e) {
-	return b(e) && T(e.eventStormingType);
+function Oe(e) {
+	return y(e) && Ee(e.eventStormingType);
 }
-function D(e) {
-	return b(e) && E(e.eventStormingType);
+function ke(e) {
+	return y(e) && De(e.eventStormingType);
 }
-function O(e) {
-	return b(e) && e.eventStormingType === "drawing";
+function w(e) {
+	return y(e) && e.eventStormingType === "drawing";
 }
-function Ee(e) {
-	return b(e) && e.eventStormingType === "note";
+function Ae(e) {
+	return y(e) && e.eventStormingType === "note";
 }
-//#endregion
-//#region src/theme/palette.ts
-var k = {
+// src/theme/palette.ts
+var T = {
 	blau: "#335DE5",
 	blauLink: "#2B50D4",
 	blauHell: "#6B8AFF",
@@ -106,13 +104,15 @@ var k = {
 	schwarz: "#1D1D1D",
 	weiss: "#FFFFFF",
 	linie: "#E6E2E2",
+	kontur: "#8F8A8A",
+	textLeise: "#6B6666",
 	success: "#00E676",
 	warning: "#FFB000",
 	danger: "#CD1839",
 	info: "#335DE5",
 	navy: "#080A20",
 	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
-}, De = [
+}, je = [
 	{
 		marker: "***",
 		bold: !0,
@@ -129,28 +129,28 @@ var k = {
 		italic: !0
 	}
 ];
-function A(e) {
+function E(e) {
 	return e.split("\n").map((e) => {
 		let t = e.startsWith("- ");
 		return {
 			bullet: t,
-			runs: Ae(t ? e.slice(2) : e)
+			runs: Pe(t ? e.slice(2) : e)
 		};
 	});
 }
-function Oe(e) {
+function Me(e) {
 	return e.map((e) => {
-		let t = Me(e.runs).map((e) => {
+		let t = Ie(e.runs).map((e) => {
 			let t = e.bold && e.italic ? "***" : e.bold ? "**" : e.italic ? "*" : "";
 			return t + e.text + t;
 		}).join("");
 		return (e.bullet ? "- " : "") + t;
 	}).join("\n");
 }
-function ke(e) {
-	return A(e).map((e) => (e.bullet ? "• " : "") + e.runs.map((e) => e.text).join("")).join("\n");
+function Ne(e) {
+	return E(e).map((e) => (e.bullet ? "• " : "") + e.runs.map((e) => e.text).join("")).join("\n");
 }
-function Ae(e) {
+function Pe(e) {
 	let t = [], n = "", r = () => {
 		n && t.push({
 			text: n,
@@ -159,17 +159,17 @@ function Ae(e) {
 		}), n = "";
 	}, i = 0;
 	for (; i < e.length;) {
-		let a = e[i] === "*" ? je(e, i) : void 0;
+		let a = e[i] === "*" ? Fe(e, i) : void 0;
 		a ? (r(), t.push({
 			text: a.content,
 			bold: a.bold,
 			italic: a.italic
 		}), i = a.end) : (n += e[i], i++);
 	}
-	return r(), Me(t);
+	return r(), Ie(t);
 }
-function je(e, t) {
-	for (let { marker: n, bold: r, italic: i } of De) {
+function Fe(e, t) {
+	for (let { marker: n, bold: r, italic: i } of je) {
 		if (!e.startsWith(n, t)) continue;
 		let a = e.indexOf(n, t + n.length);
 		if (!(a <= t + n.length)) return {
@@ -180,7 +180,7 @@ function je(e, t) {
 		};
 	}
 }
-function Me(e) {
+function Ie(e) {
 	let t = [];
 	for (let n of e) {
 		if (!n.text) continue;
@@ -193,36 +193,35 @@ function Me(e) {
 	}
 	return t;
 }
-//#endregion
-//#region src/draw/styles.ts
-var j = {
+// src/draw/styles.ts
+var D = {
 	event: {
 		label: "Domain Event",
 		width: 130,
 		height: 90,
 		fill: "#FFB84D",
-		stroke: "#E89A2E"
+		stroke: "#CA7E16"
 	},
 	command: {
 		label: "Command",
 		width: 130,
 		height: 90,
 		fill: "#7EC8F0",
-		stroke: "#4FA8D8"
+		stroke: "#2F98D1"
 	},
 	actor: {
 		label: "Actor",
 		width: 100,
 		height: 65,
 		fill: "#FFF9B1",
-		stroke: "#E6DB7A"
+		stroke: "#9E911E"
 	},
 	aggregate: {
 		label: "Aggregate",
 		width: 180,
 		height: 110,
 		fill: "#FFE066",
-		stroke: "#E0BE3F"
+		stroke: "#AB8C1C"
 	},
 	policy: {
 		label: "Policy",
@@ -236,14 +235,14 @@ var j = {
 		width: 130,
 		height: 90,
 		fill: "#A8D08D",
-		stroke: "#7FB35D"
+		stroke: "#6A9D4A"
 	},
 	external: {
 		label: "External System",
 		width: 180,
 		height: 110,
 		fill: "#F4A6C0",
-		stroke: "#DE7EA2"
+		stroke: "#D96C95"
 	},
 	hotspot: {
 		label: "Hotspot",
@@ -252,51 +251,60 @@ var j = {
 		fill: "#E85D75",
 		stroke: "#C43B55"
 	}
-}, M = {
+}, O = {
 	label: "Note",
 	fill: "#ECECEC",
-	stroke: "#C4C4C4"
-}, N = {
+	stroke: T.kontur
+}, k = {
+	fill: T.weiss,
+	stroke: T.kontur,
+	dash: "6 4"
+}, A = {
+	color: T.schwarz,
+	opacity: .2,
+	dy: 5,
+	blur: 5
+}, j = {
 	width: 60,
 	height: 40
-}, P = 7.5, Ne = {
-	width: j.aggregate.width,
-	height: j.aggregate.height
+}, M = 7.5, Le = {
+	width: D.aggregate.width,
+	height: D.aggregate.height
 };
-function F(e) {
-	let t = ke(e), n = (t && t.length ? t : "note").split("\n"), r = Math.max(1, ...n.map((e) => e.length));
+function N(e) {
+	let t = Ne(e), n = (t && t.length ? t : "note").split("\n"), r = Math.max(1, ...n.map((e) => e.length));
 	return {
 		lines: n,
-		width: Math.max(Ne.width, Math.round(r * P) + 16),
-		height: Math.max(Ne.height, n.length * 17 + 16)
+		width: Math.max(Le.width, Math.round(r * M) + 16),
+		height: Math.max(Le.height, n.length * 17 + 16)
 	};
 }
-function I(e, t) {
-	let n = F(e);
+function P(e, t) {
+	let n = N(e);
 	return t.width !== n.width || t.height !== n.height;
 }
-var L = {
-	paper: k.grau,
-	ink: k.schwarz,
-	inkSoft: "#5B5B5B",
-	surface: k.weiss,
-	stroke: k.schwarz,
-	arrow: "#9E9E9E",
-	accent: k.blau,
+var F = {
+	paper: T.grau,
+	ink: T.schwarz,
+	inkSoft: T.textLeise,
+	surface: T.weiss,
+	stroke: T.schwarz,
+	arrow: T.kontur,
+	accent: T.blau,
 	accentSoft: "rgba(51,93,229,0.12)",
-	stickyText: k.schwarz
-}, R = k.schwarz, z = {
+	stickyText: T.schwarz
+}, I = T.schwarz, L = {
 	family: "'Geist Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
 	label: 13
-}, Pe = "geometricPrecision", B = `italic 11px ${z.family}`;
-function V(e) {
+}, Re = "geometricPrecision", ze = `italic 11px ${L.family}`;
+function R(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function Fe(e, t) {
-	let n = V(e), r = t.x - n.x, i = t.y - n.y;
+function Be(e, t) {
+	let n = R(e), r = t.x - n.x, i = t.y - n.y;
 	if (r === 0 && i === 0) return n;
 	let a = e.width / 2 + 2, o = e.height / 2 + 2, s = Math.min(r === 0 ? Infinity : a / Math.abs(r), i === 0 ? Infinity : o / Math.abs(i));
 	return {
@@ -304,7 +312,7 @@ function Fe(e, t) {
 		y: n.y + i * s
 	};
 }
-function Ie(e) {
+function Ve(e) {
 	let t = e.source, n = e.target, r = e.waypoints;
 	if (!t || !n) {
 		let e = r[0] ?? {
@@ -313,24 +321,24 @@ function Ie(e) {
 		};
 		return [e, r[r.length - 1] ?? e];
 	}
-	let i = V(t), a = V(n), o = Fe(t, a), s = Fe(n, i);
+	let i = R(t), a = R(n), o = Be(t, a), s = Be(n, i);
 	return (a.x - i.x) * (s.x - o.x) + (a.y - i.y) * (s.y - o.y) <= 0 ? [i, a] : [o, s];
 }
-function Le(e) {
-	let [t, n] = Ie(e);
+function He(e) {
+	let [t, n] = Ve(e);
 	return {
 		x: (t.x + n.x) / 2,
 		y: (t.y + n.y) / 2 - 5
 	};
 }
-function Re(e) {
+function Ue(e) {
 	if (e.eventStormingType !== "hotspot") return {
 		x: e.x,
 		y: e.y,
 		width: e.width,
 		height: e.height
 	};
-	let t = Math.abs(-3 * Math.PI / 180), n = e.width * Math.cos(t) + e.height * Math.sin(t), r = e.width * Math.sin(t) + e.height * Math.cos(t), i = V(e);
+	let t = Math.abs(-3 * Math.PI / 180), n = e.width * Math.cos(t) + e.height * Math.sin(t), r = e.width * Math.sin(t) + e.height * Math.cos(t), i = R(e);
 	return {
 		x: i.x - n / 2,
 		y: i.y - r / 2,
@@ -338,9 +346,9 @@ function Re(e) {
 		height: r
 	};
 }
-function ze(e) {
+function We(e) {
 	if (!e.linkLabel) return;
-	let t = Le(e), { advance: n, left: r, right: i, ascent: a, descent: o } = We(e.linkLabel);
+	let t = He(e), { advance: n, left: r, right: i, ascent: a, descent: o } = Ye(e.linkLabel);
 	return {
 		x: t.x - n / 2 + r,
 		y: t.y - a,
@@ -348,22 +356,22 @@ function ze(e) {
 		height: a + o
 	};
 }
-var Be;
-function Ve() {
-	return Be ??= typeof document < "u" && typeof CanvasRenderingContext2D < "u" ? document.createElement("canvas").getContext("2d") : null, Be;
+var Ge;
+function Ke() {
+	return Ge ??= typeof document < "u" && typeof CanvasRenderingContext2D < "u" ? document.createElement("canvas").getContext("2d") : null, Ge;
 }
-function He(e) {
+function qe(e) {
 	if (e.length === 0 || typeof document > "u" || !("fonts" in document)) return;
 	let t = e.join(" ");
-	if (!document.fonts.check(B, t)) return document.fonts.load(B, t).then(() => void 0, () => void 0);
+	if (!document.fonts.check(ze, t)) return document.fonts.load(ze, t).then(() => void 0, () => void 0);
 }
-function Ue(e) {
+function Je(e) {
 	return e.replace(/[ \t\n\r]+/g, " ").replace(/^ | $/g, "");
 }
-function We(e) {
-	let t = Ue(e), n = Ve();
+function Ye(e) {
+	let t = Je(e), n = Ke();
 	if (!n) {
-		let e = t.length * 11 * (P / z.label);
+		let e = t.length * 11 * (M / L.label);
 		return {
 			advance: e,
 			left: 0,
@@ -372,7 +380,7 @@ function We(e) {
 			descent: 11 / 4
 		};
 	}
-	n.font = B, n.textRendering = Pe;
+	n.font = ze, n.textRendering = Re;
 	let r = n.measureText(t);
 	return {
 		advance: r.width,
@@ -382,94 +390,200 @@ function We(e) {
 		descent: r.fontBoundingBoxDescent
 	};
 }
-//#endregion
-//#region src/draw/palette-icons.ts
-var Ge = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="event-storming-palette-svg">${e}</svg>`, Ke = (e, t, n = 0) => Ge(`<rect x="4" y="5" width="16" height="14" fill="${e}" stroke="${t}" stroke-width="1.5"${n ? ` transform="rotate(${n} 12 12)"` : ""}/>`), qe = (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="event-storming-palette-svg">${e}</svg>`, H = {
-	draw: qe("<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>"),
-	lasso: qe("<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\"/>"),
-	note: Ke(M.fill, M.stroke)
+// src/draw/palette-icons.ts
+var Xe = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="event-storming-palette-svg">${e}</svg>`, Ze = (e, t, n = 0) => Xe(`<rect x="4" y="5" width="16" height="14" fill="${e}" stroke="${t}" stroke-width="1.5"${n ? ` transform="rotate(${n} 12 12)"` : ""}/>`), Qe = (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="event-storming-palette-svg">${e}</svg>`, z = {
+	draw: Qe("<circle cx=\"19\" cy=\"5\" r=\"2\"/><circle cx=\"5\" cy=\"19\" r=\"2\"/><path d=\"M6.5 17.5 17.5 6.5\"/>"),
+	lasso: Qe("<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\"/>"),
+	note: Ze(O.fill, O.stroke)
 };
-for (let e of S) {
-	let t = j[e];
-	H[e] = Ke(t.fill, t.stroke, e === "hotspot" ? -6 : 0);
+for (let e of x) {
+	let t = D[e];
+	z[e] = Ze(t.fill, t.stroke, e === "hotspot" ? -6 : 0);
 }
-function Je(e, t) {
+function $e(e, t) {
 	return `<svg width="14" height="14" viewBox="0 0 14 14" class="event-storming-palette-svg"><rect x="1" y="1" width="12" height="12" fill="${e}" stroke="${t}" stroke-width="1"/></svg>`;
 }
-//#endregion
-//#region src/palette/EventStormingPaletteProvider.ts
-function Ye(e) {
+// src/keyboard/canvas-focus.ts
+function et(e) {
+	return e.getContainer().querySelector(":scope > svg");
+}
+function B(e) {
+	let t = et(e);
+	t ? t.focus({
+		preventScroll: !0,
+		focusVisible: !1
+	}) : e.focus();
+}
+// src/keyboard/key-scope.ts
+var tt = "input, textarea, select, [contenteditable]:not([contenteditable='false'])";
+function nt(e) {
+	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing;
+}
+function rt(e, t) {
+	let n = et(t);
+	return n !== null && e.target instanceof Node && n.contains(e.target);
+}
+function it(e) {
+	return e instanceof Element ? e.isContentEditable || e.editContext ? !0 : e.closest(tt) !== null : !1;
+}
+// src/keyboard/EventStormingKeyboard.ts
+var at = 2, ot = 10, st = {
+	arrowleft: {
+		x: -1,
+		y: 0
+	},
+	arrowright: {
+		x: 1,
+		y: 0
+	},
+	arrowup: {
+		x: 0,
+		y: -1
+	},
+	arrowdown: {
+		x: 0,
+		y: 1
+	}
+}, ct = {
+	__init__: ["eventStormingKeyboard"],
+	eventStormingKeyboard: ["type", class {
+		static $inject = [
+			"config.eventStormingKeyboard",
+			"canvas",
+			"commandStack",
+			"selection",
+			"modeling",
+			"eventStormingCopyPaste",
+			"eventStormingElementFactory",
+			"create",
+			"mouse",
+			"lassoTool",
+			"eventBus",
+			"elementRegistry",
+			"eventStormingReadOnly"
+		];
+		constructor(e, t, n, r, i, a, o, s, c, l, u, d, f) {
+			let p = e?.undoRedoKeys ?? !0, m = (e) => {
+				nt(e) && rt(e, t) && (h(e) || f?.isReadOnly() || g(e));
+			}, h = (e) => {
+				let t = e.ctrlKey || e.metaKey, n = e.key.toLowerCase();
+				if (t && n === "a" && !e.shiftKey && !e.altKey) {
+					e.preventDefault();
+					let t = (d?.getAll() ?? []).filter((e) => y(e) || b(e));
+					r.select(t);
+				} else if (t && n === "c") a.copy() && e.preventDefault();
+				else if (!t && !e.altKey && n === "l") {
+					e.preventDefault();
+					let t = c.getLastMoveEvent();
+					l.activateSelection(t ?? e, !!t);
+				} else return !1;
+				return !0;
+			}, g = (e) => {
+				let t = e.ctrlKey || e.metaKey, l = e.key.toLowerCase(), u = t && l === "z" && !e.shiftKey, d = t && l === "z" && e.shiftKey || t && l === "y";
+				if (u || d) {
+					if (!p) return;
+					e.preventDefault(), u ? n.undo() : n.redo();
+				} else if (t && l === "v") a.paste() && e.preventDefault();
+				else if (t && l === "d") e.preventDefault(), a.duplicate();
+				else if (l === "delete" || l === "backspace") {
+					let t = r.get();
+					t.length && (e.preventDefault(), i.removeElements(t));
+				} else if (!t && !e.altKey && (l === "e" || l === "c")) {
+					let t = c.getLastMoveEvent();
+					if (t) {
+						e.preventDefault();
+						let n = l === "e" ? o.createNew("event", D.event.label) : o.createNew("command", D.command.label);
+						s.start(t, n);
+					}
+				} else if (l in st && !t) {
+					let t = r.get();
+					if (t.length) {
+						e.preventDefault();
+						let n = e.shiftKey ? ot : at, r = st[l];
+						i.moveElements(t, {
+							x: r.x * n,
+							y: r.y * n
+						});
+					}
+				}
+			};
+			document.addEventListener("keydown", m), u.on("diagram.destroy", () => document.removeEventListener("keydown", m));
+		}
+	}]
+};
+// src/palette/EventStormingPaletteProvider.ts
+function V(e) {
 	if (e.freeArea) return e.freeArea;
 	let t = e.freeRectInsets;
 	return t ? { insets: t } : void 0;
 }
-var Xe = 24, U = "stickies-1", Ze = "stickies-2", Qe = "stickies-3", $e = [
+var lt = 24, H = "stickies-1", U = "stickies-2", ut = "stickies-3", dt = [
 	{
 		key: "event",
 		type: "event",
-		label: j.event.label,
+		label: D.event.label,
 		title: "Domain event",
 		shortcut: "E",
-		group: U
+		group: H
 	},
 	{
 		key: "command",
 		type: "command",
-		label: j.command.label,
+		label: D.command.label,
 		title: "Command",
 		shortcut: "C",
-		group: U
+		group: H
 	},
 	{
 		key: "actor",
 		type: "actor",
-		label: j.actor.label,
+		label: D.actor.label,
 		title: "Actor",
-		group: U
+		group: H
 	},
 	{
 		key: "aggregate",
 		type: "aggregate",
-		label: j.aggregate.label,
+		label: D.aggregate.label,
 		title: "Aggregate",
-		group: U
+		group: H
 	},
 	{
 		key: "policy",
 		type: "policy",
-		label: j.policy.label,
+		label: D.policy.label,
 		title: "Policy",
-		group: Ze
+		group: U
 	},
 	{
 		key: "readmodel",
 		type: "readmodel",
-		label: j.readmodel.label,
+		label: D.readmodel.label,
 		title: "Read model",
-		group: Ze
+		group: U
 	},
 	{
 		key: "external",
 		type: "external",
-		label: j.external.label,
+		label: D.external.label,
 		title: "External system",
-		group: Ze
+		group: U
 	},
 	{
 		key: "hotspot",
 		type: "hotspot",
-		label: j.hotspot.label,
+		label: D.hotspot.label,
 		title: "Hotspot",
-		group: Qe
+		group: ut
 	},
 	{
 		key: "note",
 		type: "note",
-		label: M.label,
+		label: O.label,
 		title: "Note",
-		group: Qe
+		group: ut
 	}
-], et = class {
+], ft = class {
 	create;
 	factory;
 	lassoTool;
@@ -509,26 +623,26 @@ var Xe = 24, U = "stickies-1", Ze = "stickies-2", Qe = "stickies-3", $e = [
 			group: "tools",
 			title: "Lasso",
 			shortcut: "L",
-			html: `<div class="entry event-storming-palette-entry">${H.lasso}</div>`,
-			action: { click: (e) => this.lassoTool.activateSelection(e) }
+			html: `<div class="entry event-storming-palette-entry">${z.lasso}</div>`,
+			action: { click: this.focusingCanvas((e) => this.lassoTool.activateSelection(e)) }
 		}, e["draw-tool"] = {
 			group: "tools",
 			title: "Draw",
-			html: `<div class="entry event-storming-palette-entry">${H.draw}</div>`,
-			action: { click: () => this.drawTool.toggle() }
+			html: `<div class="entry event-storming-palette-entry">${z.draw}</div>`,
+			action: { click: this.focusingCanvas(() => this.drawTool.toggle()) }
 		};
 		let t = o[this.eventStormingModeling.getLevel()];
-		for (let n of $e) {
+		for (let n of dt) {
 			if (n.type !== "note" && !t.includes(n.type)) continue;
-			let r = (e) => {
+			let r = this.focusingCanvas((e) => {
 				let t = this.factory.createNew(n.type, n.label);
-				tt(e) && this.placeInFreeRect(t) || this.create.start(e, t);
-			};
+				pt(e) && this.placeInFreeRect(t) || this.create.start(e, t);
+			});
 			e[`create.${n.key}`] = {
 				group: n.group,
 				title: n.title,
 				...n.shortcut ? { shortcut: n.shortcut } : {},
-				html: `<div class="entry event-storming-palette-entry" draggable="true">${H[n.key]}</div>`,
+				html: `<div class="entry event-storming-palette-entry" draggable="true">${z[n.key]}</div>`,
 				action: {
 					dragstart: r,
 					click: r
@@ -537,16 +651,21 @@ var Xe = 24, U = "stickies-1", Ze = "stickies-2", Qe = "stickies-3", $e = [
 		}
 		return e;
 	}
+	focusingCanvas(e) {
+		return (t) => {
+			e(t), this.canvas && !pt(t) && B(this.canvas);
+		};
+	}
 	placeInFreeRect(e) {
 		let { canvas: t, modeling: n, selection: r, elementRegistry: i } = this;
 		if (!t || !n || !r || !i) return !1;
-		let a = this.freeAreaCentre(t), o = (e) => i.filter(b).some((t) => Math.abs(t.x + t.width / 2 - e.x) < 1 && Math.abs(t.y + t.height / 2 - e.y) < 1);
-		for (; o(a);) a.x += Xe, a.y += Xe;
+		let a = this.freeAreaCentre(t), o = (e) => i.filter(y).some((t) => Math.abs(t.x + t.width / 2 - e.x) < 1 && Math.abs(t.y + t.height / 2 - e.y) < 1);
+		for (; o(a);) a.x += lt, a.y += lt;
 		let s = n.createShape(e, a, t.getRootElement());
 		return r.select(s), t.focus(), this.labelEditing?.activate(s), !0;
 	}
 	freeAreaCentre(e) {
-		let t = this.config && Ye(this.config), n = t?.center?.();
+		let t = this.config && V(this.config), n = t?.center?.();
 		if (n) return {
 			x: n.x,
 			y: n.y
@@ -563,21 +682,20 @@ var Xe = 24, U = "stickies-1", Ze = "stickies-2", Qe = "stickies-3", $e = [
 		};
 	}
 };
-function tt(e) {
+function pt(e) {
 	return e.type === "click" && e.detail === 0;
 }
-//#endregion
-//#region src/EventStormingBaseViewer.ts
-function nt(e) {
+// src/EventStormingBaseViewer.ts
+function mt(e) {
 	for (let { id: t } of [...e.elements, ...e.edges]) if (t === "event-storming-root" || t.startsWith("__implicitroot")) throw Error(`Element id "${t}" is reserved for the board itself.`);
 }
-function rt(e) {
+function ht(e) {
 	return e.edges.flatMap((e) => e.label ? [e.label] : []);
 }
-function it(e) {
+function gt(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var at = class {
+var _t = class {
 	_diagram;
 	_container;
 	_options;
@@ -587,7 +705,7 @@ var at = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("event-storming-container"), t.style.width = it(e.width ?? "100%"), t.style.height = it(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("event-storming-container"), t.style.width = gt(e.width ?? "100%"), t.style.height = gt(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -596,7 +714,7 @@ var at = class {
 				canvas: { container: this._container },
 				modules: t,
 				eventStormingKeyboard: { undoRedoKeys: this._options.undoRedoKeys ?? !0 },
-				eventStormingPalette: { freeArea: Ye(this._options) },
+				eventStormingPalette: { freeArea: V(this._options) },
 				eventStormingImporter: { fitOnImport: this._options.fitOnImport ?? !0 }
 			});
 		}
@@ -613,7 +731,7 @@ var at = class {
 	}
 	async importMap(e) {
 		let t = this._ensureDiagram(), n = t.get("eventBus"), r = t.get("eventStormingImporter");
-		nt(e), s(e);
+		mt(e), s(e);
 		let i = this._importTurn(e);
 		if (i && (await i, this._waitingImport === i && (this._waitingImport = void 0), this._diagram !== t)) throw Error("The viewer was destroyed during the import.");
 		let a = t.get("eventStormingLabelEditing", !1);
@@ -622,7 +740,7 @@ var at = class {
 		return t.get("commandStack", !1)?.clear(!1), n.fire("import.done", { warnings: o }), a?.resumeAfterImport(), { warnings: o };
 	}
 	_importTurn(e) {
-		let t = [this._waitingImport, He(rt(e))].filter((e) => e !== void 0);
+		let t = [this._waitingImport, qe(ht(e))].filter((e) => e !== void 0);
 		if (t.length === 0) return;
 		let n = Promise.all(t);
 		return this._waitingImport = n, n;
@@ -654,7 +772,7 @@ var at = class {
 		return e.isEmpty() ? void 0 : e.contentBounds(0);
 	}
 	async saveSVG() {
-		return Ce(this.get("canvas"), this.get("boardBounds").contentBounds());
+		return we(this.get("canvas"), this.get("boardBounds").contentBounds());
 	}
 	attachTo(e) {
 		e.appendChild(this._container), this.get("canvas").resized();
@@ -671,15 +789,14 @@ var at = class {
 	get container() {
 		return this._container;
 	}
-}, ot = "0123456789abcdefghijklmnopqrstuvwxyz", st = 252;
-function ct() {
+}, vt = "0123456789abcdefghijklmnopqrstuvwxyz", yt = 252;
+function bt() {
 	let e = "";
-	for (; e.length < 8;) for (let t of globalThis.crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(8))) t >= st || e.length === 8 || (e += ot[t % 36]);
+	for (; e.length < 8;) for (let t of globalThis.crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(8))) t >= yt || e.length === 8 || (e += vt[t % 36]);
 	return e;
 }
-//#endregion
-//#region src/model/EventStormingElementFactory.ts
-var lt = {
+// src/model/EventStormingElementFactory.ts
+var xt = {
 	event: "event",
 	command: "cmd",
 	actor: "actor",
@@ -690,7 +807,7 @@ var lt = {
 	hotspot: "hot",
 	note: "note",
 	drawing: "draw"
-}, ut = class {
+}, St = class {
 	elementFactory;
 	elementRegistry;
 	static $inject = ["elementFactory", "elementRegistry"];
@@ -709,15 +826,15 @@ var lt = {
 		return `${e} ${n}`;
 	}
 	allocateId(e, t) {
-		let n = lt[e];
+		let n = xt[e];
 		for (;;) {
-			let e = `${n}_${ct()}`;
+			let e = `${n}_${bt()}`;
 			if (!this.elementRegistry.get(e) && !t?.has(e)) return e;
 		}
 	}
 	createSticky(e) {
-		if (!C(e.elementType)) throw Error(`not a sticky kind: ${e.elementType}`);
-		let { width: t, height: n } = j[e.elementType];
+		if (!S(e.elementType)) throw Error(`not a sticky kind: ${e.elementType}`);
+		let { width: t, height: n } = D[e.elementType];
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: e.position.x - t / 2,
@@ -731,7 +848,7 @@ var lt = {
 		});
 	}
 	createNote(e) {
-		let { width: t, height: n } = e.size ?? F(e.label), r = e.align?.horizontal, i = e.align?.vertical;
+		let { width: t, height: n } = e.size ?? N(e.label), r = e.align?.horizontal, i = e.align?.vertical;
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: e.position.x - t / 2,
@@ -776,7 +893,7 @@ var lt = {
 		});
 	}
 	createNew(e, t) {
-		let n = this.uniqueLabel(t), { width: r, height: i } = C(e) ? j[e] : F(n);
+		let n = this.uniqueLabel(t), { width: r, height: i } = S(e) ? D[e] : N(n);
 		return this.elementFactory.createShape({
 			id: this.allocateId(e),
 			width: r,
@@ -786,7 +903,7 @@ var lt = {
 		});
 	}
 	createProvisional() {
-		let { width: e, height: t } = j.event;
+		let { width: e, height: t } = D.event;
 		return this.elementFactory.createShape({
 			id: this.allocateId("event"),
 			width: e,
@@ -801,34 +918,111 @@ var lt = {
 			id: e.id,
 			source: t,
 			target: n,
-			waypoints: [dt(t), dt(n)],
+			waypoints: [Ct(t), Ct(n)],
 			eventStormingType: "arrow",
 			...e.label ? { linkLabel: e.label } : {},
 			businessObject: e
 		});
 	}
 };
-function dt(e) {
+function Ct(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-//#endregion
-//#region src/model/index.ts
-var ft = { eventStormingElementFactory: ["type", ut] }, pt = 1500, mt = "event-storming-kind-caption", ht = 9, gt = 300, _t = L.stickyText, vt = 7, yt = "#FBFBFB", bt = "#B9B9B9", xt = "6 4", St = "event-storming-sticky-shadow";
-function Ct(e) {
+// src/model/index.ts
+var wt = { eventStormingElementFactory: ["type", St] }, Tt = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, Et = /^rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\s*\)$/;
+function W(e) {
+	if (!Tt.test(e)) return;
+	let t = e.length <= 5 ? [...e.slice(1)].map((e) => e + e).join("") : e.slice(1), n = (e) => parseInt(t.slice(e * 2, e * 2 + 2), 16);
+	return [
+		n(0),
+		n(1),
+		n(2),
+		t.length === 8 ? n(3) / 255 : 1
+	];
+}
+var Dt;
+function Ot() {
+	return Dt ??= typeof document < "u" && typeof CanvasRenderingContext2D < "u" ? Object.assign(document.createElement("canvas"), {
+		width: 1,
+		height: 1
+	}).getContext("2d", { willReadFrequently: !0 }) : null, Dt;
+}
+function kt(e, t) {
+	e.fillStyle = T.grau, e.fillRect(0, 0, 1, 1), e.fillStyle = t, e.fillRect(0, 0, 1, 1);
+	let { data: n } = e.getImageData(0, 0, 1, 1);
+	return [
+		n[0],
+		n[1],
+		n[2],
+		1
+	];
+}
+function At(e) {
+	let t = Ot();
+	if (!t) return;
+	t.fillStyle = T.schwarz, t.fillStyle = e;
+	let n = String(t.fillStyle);
+	if (t.fillStyle = T.weiss, t.fillStyle = e, String(t.fillStyle) !== n) return;
+	let r = Et.exec(n);
+	if (r) {
+		let [, e, t, n, i] = r;
+		return [
+			Number(e),
+			Number(t),
+			Number(n),
+			i === void 0 ? 1 : Number(i)
+		];
+	}
+	return W(n) ?? kt(t, e);
+}
+function jt(e) {
+	let t = e.trim();
+	return W(t) ?? At(t);
+}
+function Mt([e, t, n, r], i) {
+	let a = (e, t) => e * r + t * (1 - r);
+	return [
+		a(e, i[0]),
+		a(t, i[1]),
+		a(n, i[2]),
+		1
+	];
+}
+function Nt([e, t, n]) {
+	let r = (e) => {
+		let t = e / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
+}
+function Pt(e, t) {
+	let [n, r] = [Nt(e), Nt(t)].sort((e, t) => t - e);
+	return (n + .05) / (r + .05);
+}
+var Ft = W(T.grau), It = W(T.schwarz), Lt = W(T.weiss);
+function Rt(e) {
+	let t = jt(e);
+	if (!t) return T.schwarz;
+	let n = Mt(t, Ft);
+	return Pt(n, Lt) > Pt(n, It) ? T.weiss : T.schwarz;
+}
+// src/draw/EventStormingRenderer.ts
+var zt = 1500, Bt = "event-storming-kind-caption", Vt = 9, Ht = 300, Ut = 7, Wt = "event-storming-sticky-shadow";
+function Gt(e) {
 	let t = e.closest("svg");
 	if (!t) return !1;
 	if (t.querySelector("#event-storming-sticky-shadow")) return !0;
 	let n = p(m("feDropShadow"), {
 		dx: 0,
-		dy: 5,
-		stdDeviation: 5,
-		"flood-color": "#000000",
-		"flood-opacity": .2
+		dy: A.dy,
+		stdDeviation: A.blur,
+		"flood-color": A.color,
+		"flood-opacity": A.opacity
 	}), r = p(m("filter"), {
-		id: St,
+		id: Wt,
 		x: "-40%",
 		y: "-40%",
 		width: "180%",
@@ -838,14 +1032,14 @@ function Ct(e) {
 	let i = m("defs");
 	return f(i, r), t.insertBefore(i, t.firstChild), !0;
 }
-var wt = class extends d {
+var Kt = class extends d {
 	viewOptions;
 	static $inject = ["eventBus", "eventStormingViewOptions"];
 	constructor(e, t) {
-		super(e, pt), this.viewOptions = t;
+		super(e, zt), this.viewOptions = t;
 	}
 	canRender(e) {
-		return b(e) || x(e);
+		return y(e) || b(e);
 	}
 	drawShape(e, t) {
 		let n = t;
@@ -855,7 +1049,7 @@ var wt = class extends d {
 		let n = t.drawingPoints ?? [], r = t.strokeStyle === "dashed" ? "8 5" : t.strokeStyle === "dotted" ? "2 4" : void 0, i = p(m(t.closed ? "polygon" : "polyline"), {
 			points: n.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: t.color ?? R,
+			stroke: t.color ?? I,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -864,49 +1058,50 @@ var wt = class extends d {
 		return f(e, i), i;
 	}
 	drawSticky(e, t) {
-		let n = t.eventStormingType, r = C(n) ? j[n] : M, i = t.provisional === !0, a = e;
+		let n = t.eventStormingType, r = S(n) ? D[n] : O, i = t.provisional === !0, a = e;
 		if (n === "hotspot") {
 			let n = p(m("g"), { transform: `rotate(-3 ${t.width / 2} ${t.height / 2})` });
 			f(e, n), a = n;
 		}
-		let o = p(m("rect"), {
+		let o = t.color ?? r.fill, s = p(m("rect"), {
 			x: 0,
 			y: 0,
 			width: Math.max(t.width, 1),
 			height: Math.max(t.height, 1),
 			rx: 0,
-			fill: i ? yt : t.color ?? r.fill,
-			stroke: i ? bt : r.stroke,
+			fill: i ? k.fill : o,
+			stroke: i ? k.stroke : r.stroke,
 			"stroke-width": 1.5,
-			...i ? { "stroke-dasharray": xt } : {}
+			...i ? { "stroke-dasharray": k.dash } : {}
 		});
-		if (Ct(e) && o.setAttribute("filter", `url(#${St})`), f(a, o), i) return o;
-		if (n === "note" ? kt(a, t) : Et(a, t), C(n) && this.viewOptions.typeCaptionsVisible()) {
-			let e = Pt(j[n].label, t.width / 2, t.height - vt, {
+		if (Gt(e) && s.setAttribute("filter", `url(#${Wt})`), f(a, s), i) return s;
+		let c = Rt(o);
+		if (n === "note" ? Zt(a, t, c) : Jt(a, t, c), S(n) && this.viewOptions.typeCaptionsVisible()) {
+			let e = nn(D[n].label, t.width / 2, t.height - Ut, {
 				"text-anchor": "middle",
-				"font-size": ht,
-				fill: _t
+				"font-size": Vt,
+				fill: c
 			});
-			e.setAttribute("class", mt), e.setAttribute("font-weight", String(gt)), f(a, e);
+			e.setAttribute("class", Bt), e.setAttribute("font-weight", String(Ht)), f(a, e);
 		}
-		return o;
+		return s;
 	}
 	drawConnection(e, t) {
-		let n = t, [r, i] = Ie(n), a = p(m("polyline"), {
+		let n = t, [r, i] = Ve(n), a = p(m("polyline"), {
 			points: `${r.x},${r.y} ${i.x},${i.y}`,
 			fill: "none",
-			stroke: L.arrow,
+			stroke: F.arrow,
 			"stroke-width": 1.5,
 			"stroke-linecap": "round"
 		});
-		if (f(e, a), f(e, Ft(r, i, L.arrow, 11, 5)), n.linkLabel) {
-			let t = Le(n);
-			f(e, Pt(n.linkLabel, t.x, t.y, {
+		if (f(e, a), f(e, rn(r, i, F.arrow, 11, 5)), n.linkLabel) {
+			let t = He(n);
+			f(e, nn(n.linkLabel, t.x, t.y, {
 				"text-anchor": "middle",
 				"font-size": 11,
 				"font-style": "italic",
-				"text-rendering": Pe,
-				fill: L.inkSoft
+				"text-rendering": Re,
+				fill: F.inkSoft
 			}));
 		}
 		return a;
@@ -920,7 +1115,7 @@ var wt = class extends d {
 		return t ? `M${t.x},${t.y}` + n.map((e) => `L${e.x},${e.y}`).join("") : "";
 	}
 };
-function Tt(e, t) {
+function qt(e, t) {
 	let n = e.split(/\s+/).filter((e) => e.length);
 	if (!n.length) return [""];
 	let r = [], i = "";
@@ -937,51 +1132,51 @@ function Tt(e, t) {
 	}
 	return r.push(i), r;
 }
-function Et(e, t) {
-	let n = t.width - 16, r = Math.max(1, Math.floor(n / P)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = (t.eventStormingLabel ?? "").split("\n").flatMap((e) => Tt(e, r)).slice(0, i), o = t.width / 2, s = t.height / 2 - (a.length - 1) * 17 / 2 + 4;
-	a.forEach((t, n) => {
-		f(e, Pt(t, o, s + n * 17, {
+function Jt(e, t, n) {
+	let r = t.width - 16, i = Math.max(1, Math.floor(r / M)), a = Math.max(1, Math.floor((t.height - 16) / 17)), o = (t.eventStormingLabel ?? "").split("\n").flatMap((e) => qt(e, i)).slice(0, a), s = t.width / 2, c = t.height / 2 - (o.length - 1) * 17 / 2 + 4;
+	o.forEach((t, r) => {
+		f(e, nn(t, s, c + r * 17, {
 			"text-anchor": "middle",
-			fill: L.stickyText
+			fill: n
 		}));
 	});
 }
-var Dt = 2, Ot = 12.5;
-function kt(e, t) {
-	let n = t.width - 16, r = Math.max(1, Math.floor(n / P)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = A(t.eventStormingLabel ?? "").flatMap((e) => At(e, r)).slice(0, i), o = t.alignHorizontal ?? "left", s = t.alignVertical ?? "top", c = o === "left" ? "start" : o === "center" ? "middle" : "end", l = a.length * 17, u = s === "top" ? 8 : s === "middle" ? (t.height - l) / 2 : t.height - 8 - l;
-	a.forEach((n, r) => {
-		let i = o === "left" ? 8 + (n.indent ? 12 : 0) : o === "center" ? t.width / 2 : t.width - 8, a = p(m("text"), {
-			x: i,
-			y: u + r * 17 + Ot,
-			"font-family": z.family,
-			"font-size": z.label,
-			fill: L.stickyText,
-			"text-anchor": c
-		}), s = n.marker ? [{
+var Yt = 2, Xt = 12.5;
+function Zt(e, t, n) {
+	let r = t.width - 16, i = Math.max(1, Math.floor(r / M)), a = Math.max(1, Math.floor((t.height - 16) / 17)), o = E(t.eventStormingLabel ?? "").flatMap((e) => Qt(e, i)).slice(0, a), s = t.alignHorizontal ?? "left", c = t.alignVertical ?? "top", l = s === "left" ? "start" : s === "center" ? "middle" : "end", u = o.length * 17, d = c === "top" ? 8 : c === "middle" ? (t.height - u) / 2 : t.height - 8 - u;
+	o.forEach((r, i) => {
+		let a = s === "left" ? 8 + (r.indent ? 12 : 0) : s === "center" ? t.width / 2 : t.width - 8, o = p(m("text"), {
+			x: a,
+			y: d + i * 17 + Xt,
+			"font-family": L.family,
+			"font-size": L.label,
+			fill: n,
+			"text-anchor": l
+		}), c = r.marker ? [{
 			text: "• ",
 			bold: !1,
 			italic: !1
-		}, ...n.runs] : n.runs;
-		for (let e of s) {
+		}, ...r.runs] : r.runs;
+		for (let e of c) {
 			let t = m("tspan");
-			t.textContent = e.text, e.bold && t.setAttribute("font-weight", "600"), e.italic && t.setAttribute("font-style", "italic"), f(a, t);
+			t.textContent = e.text, e.bold && t.setAttribute("font-weight", "600"), e.italic && t.setAttribute("font-style", "italic"), f(o, t);
 		}
-		f(e, a);
+		f(e, o);
 	});
 }
-function At(e, t) {
-	let n = Math.max(1, t - (e.bullet ? Dt : 0));
-	return jt(e.runs, n).map((t, n) => ({
+function Qt(e, t) {
+	let n = Math.max(1, t - (e.bullet ? Yt : 0));
+	return $t(e.runs, n).map((t, n) => ({
 		runs: t,
 		marker: e.bullet && n === 0,
 		indent: e.bullet && n > 0
 	}));
 }
-function jt(e, t) {
+function $t(e, t) {
 	let n = e.map((e) => e.text).join("");
-	return n.length <= t ? [e] : Mt(n, t).map(([t, n]) => Nt(e, t, n));
+	return n.length <= t ? [e] : en(n, t).map(([t, n]) => tn(e, t, n));
 }
-function Mt(e, t) {
+function en(e, t) {
 	let n = [...e.matchAll(/\S+/g)];
 	if (!n.length) return [[0, 0]];
 	let r = [], i = -1, a = -1, o = () => {
@@ -996,7 +1191,7 @@ function Mt(e, t) {
 	}
 	return o(), r;
 }
-function Nt(e, t, n) {
+function tn(e, t, n) {
 	let r = [], i = 0;
 	for (let a of e) {
 		let e = i;
@@ -1010,27 +1205,26 @@ function Nt(e, t, n) {
 	}
 	return r;
 }
-function Pt(e, t, n, r = {}) {
+function nn(e, t, n, r = {}) {
 	let i = p(m("text"), {
 		x: t,
 		y: n,
-		"font-family": z.family,
-		"font-size": z.label,
-		fill: L.ink,
+		"font-family": L.family,
+		"font-size": L.label,
+		fill: F.ink,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function Ft(e, t, n, r = 10, i = 5) {
+function rn(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 p(m("polygon"), {
 		points: c,
 		fill: n
 	});
 }
-//#endregion
-//#region src/view-options/EventStormingViewOptions.ts
-var It = "eventStorming.viewOptions.changed", Lt = class {
+// src/view-options/EventStormingViewOptions.ts
+var an = "eventStorming.viewOptions.changed", on = class {
 	eventBus;
 	elementRegistry;
 	static $inject = ["eventBus", "elementRegistry"];
@@ -1043,24 +1237,23 @@ var It = "eventStorming.viewOptions.changed", Lt = class {
 	}
 	setTypeCaptionsVisible(e) {
 		if (e === this._typeCaptionsVisible) return;
-		this._typeCaptionsVisible = e, this.eventBus.fire(It, { typeCaptionsVisible: e });
-		let t = this.elementRegistry.filter(w);
+		this._typeCaptionsVisible = e, this.eventBus.fire(an, { typeCaptionsVisible: e });
+		let t = this.elementRegistry.filter(C);
 		t.length && this.eventBus.fire("elements.changed", { elements: t });
 	}
-}, Rt = {
+}, sn = {
 	__depends__: [g],
-	eventStormingViewOptions: ["type", Lt]
-}, zt = {
-	__depends__: [Rt],
+	eventStormingViewOptions: ["type", on]
+}, cn = {
+	__depends__: [sn],
 	__init__: ["eventStormingRenderer"],
-	eventStormingRenderer: ["type", wt]
+	eventStormingRenderer: ["type", Kt]
 };
-//#endregion
-//#region src/board-bounds/BoardBounds.ts
-function Bt(e) {
+// src/board-bounds/BoardBounds.ts
+function ln(e) {
 	return e.id !== "event-storming-root" && !e.waypoints && typeof e.x == "number" && typeof e.y == "number" && typeof e.width == "number" && typeof e.height == "number";
 }
-var Vt = class {
+var un = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
@@ -1085,18 +1278,18 @@ var Vt = class {
 		return this.positionedShapes().length === 0;
 	}
 	drawnBoxes() {
-		let e = this.positionedShapes().map(Re);
+		let e = this.positionedShapes().map(Ue);
 		for (let t of this.elementRegistry.getAll()) {
-			if (!x(t)) continue;
-			let n = ze(t);
+			if (!b(t)) continue;
+			let n = We(t);
 			n && e.push(n);
 		}
 		return e;
 	}
 	positionedShapes() {
-		return this.elementRegistry.getAll().filter(Bt);
+		return this.elementRegistry.getAll().filter(ln);
 	}
-}, Ht = { boardBounds: ["type", Vt] }, Ut = { drawing: 0 }, Wt = .001, Gt = class {
+}, dn = { boardBounds: ["type", un] }, fn = { drawing: 0 }, pn = .001, mn = class {
 	canvas;
 	elementFactory;
 	factory;
@@ -1124,7 +1317,7 @@ var Vt = class {
 			...e.rawPassthrough ? { rawPassthrough: e.rawPassthrough } : {}
 		}, r = this.boardRoot();
 		r.businessObject = n;
-		let i = /* @__PURE__ */ new Map(), a = [...e.elements].sort((e, t) => (Ut[e.elementType] ?? 9) - (Ut[t.elementType] ?? 9)), o = a.filter((e) => e.elementType === "drawing"), s = a.filter((e) => e.elementType !== "drawing");
+		let i = /* @__PURE__ */ new Map(), a = [...e.elements].sort((e, t) => (fn[e.elementType] ?? 9) - (fn[t.elementType] ?? 9)), o = a.filter((e) => e.elementType === "drawing"), s = a.filter((e) => e.elementType !== "drawing");
 		for (let e of o) {
 			let t = this.createShape(e);
 			this.canvas.addShape(t, r), i.set(e.id, t);
@@ -1137,7 +1330,7 @@ var Vt = class {
 			let n = "attachedTo" in e ? e.attachedTo : void 0;
 			if (!n) continue;
 			let r = i.get(n);
-			!r || !D(r) ? t.push({
+			!r || !ke(r) ? t.push({
 				message: `“${e.id}” is pinned to “${n}”, which isn't on the board or can't hold a pin. It stays unpinned.`,
 				elementId: e.id
 			}) : i.get(e.id).host = r;
@@ -1157,8 +1350,8 @@ var Vt = class {
 		return this.config?.fitOnImport !== !1 && this.fitToContent(), this.eventBus.fire("import.render.done", { warnings: t }), t;
 	}
 	boardRoot() {
-		let e = this.elementRegistry.get(y);
-		e || (e = this.elementFactory.createRoot({ id: y }), this.canvas.setRootElement(e));
+		let e = this.elementRegistry.get(v);
+		e || (e = this.elementFactory.createRoot({ id: v }), this.canvas.setRootElement(e));
 		for (let t of this.canvas.getRootElements()) t !== e && this.canvas.removeRootElement(t);
 		return e;
 	}
@@ -1168,7 +1361,7 @@ var Vt = class {
 			this.canvas.viewbox(e);
 			return;
 		}
-		let r = this.boardBounds.isEmpty() ? 1 : Math.max(Math.min(t / e.width, n / e.height, 1), Wt);
+		let r = this.boardBounds.isEmpty() ? 1 : Math.max(Math.min(t / e.width, n / e.height, 1), pn);
 		this.canvas.viewbox({
 			x: e.x + e.width / 2 - t / 2 / r,
 			y: e.y + e.height / 2 - n / 2 / r,
@@ -1193,23 +1386,23 @@ var Vt = class {
 			} catch {}
 		}
 	}
-}, Kt = class {
+}, hn = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
 		this.elementRegistry = e;
 	}
 	export() {
-		let e = this.elementRegistry.get(y)?.businessObject, t = e?.config ?? { title: "Untitled Board" }, r = [], i = [];
+		let e = this.elementRegistry.get(v)?.businessObject, t = e?.config ?? { title: "Untitled Board" }, r = [], i = [];
 		for (let e of this.elementRegistry.getAll()) if (e.id !== "event-storming-root") {
-			if (x(e)) i.push({
+			if (b(e)) i.push({
 				id: e.id,
 				edgeType: "arrow",
 				from: e.source?.id ?? "",
 				to: e.target?.id ?? "",
 				...e.linkLabel ? { label: e.linkLabel } : {}
 			});
-			else if (b(e)) {
+			else if (y(e)) {
 				let t = this.buildElement(e);
 				t && r.push(t);
 			}
@@ -1240,10 +1433,10 @@ var Vt = class {
 				...e.color ? { color: e.color } : {}
 			};
 		}
-		let t = e.eventStormingType === "note" && I(e.eventStormingLabel, e) ? {
+		let t = e.eventStormingType === "note" && P(e.eventStormingLabel, e) ? {
 			width: e.width,
 			height: e.height
-		} : void 0, n = e.eventStormingType === "note" ? qt(e) : void 0;
+		} : void 0, n = e.eventStormingType === "note" ? gn(e) : void 0;
 		return {
 			id: e.id,
 			elementType: e.eventStormingType,
@@ -1259,71 +1452,68 @@ var Vt = class {
 		};
 	}
 };
-function qt(e) {
+function gn(e) {
 	let t = e.alignHorizontal && e.alignHorizontal !== "left" ? e.alignHorizontal : void 0, n = e.alignVertical && e.alignVertical !== "top" ? e.alignVertical : void 0;
 	if (t || n) return {
 		...t ? { horizontal: t } : {},
 		...n ? { vertical: n } : {}
 	};
 }
-//#endregion
-//#region src/io/warnings.ts
-function Jt(e) {
+// src/io/warnings.ts
+function _n(e) {
 	return e.source === void 0 ? e.message : `${e.message} (“${e.source}”)`;
 }
-//#endregion
-//#region src/io/index.ts
-var Yt = {
-	eventStormingImporter: ["type", Gt],
-	eventStormingExporter: ["type", Kt]
-}, Xt = class extends at {
+// src/io/index.ts
+var vn = {
+	eventStormingImporter: ["type", mn],
+	eventStormingExporter: ["type", hn]
+}, yn = class extends _t {
 	_getModules() {
 		return [
-			ft,
-			Ht,
-			Rt,
-			zt,
-			Yt
+			wt,
+			dn,
+			sn,
+			cn,
+			vn
 		];
 	}
-}, Zt = class extends Xt {
+}, bn = class extends yn {
 	_getModules() {
 		return [
 			...super._getModules(),
-			_,
-			v,
 			ee,
-			te
+			_,
+			te,
+			ne
 		];
 	}
-}, Qt = class extends fe {
+}, xn = class extends pe {
 	static $inject = ["eventBus", "modeling"];
 	constructor(e, t) {
 		super(e), this.preExecute("element.updateProperties", (e) => {
 			let { element: n, properties: r } = e.context, i = r.eventStormingType;
 			if (typeof i != "string") return;
 			let a = n;
-			if (a.host && !T(i) && t.updateAttachment(a, void 0), a.attachers?.length && !E(i)) for (let e of [...a.attachers]) t.updateAttachment(e, void 0);
+			if (a.host && !Ee(i) && t.updateAttachment(a, void 0), a.attachers?.length && !De(i)) for (let e of [...a.attachers]) t.updateAttachment(e, void 0);
 		});
 	}
-}, $t = {
-	__depends__: [de],
+}, Sn = {
+	__depends__: [fe],
 	__init__: ["eventStormingAttachBehavior"],
-	eventStormingAttachBehavior: ["type", Qt]
+	eventStormingAttachBehavior: ["type", xn]
 };
-//#endregion
-//#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function en(e, t, n) {
+// src/modeling/cmd/UpdatePropertiesHandler.ts
+function Cn(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var tn = [
+var wn = [
 	"x",
 	"y",
 	"width",
 	"height"
 ];
-function nn(e, t) {
-	if (!t.some((e) => tn.includes(e))) return [e];
+function Tn(e, t) {
+	if (!t.some((e) => wn.includes(e))) return [e];
 	let n = e;
 	return [
 		e,
@@ -1331,18 +1521,18 @@ function nn(e, t) {
 		...n.outgoing ?? []
 	];
 }
-var rn = class {
+var En = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], en(r, e, n[e]);
-		return e.oldProperties = i, nn(t, Object.keys(n));
+		for (let e of Object.keys(n)) i[e] = r[e], Cn(r, e, n[e]);
+		return e.oldProperties = i, Tn(t, Object.keys(n));
 	}
 	revert(e) {
 		let { element: t, oldProperties: n } = e, r = t;
-		if (n) for (let e of Object.keys(n)) en(r, e, n[e]);
-		return nn(t, Object.keys(n ?? {}));
+		if (n) for (let e of Object.keys(n)) Cn(r, e, n[e]);
+		return Tn(t, Object.keys(n ?? {}));
 	}
-}, an = "element.updateProperties", on = class {
+}, Dn = "element.updateProperties", On = class {
 	commandStack;
 	canvas;
 	elementRegistry;
@@ -1352,17 +1542,17 @@ var rn = class {
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		this.commandStack = e, this.canvas = t, this.elementRegistry = n, e.registerHandler(an, rn);
+		this.commandStack = e, this.canvas = t, this.elementRegistry = n, e.registerHandler(Dn, En);
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(an, {
+		this.commandStack.execute(Dn, {
 			element: e,
 			properties: t
 		});
 	}
 	updateLabel(e, t) {
-		if (e.eventStormingType === "note" && !I(e.eventStormingLabel, e)) {
-			let { width: n, height: r } = F(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
+		if (e.eventStormingType === "note" && !P(e.eventStormingLabel, e)) {
+			let { width: n, height: r } = N(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
 			this.updateProperties(e, {
 				eventStormingLabel: t,
 				width: n,
@@ -1373,9 +1563,9 @@ var rn = class {
 		} else this.updateProperties(e, { eventStormingLabel: t });
 	}
 	setStickyKind(e, t) {
-		if (!C(e.eventStormingType) || !C(t)) throw Error("setStickyKind: only sticky kinds can be retyped");
+		if (!S(e.eventStormingType) || !S(t)) throw Error("setStickyKind: only sticky kinds can be retyped");
 		if (e.eventStormingType === t && !e.provisional) return;
-		let { width: n, height: r } = j[t], i = e.x + e.width / 2, a = e.y + e.height / 2;
+		let { width: n, height: r } = D[t], i = e.x + e.width / 2, a = e.y + e.height / 2;
 		this.updateProperties(e, {
 			eventStormingType: t,
 			...e.provisional ? { provisional: void 0 } : {},
@@ -1397,7 +1587,7 @@ var rn = class {
 	setLevel(e) {
 		if (this.getLevel() === e) return;
 		let t = this.root(), n = t.businessObject ?? { config: { title: "Untitled Board" } };
-		this.commandStack.execute(an, {
+		this.commandStack.execute(Dn, {
 			element: t,
 			properties: { businessObject: {
 				...n,
@@ -1411,7 +1601,7 @@ var rn = class {
 	root() {
 		return this.elementRegistry.get("event-storming-root") ?? this.canvas.getRootElement();
 	}
-}, sn = 24, cn = [
+}, kn = 24, An = [
 	"eventStormingType",
 	"color",
 	"drawingPoints",
@@ -1419,8 +1609,8 @@ var rn = class {
 	"strokeStyle",
 	"alignHorizontal",
 	"alignVertical"
-], ln = ["eventStormingType", "linkLabel"];
-function un(e, t) {
+], jn = ["eventStormingType", "linkLabel"];
+function Mn(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -1428,7 +1618,7 @@ function un(e, t) {
 	}
 	return n;
 }
-var dn = class {
+var Nn = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -1451,23 +1641,23 @@ var dn = class {
 		this.selection = e, this.modeling = t, this.elementFactory = n, this.esFactory = r, this.canvas = i, this.create = a, this.mouse = o;
 	}
 	copy() {
-		let e = this.selection.get().filter((e) => b(e));
+		let e = this.selection.get().filter((e) => y(e));
 		if (!e.length) return !1;
 		let t = new Map(e.map((e, t) => [e, t])), n = [], r = /* @__PURE__ */ new Set();
 		for (let i of e) for (let e of [...i.incoming ?? [], ...i.outgoing ?? []]) {
-			if (!x(e) || r.has(e)) continue;
+			if (!b(e) || r.has(e)) continue;
 			let i = t.get(e.source), a = t.get(e.target);
 			i !== void 0 && a !== void 0 && (r.add(e), n.push({
 				sourceIdx: i,
 				targetIdx: a,
-				props: un(e, ln)
+				props: Mn(e, jn)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => {
 				let n = e.host ? t.get(e.host) : void 0;
 				return {
-					props: un(e, cn),
+					props: Mn(e, An),
 					x: e.x,
 					y: e.y,
 					width: e.width,
@@ -1508,41 +1698,40 @@ var dn = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [fn(n[e.sourceIdx]), fn(n[e.targetIdx])]
+				waypoints: [Pn(n[e.sourceIdx]), Pn(n[e.targetIdx])]
 			}))
 		};
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = sn * this.pasteCount, n = pn(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = kn * this.pasteCount, n = Fn(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 fn(e) {
+function Pn(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function pn(e) {
+function Fn(e) {
 	let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.width)), i = Math.max(...e.map((e) => e.y + e.height));
 	return {
 		cx: (t + r) / 2,
 		cy: (n + i) / 2
 	};
 }
-//#endregion
-//#region src/modeling/index.ts
-var mn = {
-	__depends__: [pe, ie],
+// src/modeling/index.ts
+var In = {
+	__depends__: [me, ae],
 	__init__: ["eventStormingModeling"],
-	eventStormingModeling: ["type", on],
-	eventStormingCopyPaste: ["type", dn]
-}, hn = {
-	__depends__: [me],
+	eventStormingModeling: ["type", On],
+	eventStormingCopyPaste: ["type", Nn]
+}, Ln = {
+	__depends__: [he],
 	__init__: ["eventStormingLassoBehavior"],
 	eventStormingLassoBehavior: ["type", class {
 		static $inject = [
@@ -1565,45 +1754,44 @@ var mn = {
 		}
 	}]
 };
-//#endregion
-//#region src/rules/EventStormingRules.ts
-function gn(e, t) {
+// src/rules/EventStormingRules.ts
+function Rn(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t);
 }
-function _n(e, t) {
-	return e.length !== 1 || !Te(e[0]) || !D(t) ? !1 : "attach";
+function zn(e, t) {
+	return e.length !== 1 || !Oe(e[0]) || !ke(t) ? !1 : "attach";
 }
-var vn = class extends he {
+var Bn = class extends ge {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => w(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => C(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !w(t) || !w(n) || t === n || gn(t, n) ? !1 : { eventStormingType: "arrow" };
-		}), this.addRule(["shape.move", "elements.move"], (e) => _n(e.shapes ?? (e.shape ? [e.shape] : []), e.target) || !0), this.addRule("shape.create", () => !0), this.addRule("elements.create", () => !0), this.addRule("shape.resize", (e) => {
-			if (!Ee(e.shape)) return !1;
+			return !C(t) || !C(n) || t === n || Rn(t, n) ? !1 : { eventStormingType: "arrow" };
+		}), this.addRule(["shape.move", "elements.move"], (e) => zn(e.shapes ?? (e.shape ? [e.shape] : []), e.target) || !0), this.addRule("shape.create", () => !0), this.addRule("elements.create", () => !0), this.addRule("shape.resize", (e) => {
+			if (!Ae(e.shape)) return !1;
 			let { newBounds: t } = e;
-			return !t || t.width >= N.width && t.height >= N.height;
+			return !t || t.width >= j.width && t.height >= j.height;
 		});
 	}
-}, yn = {
+}, Vn = {
 	__init__: ["eventStormingRules"],
-	eventStormingRules: ["type", vn]
-}, bn = 8, xn = {
+	eventStormingRules: ["type", Bn]
+}, Hn = 8, Un = {
 	__init__: ["elementSnapping"],
 	elementSnapping: ["type", class {
 		static $inject = ["eventBus", "elementRegistry"];
 		constructor(e, t) {
-			let n = (e) => t.getAll().filter((t) => b(t) && t.eventStormingType !== "drawing" && !e.has(t.id)).map((e) => ({
+			let n = (e) => t.getAll().filter((t) => y(t) && t.eventStormingType !== "drawing" && !e.has(t.id)).map((e) => ({
 				x: e.x + e.width / 2,
 				y: e.y + e.height / 2
 			})), r = (e, t) => {
 				let n, r = 9;
 				for (let i of t) {
 					let t = Math.abs(i - e);
-					t <= bn && t < r && (n = i, r = t);
+					t <= Hn && t < r && (n = i, r = t);
 				}
 				return n;
 			};
@@ -1635,7 +1823,7 @@ var vn = class extends he {
 			});
 		}
 	}]
-}, Sn = ".djs-palette-entries .entry", Cn = "bottom", wn = class {
+}, Wn = ".djs-palette-entries .entry", Gn = "bottom", Kn = class {
 	palette;
 	hoverTooltip;
 	static $inject = [
@@ -1650,9 +1838,9 @@ var vn = class extends he {
 	attachTo(e) {
 		this.refreshEntries(), this.hoverTooltip.add({
 			container: e,
-			selector: Sn,
+			selector: Wn,
 			getContent: (e) => this.contentFor(e),
-			getPosition: (e) => Tn(e)
+			getPosition: (e) => qn(e)
 		});
 	}
 	refreshEntries() {
@@ -1660,58 +1848,57 @@ var vn = class extends he {
 	}
 	contentFor(e) {
 		let t = this.entries[e.getAttribute("data-action") ?? ""];
-		return t?.title ? _e`<${ge} title=${t.title} shortcut=${t.shortcut} />` : null;
+		return t?.title ? ve`<${_e} title=${t.title} shortcut=${t.shortcut} />` : null;
 	}
 };
-function Tn(e) {
+function qn(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		x: t.left + t.width / 2,
 		y: t.bottom + 8,
-		placement: Cn
+		placement: Gn
 	};
 }
-//#endregion
-//#region src/palette/index.ts
-var En = {
+// src/palette/index.ts
+var Jn = {
 	__init__: ["eventStormingPaletteProvider", "paletteTooltip"],
-	eventStormingPaletteProvider: ["type", et],
-	paletteTooltip: ["type", wn]
-}, W = "event-storming-element-settings", Dn = {
+	eventStormingPaletteProvider: ["type", ft],
+	paletteTooltip: ["type", Kn]
+}, G = "event-storming-element-settings", Yn = {
 	id: "kind",
 	name: "Change type"
 };
-function On(e, t) {
+function Xn(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var kn = class {
+var Zn = class {
 	modeling;
 	static $inject = ["popupMenu", "eventStormingModeling"];
 	constructor(e, t) {
-		this.modeling = t, e.registerProvider(W, this);
+		this.modeling = t, e.registerProvider(G, this);
 	}
 	getPopupMenuEntries(e) {
 		let t = Array.isArray(e) ? e[0] : e;
-		return w(t) ? this.kindEntries(t) : {};
+		return C(t) ? this.kindEntries(t) : {};
 	}
 	kindEntries(e) {
 		let t = {}, n = e.provisional === !0, r = o[this.modeling.getLevel()];
-		for (let i of S) {
+		for (let i of x) {
 			if (!r.includes(i) && (n || i !== e.eventStormingType)) continue;
-			let a = j[i];
+			let a = D[i];
 			t[`kind-${i}`] = {
-				label: n ? a.label : On(e.eventStormingType === i, a.label),
-				imageHtml: Je(a.fill, a.stroke),
-				group: Dn,
+				label: n ? a.label : Xn(e.eventStormingType === i, a.label),
+				imageHtml: $e(a.fill, a.stroke),
+				group: Yn,
 				action: () => this.modeling.setStickyKind(e, i)
 			};
 		}
 		return t;
 	}
-}, An = {
+}, Qn = {
 	__init__: ["eventStormingElementSettings"],
-	eventStormingElementSettings: ["type", kn]
-}, G = "eventStorming.readOnly.changed", jn = 5e3, Mn = [
+	eventStormingElementSettings: ["type", Zn]
+}, K = "eventStorming.readOnly.changed", $n = 5e3, er = [
 	"elements.move",
 	"shape.move",
 	"shape.resize",
@@ -1724,7 +1911,7 @@ var kn = class {
 	"connection.reconnect",
 	"connection.updateWaypoints",
 	"elements.delete"
-], Nn = class extends he {
+], tr = class extends ge {
 	bus;
 	static $inject = ["eventBus"];
 	readOnly = !1;
@@ -1732,19 +1919,19 @@ var kn = class {
 		super(e), this.bus = e;
 	}
 	init() {
-		this.addRule(Mn, jn, () => !this.readOnly && void 0);
+		this.addRule(er, $n, () => !this.readOnly && void 0);
 	}
 	isReadOnly() {
 		return this.readOnly;
 	}
 	setReadOnly(e) {
-		this.readOnly !== e && (this.readOnly = e, this.bus.fire(G, { readOnly: e }));
+		this.readOnly !== e && (this.readOnly = e, this.bus.fire(K, { readOnly: e }));
 	}
-}, Pn = {
-	__depends__: [ce],
+}, nr = {
+	__depends__: [le],
 	__init__: ["eventStormingReadOnly"],
-	eventStormingReadOnly: ["type", Nn]
-}, Fn = {
+	eventStormingReadOnly: ["type", tr]
+}, rr = {
 	plus: "<path d=\"M5 12h14\"/><path d=\"M12 5v14\"/>",
 	"arrow-right": "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>",
 	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\"/>",
@@ -1763,18 +1950,16 @@ var kn = class {
 	"align-vertical-justify-end": "<rect width=\"14\" height=\"6\" x=\"5\" y=\"12\" rx=\"2\"/><rect width=\"10\" height=\"6\" x=\"7\" y=\"2\" rx=\"2\"/><path d=\"M2 22h20\"/>",
 	x: "<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>"
 };
-function K(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">${Fn[e]}</svg>`;
-}
-//#endregion
-//#region src/context-pad/EventStormingContextPadProvider.ts
-var In = "Append sticky (auto-connect, choose the type after placing)";
-function q(e, t, n = !1) {
-	return `<div class="entry event-storming-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${K(e)}</div>`;
-}
-//#endregion
-//#region src/context-pad/index.ts
-var Ln = {
+function q(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">${rr[e]}</svg>`;
+}
+// src/context-pad/EventStormingContextPadProvider.ts
+var ir = "Append sticky (auto-connect, choose the type after placing)";
+function J(e, t, n = !1) {
+	return `<div class="entry event-storming-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${q(e)}</div>`;
+}
+// src/context-pad/index.ts
+var ar = {
 	__init__: ["eventStormingContextPadProvider"],
 	eventStormingContextPadProvider: ["type", class {
 		modeling;
@@ -1786,6 +1971,7 @@ var Ln = {
 		factory;
 		colorPicker;
 		readOnly;
+		canvas;
 		static $inject = [
 			"contextPad",
 			"modeling",
@@ -1797,55 +1983,56 @@ var Ln = {
 			"eventStormingElementFactory",
 			"eventStormingColorPicker",
 			"eventBus",
-			"eventStormingReadOnly"
+			"eventStormingReadOnly",
+			"canvas"
 		];
-		constructor(e, t, n, r, i, a, o, s, c, l, u) {
-			this.modeling = t, this.connect = n, this.create = r, this.popupMenu = i, this.eventStormingModeling = a, this.labelEditing = o, this.factory = s, this.colorPicker = c, this.readOnly = u, e.registerProvider(this), l?.on(G, (t) => {
+		constructor(e, t, n, r, i, a, o, s, c, l, u, d) {
+			this.modeling = t, this.connect = n, this.create = r, this.popupMenu = i, this.eventStormingModeling = a, this.labelEditing = o, this.factory = s, this.colorPicker = c, this.readOnly = u, this.canvas = d, e.registerProvider(this), l?.on(K, (t) => {
 				t.readOnly && e.close();
 			});
 		}
 		getContextPadEntries(e) {
 			if (this.readOnly?.isReadOnly()) return {};
-			if (x(e)) {
+			if (b(e)) {
 				let t = e;
 				return {
 					"edit-label": {
 						group: "edit",
 						title: "Edit arrow label",
-						html: q("pencil", "Edit arrow label"),
+						html: J("pencil", "Edit arrow label"),
 						action: { click: () => this.labelEditing.activateConnection(t) }
 					},
 					delete: {
 						group: "delete",
 						title: "Delete connection",
-						html: q("trash", "Delete connection"),
-						action: { click: () => this.modeling.removeElements([e]) }
+						html: J("trash", "Delete connection"),
+						action: { click: this.focusingCanvas(() => this.modeling.removeElements([e])) }
 					}
 				};
 			}
-			if (!b(e)) return {};
+			if (!y(e)) return {};
 			let t = e, n = {}, r = t.eventStormingType;
-			if (C(r)) {
-				let e = (e) => {
+			if (S(r)) {
+				let e = this.focusingCanvas((e) => {
 					let n = this.factory.createProvisional();
 					this.create.start(e, n, { source: t });
-				};
+				});
 				n.append = {
 					group: "append",
-					title: In,
-					html: q("plus", In, !0),
+					title: ir,
+					html: J("plus", ir, !0),
 					action: {
 						click: e,
 						dragstart: e
 					}
 				};
-				let r = (e) => {
+				let r = this.focusingCanvas((e) => {
 					this.connect.start(e, t);
-				};
+				});
 				n.connect = {
 					group: "edit",
 					title: "Connect to existing sticky",
-					html: q("arrow-right", "Connect to existing sticky", !0),
+					html: J("arrow-right", "Connect to existing sticky", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -1853,10 +2040,10 @@ var Ln = {
 				}, n["change-kind"] = {
 					group: "edit",
 					title: "Change type",
-					html: q("replace", "Change type"),
+					html: J("replace", "Change type"),
 					action: { click: (e) => {
 						let n = e;
-						this.popupMenu.open(t, W, {
+						this.popupMenu.open(t, G, {
 							x: n.clientX,
 							y: n.clientY
 						});
@@ -1868,14 +2055,14 @@ var Ln = {
 				n["stroke-style"] = {
 					group: "edit",
 					title: r,
-					html: q("line-style", r),
-					action: { click: () => this.eventStormingModeling.setStrokeStyle(t, e) }
+					html: J("line-style", r),
+					action: { click: this.focusingCanvas(() => this.eventStormingModeling.setStrokeStyle(t, e)) }
 				};
 			}
 			return r === "drawing" && (n.color = {
 				group: "edit",
 				title: "Color",
-				html: q("palette", "Color"),
+				html: J("palette", "Color"),
 				action: { click: (e) => {
 					let n = e;
 					this.colorPicker.open(t, n.clientX, n.clientY);
@@ -1883,46 +2070,51 @@ var Ln = {
 			}), r !== "drawing" && (n["edit-label"] = {
 				group: "edit",
 				title: "Edit label",
-				html: q("pencil", "Edit label"),
+				html: J("pencil", "Edit label"),
 				action: { click: () => this.labelEditing.activate(t) }
 			}), n.delete = {
 				group: "delete",
 				title: "Delete",
-				html: q("trash", "Delete"),
-				action: { click: () => this.modeling.removeElements([t]) }
+				html: J("trash", "Delete"),
+				action: { click: this.focusingCanvas(() => this.modeling.removeElements([t])) }
 			}, n;
 		}
+		focusingCanvas(e) {
+			return (t) => {
+				e(t), this.canvas && B(this.canvas);
+			};
+		}
 	}]
-}, Rn = "bullet", zn = [
+}, or = "bullet", sr = [
 	"left",
 	"center",
 	"right"
-], Bn = [
+], cr = [
 	"top",
 	"middle",
 	"bottom"
 ];
-function Vn(e, t) {
+function lr(e, t) {
 	return e[(e.indexOf(t) + 1) % e.length];
 }
-function Hn(e, t) {
+function ur(e, t) {
 	let n = e.ownerDocument;
 	e.textContent = "";
-	for (let r of A(t)) {
+	for (let r of E(t)) {
 		let t = n.createElement("div");
-		r.bullet && (t.className = Rn);
+		r.bullet && (t.className = or);
 		for (let e of r.runs) {
 			let r = n.createTextNode(e.text);
-			e.italic && (r = Un(n, "i", r)), e.bold && (r = Un(n, "b", r)), t.appendChild(r);
+			e.italic && (r = dr(n, "i", r)), e.bold && (r = dr(n, "b", r)), t.appendChild(r);
 		}
 		r.runs.length === 0 && t.appendChild(n.createElement("br")), e.appendChild(t);
 	}
 }
-function Un(e, t, n) {
+function dr(e, t, n) {
 	let r = e.createElement(t);
 	return r.appendChild(n), r;
 }
-function Wn(e) {
+function fr(e) {
 	let t = [], n = null, r = (e) => (n = {
 		bullet: e,
 		runs: []
@@ -1943,11 +2135,11 @@ function Wn(e) {
 			s.nextSibling && r(!1);
 			return;
 		}
-		if (Gn(s.tagName)) {
+		if (pr(s.tagName)) {
 			a(s);
 			return;
 		}
-		let c = Kn(s, t, o);
+		let c = mr(s, t, o);
 		for (let e of s.childNodes) i(e, c.bold, c.italic);
 	}, a = (e) => {
 		r(e.classList.contains("bullet") || e.tagName === "LI");
@@ -1955,12 +2147,12 @@ function Wn(e) {
 		n = null;
 	};
 	for (let t of e.childNodes) i(t, !1, !1);
-	return Oe(t);
+	return Me(t);
 }
-function Gn(e) {
+function pr(e) {
 	return e === "DIV" || e === "P" || e === "LI";
 }
-function Kn(e, t, n) {
+function mr(e, t, n) {
 	let r = e.tagName;
 	(r === "B" || r === "STRONG") && (t = !0), (r === "I" || r === "EM") && (n = !0);
 	let i = e.style.fontWeight;
@@ -1971,13 +2163,13 @@ function Kn(e, t, n) {
 		italic: n
 	};
 }
-function qn(e) {
+function hr(e) {
 	let t = e.ownerDocument, n = t.getSelection();
 	if (!n) return;
 	let r = t.createRange();
 	r.selectNodeContents(e), n.removeAllRanges(), n.addRange(r);
 }
-function Jn(e, t) {
+function gr(e, t) {
 	let n = e.ownerDocument;
 	if (typeof n.execCommand == "function" && n.execCommand("insertText", !1, t)) return;
 	let r = n.getSelection();
@@ -1988,24 +2180,24 @@ function Jn(e, t) {
 	let a = n.createTextNode(t);
 	i.insertNode(a), i.setStartAfter(a), i.collapse(!0), r.removeAllRanges(), r.addRange(i);
 }
-function Yn(e) {
+function _r(e) {
 	let t = e.ownerDocument.getSelection();
 	if (!t || t.rangeCount === 0) return [];
 	let n = t.getRangeAt(0);
 	return e.contains(n.commonAncestorContainer) ? Array.from(e.children).filter((e) => n.intersectsNode(e)) : [];
 }
-function Xn(e) {
-	Zn(e);
-	let t = Yn(e);
+function vr(e) {
+	yr(e);
+	let t = _r(e);
 	if (t.length === 0) return;
-	let n = t.every((e) => e.classList.contains(Rn));
-	for (let e of t) e.classList.toggle(Rn, !n);
+	let n = t.every((e) => e.classList.contains(or));
+	for (let e of t) e.classList.toggle(or, !n);
 }
-function Zn(e) {
+function yr(e) {
 	let t = e.ownerDocument, n = null;
-	for (let r of Array.from(e.childNodes)) r.nodeType === Node.ELEMENT_NODE && Gn(r.tagName) ? n = null : (n || (n = t.createElement("div"), e.insertBefore(n, r)), n.appendChild(r));
+	for (let r of Array.from(e.childNodes)) r.nodeType === Node.ELEMENT_NODE && pr(r.tagName) ? n = null : (n || (n = t.createElement("div"), e.insertBefore(n, r)), n.appendChild(r));
 }
-var Qn = {
+var br = {
 	horizontal: {
 		left: "text-align-start",
 		center: "text-align-center",
@@ -2017,30 +2209,29 @@ var Qn = {
 		bottom: "align-vertical-justify-end"
 	}
 };
-function $n(e, t) {
+function xr(e, t) {
 	let n = e.createElement("div");
 	n.className = "event-storming-note-toolbar";
 	let r = (r, i, a) => {
 		let o = e.createElement("button");
 		o.type = "button", o.setAttribute("data-action", r), o.title = i, o.innerHTML = a, o.addEventListener("mousedown", (e) => e.preventDefault()), o.addEventListener("click", () => t(r)), n.appendChild(o);
 	};
-	r("note-bold", "Bold (Cmd/Ctrl+B)", K("bold")), r("note-italic", "Italic (Cmd/Ctrl+I)", K("italic")), r("note-bullet", "Bullet list", K("list"));
+	r("note-bold", "Bold (Cmd/Ctrl+B)", q("bold")), r("note-italic", "Italic (Cmd/Ctrl+I)", q("italic")), r("note-bullet", "Bullet list", q("list"));
 	let i = e.createElement("span");
 	return i.className = "event-storming-note-toolbar-separator", n.appendChild(i), r("note-align-horizontal", "Horizontal alignment (click to cycle)", ""), r("note-align-vertical", "Vertical alignment (click to cycle)", ""), n;
 }
-function er(e, t, n) {
-	let r = Qn[t][n];
-	e.innerHTML = r ? K(r) : "", e.title = t === "horizontal" ? `Horizontal alignment: ${n} (click to cycle)` : `Vertical alignment: ${n} (click to cycle)`;
+function Sr(e, t, n) {
+	let r = br[t][n];
+	e.innerHTML = r ? q(r) : "", e.title = t === "horizontal" ? `Horizontal alignment: ${n} (click to cycle)` : `Vertical alignment: ${n} (click to cycle)`;
 }
-function tr(e, t) {
+function Cr(e, t) {
 	e.style.textAlign = t.horizontal, e.style.justifyContent = t.vertical === "top" ? "flex-start" : t.vertical === "middle" ? "center" : "flex-end";
 }
-//#endregion
-//#region src/label-editing/EventStormingLabelEditing.ts
-function nr(e) {
+// src/label-editing/EventStormingLabelEditing.ts
+function wr(e) {
 	return e.replace(/(?<!:)\/\//g, "∕∕").replace(/\/\*/g, "∕*").replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
 }
-var rr = class {
+var Tr = class {
 	canvas;
 	modeling;
 	elementRegistry;
@@ -2056,12 +2247,12 @@ var rr = class {
 	suspended = null;
 	resumeTimer;
 	constructor(e, t, n, r, i) {
-		this.canvas = t, this.modeling = n, this.elementRegistry = r, this.readOnly = i, e.on(G, (e) => {
+		this.canvas = t, this.modeling = n, this.elementRegistry = r, this.readOnly = i, e.on(K, (e) => {
 			e.readOnly && this.cancel();
 		}), e.on("diagram.destroy", () => {
 			clearTimeout(this.resumeTimer), this.suspended = null, this.cancel();
 		}), e.on("element.dblclick", (e) => {
-			b(e.element) ? this.activate(e.element) : x(e.element) && this.activateConnection(e.element);
+			y(e.element) ? this.activate(e.element) : b(e.element) && this.activateConnection(e.element);
 		}), e.on(["element.mousedown", "drag.init"], () => this.active?.commit()), e.on("canvas.viewbox.changed", () => this.active?.place());
 	}
 	suspend() {
@@ -2076,14 +2267,14 @@ var rr = class {
 	resume(e) {
 		let t = this.elementRegistry?.get(e.elementId);
 		if (e.connection) {
-			if (!x(t)) return;
+			if (!b(t)) return;
 			this.activateConnection(t);
 		} else {
-			if (!b(t)) return;
+			if (!y(t)) return;
 			this.activate(t);
 		}
 		let n = this.active?.field;
-		n && (n instanceof HTMLTextAreaElement || n instanceof HTMLInputElement ? (n.value = e.value, n instanceof HTMLTextAreaElement && (n.rows = Math.max(2, e.value.split("\n").length)), n.setSelectionRange(e.selectionStart ?? e.value.length, e.selectionEnd ?? e.value.length)) : (Hn(n, e.value), e.align && this.restoreNoteAlign?.(e.align), ar(n)));
+		n && (n instanceof HTMLTextAreaElement || n instanceof HTMLInputElement ? (n.value = e.value, n instanceof HTMLTextAreaElement && (n.rows = Math.max(2, e.value.split("\n").length)), n.setSelectionRange(e.selectionStart ?? e.value.length, e.selectionEnd ?? e.value.length)) : (ur(n, e.value), e.align && this.restoreNoteAlign?.(e.align), Dr(n)));
 	}
 	restoreNoteAlign;
 	activate(e) {
@@ -2103,7 +2294,7 @@ var rr = class {
 			i || (i = !0, n.removeEventListener("keydown", s), n.removeEventListener("blur", c), n.remove(), this.active = null, this.canvas.restoreFocus?.());
 		}, o = () => {
 			if (i) return;
-			let t = nr(n.value), r = t && t !== e.eventStormingLabel;
+			let t = wr(n.value), r = t && t !== e.eventStormingLabel;
 			a(), r && this.modeling.updateLabel(e, t);
 		}, s = (e) => {
 			if (e.key === "Escape") e.preventDefault(), a();
@@ -2130,43 +2321,43 @@ var rr = class {
 	}
 	activateNote(e) {
 		let t = this.canvas.getContainer(), n = document.createElement("div");
-		n.className = "event-storming-label-input event-storming-note-editor", n.contentEditable = "true", n.style.position = "absolute", n.style.transform = "translate(-50%, -50%)", Hn(n, e.eventStormingLabel ?? "");
+		n.className = "event-storming-label-input event-storming-note-editor", n.contentEditable = "true", n.style.position = "absolute", n.style.transform = "translate(-50%, -50%)", ur(n, e.eventStormingLabel ?? "");
 		let r = {
 			horizontal: e.alignHorizontal ?? "left",
 			vertical: e.alignVertical ?? "top"
 		};
-		tr(n, r);
-		let i = $n(document, (e) => d(e));
+		Cr(n, r);
+		let i = xr(document, (e) => d(e));
 		i.style.transform = "translate(-50%, -100%)";
 		let a = () => {
 			let t = this.canvas.zoom(), r = this.canvas.viewbox(), a = (e.x + e.width / 2 - r.x) * t;
 			n.style.left = `${a}px`, n.style.top = `${(e.y + e.height / 2 - r.y) * t}px`, n.style.minWidth = `${e.width * t}px`, n.style.minHeight = `${e.height * t}px`, i.style.left = `${a}px`, i.style.top = `${(e.y - r.y) * t - 8}px`;
 		};
-		a(), t.appendChild(n), t.appendChild(i), n.focus(), qn(n);
+		a(), t.appendChild(n), t.appendChild(i), n.focus(), hr(n);
 		let o = (e) => i.querySelector(`[data-action="${e}"]`), s = (e, t) => {
 			let n = o(e);
 			n?.classList.toggle("active", t), n?.setAttribute("aria-pressed", String(t));
 		}, c = () => {
-			s("note-bold", or("bold")), s("note-italic", or("italic"));
-			let e = Yn(n);
+			s("note-bold", Or("bold")), s("note-italic", Or("italic"));
+			let e = _r(n);
 			s("note-bullet", e.length > 0 && e.every((e) => e.classList.contains("bullet")));
 			let t = o("note-align-horizontal");
-			t && er(t, "horizontal", r.horizontal);
+			t && Sr(t, "horizontal", r.horizontal);
 			let i = o("note-align-vertical");
-			i && er(i, "vertical", r.vertical);
+			i && Sr(i, "vertical", r.vertical);
 		}, l = (e) => {
 			typeof document.execCommand == "function" && document.execCommand(e, !1), c();
 		}, u = (e) => {
-			e === "horizontal" ? r.horizontal = Vn(zn, r.horizontal) : r.vertical = Vn(Bn, r.vertical), tr(n, r), c();
+			e === "horizontal" ? r.horizontal = lr(sr, r.horizontal) : r.vertical = lr(cr, r.vertical), Cr(n, r), c();
 		}, d = (e) => {
-			e === "note-bold" ? l("bold") : e === "note-italic" ? l("italic") : e === "note-bullet" ? (Xn(n), c()) : u(e === "note-align-horizontal" ? "horizontal" : "vertical");
+			e === "note-bold" ? l("bold") : e === "note-italic" ? l("italic") : e === "note-bullet" ? (vr(n), c()) : u(e === "note-align-horizontal" ? "horizontal" : "vertical");
 		}, f = () => c();
 		document.addEventListener("selectionchange", f);
 		let p = !1, m = () => {
-			p || (p = !0, document.removeEventListener("selectionchange", f), n.removeEventListener("keydown", g), n.removeEventListener("blur", _), n.removeEventListener("paste", v), n.remove(), i.remove(), this.active = null, this.restoreNoteAlign = void 0, this.canvas.restoreFocus?.());
+			p || (p = !0, document.removeEventListener("selectionchange", f), n.removeEventListener("keydown", g), n.removeEventListener("blur", ee), n.removeEventListener("paste", _), n.remove(), i.remove(), this.active = null, this.restoreNoteAlign = void 0, this.canvas.restoreFocus?.());
 		}, h = () => {
 			if (p) return;
-			let t = ir(e, nr(Wn(n)), r);
+			let t = Er(e, wr(fr(n)), r);
 			m(), t && this.modeling.updateProperties(e, t);
 		}, g = (e) => {
 			if (e.key === "Escape") {
@@ -2180,20 +2371,20 @@ var rr = class {
 			}
 			let t = e.key.toLowerCase();
 			(e.metaKey || e.ctrlKey) && (t === "b" || t === "i") && (e.preventDefault(), l(t === "b" ? "bold" : "italic"));
-		}, _ = (e) => {
+		}, ee = (e) => {
 			e.relatedTarget instanceof Node && i.contains(e.relatedTarget) || h();
-		}, v = (e) => {
+		}, _ = (e) => {
 			e.preventDefault();
 			let t = e.clipboardData?.getData("text/plain") ?? "";
-			t && Jn(n, t);
+			t && gr(n, t);
 		};
-		n.addEventListener("keydown", g), n.addEventListener("blur", _), n.addEventListener("paste", v), c(), this.restoreNoteAlign = (e) => {
-			r.horizontal = e.horizontal, r.vertical = e.vertical, tr(n, r), c();
+		n.addEventListener("keydown", g), n.addEventListener("blur", ee), n.addEventListener("paste", _), c(), this.restoreNoteAlign = (e) => {
+			r.horizontal = e.horizontal, r.vertical = e.vertical, Cr(n, r), c();
 		};
-		let ee = () => ({
+		let te = () => ({
 			elementId: e.id,
 			connection: !1,
-			value: Wn(n),
+			value: fr(n),
 			align: { ...r }
 		});
 		this.active = {
@@ -2201,7 +2392,7 @@ var rr = class {
 			place: a,
 			commit: h,
 			cleanup: m,
-			snapshot: ee
+			snapshot: te
 		};
 	}
 	activateConnection(e) {
@@ -2219,7 +2410,7 @@ var rr = class {
 			o || (o = !0, i.removeEventListener("keydown", l), i.removeEventListener("blur", u), i.remove(), this.active = null, this.canvas.restoreFocus?.());
 		}, c = () => {
 			if (o) return;
-			let t = nr(i.value), n = e.linkLabel ?? "";
+			let t = wr(i.value), n = e.linkLabel ?? "";
 			s(), t !== n && this.modeling.updateProperties(e, { linkLabel: t || void 0 });
 		}, l = (e) => {
 			e.key === "Escape" ? (e.preventDefault(), s()) : e.key === "Enter" && (e.preventDefault(), c());
@@ -2252,23 +2443,23 @@ var rr = class {
 		};
 	}
 };
-function ir(e, t, n) {
+function Er(e, t, n) {
 	let r = !!t && t !== e.eventStormingLabel, i = n.horizontal !== (e.alignHorizontal ?? "left") || n.vertical !== (e.alignVertical ?? "top");
 	if (!r && !i) return null;
 	let a = {};
-	if (r && (a.eventStormingLabel = t, !I(e.eventStormingLabel, e))) {
-		let { width: n, height: r } = F(t);
+	if (r && (a.eventStormingLabel = t, !P(e.eventStormingLabel, e))) {
+		let { width: n, height: r } = N(t);
 		a.width = n, a.height = r, a.x = e.x + e.width / 2 - n / 2, a.y = e.y + e.height / 2 - r / 2;
 	}
 	return i && (a.alignHorizontal = n.horizontal === "left" ? void 0 : n.horizontal, a.alignVertical = n.vertical === "top" ? void 0 : n.vertical), a;
 }
-function ar(e) {
+function Dr(e) {
 	let t = document.createRange();
 	t.selectNodeContents(e), t.collapse(!1);
 	let n = window.getSelection();
 	n?.removeAllRanges(), n?.addRange(t);
 }
-function or(e) {
+function Or(e) {
 	if (typeof document.queryCommandState != "function") return !1;
 	try {
 		return document.queryCommandState(e);
@@ -2276,106 +2467,11 @@ function or(e) {
 		return !1;
 	}
 }
-//#endregion
-//#region src/label-editing/index.ts
-var sr = {
+// src/label-editing/index.ts
+var kr = {
 	__init__: ["eventStormingLabelEditing"],
-	eventStormingLabelEditing: ["type", rr]
-}, cr = 2, lr = 10, ur = {
-	arrowleft: {
-		x: -1,
-		y: 0
-	},
-	arrowright: {
-		x: 1,
-		y: 0
-	},
-	arrowup: {
-		x: 0,
-		y: -1
-	},
-	arrowdown: {
-		x: 0,
-		y: 1
-	}
-}, dr = class {
-	static $inject = [
-		"config.eventStormingKeyboard",
-		"canvas",
-		"commandStack",
-		"selection",
-		"modeling",
-		"eventStormingCopyPaste",
-		"eventStormingElementFactory",
-		"create",
-		"mouse",
-		"lassoTool",
-		"eventBus",
-		"elementRegistry",
-		"eventStormingReadOnly"
-	];
-	constructor(e, t, n, r, i, a, o, s, c, l, u, d, f) {
-		let p = t.getContainer(), m = e?.undoRedoKeys ?? !0, h = (e) => {
-			e.defaultPrevented || fr(e.target, p) && (pr(e.target) || g(e) || f?.isReadOnly() || _(e));
-		}, g = (e) => {
-			let t = e.ctrlKey || e.metaKey, n = e.key.toLowerCase();
-			if (t && n === "a" && !e.shiftKey && !e.altKey) {
-				e.preventDefault();
-				let t = (d?.getAll() ?? []).filter((e) => b(e) || x(e));
-				r.select(t);
-			} else if (t && n === "c") a.copy() && e.preventDefault();
-			else if (!t && !e.altKey && n === "l") {
-				e.preventDefault();
-				let t = c.getLastMoveEvent();
-				l.activateSelection(t ?? e, !!t);
-			} else return !1;
-			return !0;
-		}, _ = (e) => {
-			let t = e.ctrlKey || e.metaKey, l = e.key.toLowerCase(), u = t && l === "z" && !e.shiftKey, d = t && l === "z" && e.shiftKey || t && l === "y";
-			if (u || d) {
-				if (!m) return;
-				e.preventDefault(), u ? n.undo() : n.redo();
-			} else if (t && l === "v") a.paste() && e.preventDefault();
-			else if (t && l === "d") e.preventDefault(), a.duplicate();
-			else if (l === "delete" || l === "backspace") {
-				let t = r.get();
-				t.length && (e.preventDefault(), i.removeElements(t));
-			} else if (!t && !e.altKey && (l === "e" || l === "c")) {
-				let t = c.getLastMoveEvent();
-				if (t) {
-					e.preventDefault();
-					let n = l === "e" ? o.createNew("event", j.event.label) : o.createNew("command", j.command.label);
-					s.start(t, n);
-				}
-			} else if (l in ur && !t) {
-				let t = r.get();
-				if (t.length) {
-					e.preventDefault();
-					let n = e.shiftKey ? lr : cr, r = ur[l];
-					i.moveElements(t, {
-						x: r.x * n,
-						y: r.y * n
-					});
-				}
-			}
-		};
-		document.addEventListener("keydown", h), u.on("diagram.destroy", () => document.removeEventListener("keydown", h));
-	}
-};
-function fr(e, t) {
-	return e instanceof Node ? t.contains(e) || e === document.body || e === document.documentElement : !1;
-}
-function pr(e) {
-	if (!(e instanceof HTMLElement)) return !1;
-	let t = e.tagName;
-	return t === "INPUT" || t === "TEXTAREA" || e.isContentEditable;
-}
-//#endregion
-//#region src/keyboard/index.ts
-var mr = {
-	__init__: ["eventStormingKeyboard"],
-	eventStormingKeyboard: ["type", dr]
-}, hr = 500, gr = 6, _r = class {
+	eventStormingLabelEditing: ["type", Tr]
+}, Ar = 500, jr = 6, Mr = class {
 	static $inject = ["injector", "eventBus"];
 	constructor(e, t) {
 		let n = e.get("connectionPreview", !1), r = e.get("eventStormingLabelEditing", !1), i = e.get("popupMenu", !1), a = e.get("modeling", !1), o = e.get("canvas", !1), s = !1;
@@ -2406,16 +2502,16 @@ var mr = {
 		let c = (e) => {
 			if (s || !e.parent || !i || !a || !o) return;
 			let n = o.getAbsoluteBBox(e), c = o.getContainer().getBoundingClientRect();
-			i.open(e, W, {
+			i.open(e, G, {
 				x: c.left + n.x,
-				y: c.top + n.y + n.height + gr
+				y: c.top + n.y + n.height + jr
 			}), i.isOpen() ? t.once("popupMenu.close", () => {
 				setTimeout(() => {
 					s || (e.provisional ? e.parent && a.removeElements([e]) : r?.activate(e));
 				}, 0);
 			}) : a.removeElements([e]);
 		};
-		t.on("create.end", hr, (e) => {
+		t.on("create.end", Ar, (e) => {
 			let { context: t } = e;
 			if (!t.source || !t.canExecute || !t.shape) return;
 			let n = t.shape;
@@ -2432,14 +2528,14 @@ var mr = {
 			} else r && setTimeout(() => r.activate(n), 0);
 		});
 	}
-}, vr = {
-	__depends__: [ve],
+}, Nr = {
+	__depends__: [ye],
 	__init__: ["eventStormingAppendBehavior"],
-	eventStormingAppendBehavior: ["type", _r]
-}, yr = S.map((e) => ({
-	value: j[e].fill,
-	title: j[e].label
-})), br = class {
+	eventStormingAppendBehavior: ["type", Mr]
+}, Pr = x.map((e) => ({
+	value: D[e].fill,
+	title: D[e].label
+})), Fr = class {
 	canvas;
 	modeling;
 	static $inject = [
@@ -2469,7 +2565,7 @@ var mr = {
 			value: void 0,
 			title: "No color",
 			cls: "event-storming-cp-none"
-		}, ...yr.map((e) => ({
+		}, ...Pr.map((e) => ({
 			value: e.value,
 			title: e.title,
 			cls: ""
@@ -2487,14 +2583,14 @@ var mr = {
 		}, 0);
 	}
 	close() {
-		this.popover && (this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0));
+		this.popover && (this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0), this.canvas.restoreFocus());
 	}
-}, xr = {
+}, Ir = {
 	__init__: ["eventStormingColorPicker"],
-	eventStormingColorPicker: ["type", br]
-}, Sr = {
+	eventStormingColorPicker: ["type", Fr]
+}, Lr = {
 	__init__: ["eventStormingOrderingProvider"],
-	eventStormingOrderingProvider: ["type", class extends ye {
+	eventStormingOrderingProvider: ["type", class extends be {
 		static $inject = ["eventBus"];
 		constructor(e) {
 			super(e);
@@ -2502,15 +2598,15 @@ var mr = {
 		getOrdering(e, t) {
 			for (; t.parent;) t = t.parent;
 			let n = t.children ?? [];
-			if (x(e)) {
-				let r = n.filter((t) => t !== e && (O(t) || x(t))).length;
+			if (b(e)) {
+				let r = n.filter((t) => t !== e && (w(t) || b(t))).length;
 				return {
 					parent: t,
 					index: r
 				};
 			}
-			if (O(e)) {
-				let r = n.filter((t) => t !== e && O(t)).length;
+			if (w(e)) {
+				let r = n.filter((t) => t !== e && w(t)).length;
 				return {
 					parent: t,
 					index: r
@@ -2519,7 +2615,7 @@ var mr = {
 			return { parent: t };
 		}
 	}]
-}, Cr = 12, wr = class {
+}, Rr = 12, zr = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -2537,7 +2633,7 @@ var mr = {
 	cursor = null;
 	layer = null;
 	constructor(e, t, n, r, i) {
-		this.canvas = e, this.eventBus = t, this.modeling = n, this.selection = r, this.factory = i, t.on("diagram.destroy", () => this.cancel()), t.on(G, (e) => {
+		this.canvas = e, this.eventBus = t, this.modeling = n, this.selection = r, this.factory = i, t.on("diagram.destroy", () => this.cancel()), t.on(K, (e) => {
 			e.readOnly && this.cancel();
 		});
 	}
@@ -2594,16 +2690,20 @@ var mr = {
 	isChromeTarget(e) {
 		return !!e.target?.closest(".djs-palette, .djs-context-pad, .event-storming-color-picker");
 	}
+	ownsKey(e) {
+		let t = e.target;
+		return nt(e) && t instanceof Node && this.outerContainer().contains(t) && !it(t);
+	}
 	onMouseDown = (e) => {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
-		e.preventDefault(), e.stopPropagation();
+		e.preventDefault(), e.stopPropagation(), B(this.canvas);
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && Tr(t, n) <= Cr) {
+		if (n && this.points.length >= 3 && Br(t, n) <= Rr) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		r && Tr(t, r) <= Cr ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
+		r && Br(t, r) <= Rr ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
 	};
 	onDblClick = (e) => {
 		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
@@ -2612,7 +2712,7 @@ var mr = {
 		this.points.length && (this.cursor = this.toCanvasPoint(e), this.renderPreview());
 	};
 	onKeyDown = (e) => {
-		e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), this.points.length >= 2 ? this.finish() : this.cancel()) : e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), this.finish());
+		this.ownsKey(e) && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), this.points.length >= 2 ? this.finish() : this.cancel()) : e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), this.finish()));
 	};
 	renderPreview() {
 		if (this.clearPreview(), !this.points.length) return;
@@ -2620,7 +2720,7 @@ var mr = {
 		f(t, p(m("polyline"), {
 			points: n.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: R,
+			stroke: I,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
@@ -2631,8 +2731,8 @@ var mr = {
 			cx: r.x,
 			cy: r.y,
 			r: this.points.length >= 3 ? 5 : 3,
-			fill: L.paper,
-			stroke: R,
+			fill: F.paper,
+			stroke: I,
 			"stroke-width": 1.5
 		})), this.points.length >= 2) {
 			let e = this.points[this.points.length - 1];
@@ -2640,8 +2740,8 @@ var mr = {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: L.paper,
-				stroke: R,
+				fill: F.paper,
+				stroke: I,
 				"stroke-width": 1.5
 			}));
 		}
@@ -2651,12 +2751,11 @@ var mr = {
 		this.layer &&= (h(this.layer), null);
 	}
 };
-function Tr(e, t) {
+function Br(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
-//#endregion
-//#region src/draw-tool/EventStormingDrawingHandles.ts
-var Er = class {
+// src/draw-tool/EventStormingDrawingHandles.ts
+var Vr = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -2671,9 +2770,9 @@ var Er = class {
 	group = null;
 	dragPreview = null;
 	constructor(e, t, n, r) {
-		this.eventBus = e, this.canvas = t, this.modeling = n, this.readOnly = r, e.on(G, () => this.render()), e.on("selection.changed", (e) => {
+		this.eventBus = e, this.canvas = t, this.modeling = n, this.readOnly = r, e.on(K, () => this.render()), e.on("selection.changed", (e) => {
 			let t = e.newSelection ?? [], n = t.length === 1 ? t[0] : null;
-			this.attach(O(n) ? n : null);
+			this.attach(w(n) ? n : null);
 		}), e.on("element.changed", (e) => {
 			this.shape && e.element === this.shape && this.render();
 		}), e.on(["diagram.clear", "diagram.destroy"], () => this.attach(null));
@@ -2696,8 +2795,8 @@ var Er = class {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: L.paper,
-				stroke: L.ink,
+				fill: F.paper,
+				stroke: F.ink,
 				"stroke-width": 1.5,
 				class: "event-storming-drawing-handle"
 			});
@@ -2732,7 +2831,7 @@ var Er = class {
 		let n = this.canvas.getLayer("event-storming-drawing-handles", 1100), r = p(m(t ? "polygon" : "polyline"), {
 			points: e.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: L.ink,
+			stroke: F.ink,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "5 4",
 			"pointer-events": "none"
@@ -2752,17 +2851,17 @@ var Er = class {
 			y: (e.clientY - t.top) / r + n.y
 		};
 	}
-}, Dr = class {
+}, Hr = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (O(e.element) && e.gfx) return Or(e.element, e.gfx), !1;
+			if (w(e.element) && e.gfx) return Ur(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (O(e.element) && e.gfx) return t.removeHits(e.gfx), Or(e.element, e.gfx), !1;
+			if (w(e.element) && e.gfx) return t.removeHits(e.gfx), Ur(e.element, e.gfx), !1;
 		});
 	}
 };
-function Or(e, t) {
+function Ur(e, t) {
 	let n = e.drawingPoints ?? [], r = m(e.closed ? "polygon" : "polyline");
 	p(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
@@ -2773,58 +2872,57 @@ function Or(e, t) {
 		"stroke-opacity": 0
 	}), f(t, r);
 }
-//#endregion
-//#region src/draw-tool/index.ts
-var kr = {
+// src/draw-tool/index.ts
+var Wr = {
 	__init__: [
 		"eventStormingDrawTool",
 		"eventStormingDrawingHandles",
 		"eventStormingDrawingHitProvider"
 	],
-	eventStormingDrawTool: ["type", wr],
-	eventStormingDrawingHandles: ["type", Er],
-	eventStormingDrawingHitProvider: ["type", Dr]
-}, Ar = class {
+	eventStormingDrawTool: ["type", zr],
+	eventStormingDrawingHandles: ["type", Vr],
+	eventStormingDrawingHitProvider: ["type", Hr]
+}, Gr = class {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		e.on("resize.start", 1500, (e) => {
 			let t = e.context;
-			Ee(t.shape) && (t.minDimensions = N);
+			Ae(t.shape) && (t.minDimensions = j);
 		});
 	}
-}, jr = {
-	__depends__: [be],
+}, Kr = {
+	__depends__: [xe],
 	__init__: ["eventStormingResizeBehavior"],
-	eventStormingResizeBehavior: ["type", Ar]
-}, Mr = class extends Zt {
+	eventStormingResizeBehavior: ["type", Gr]
+}, qr = class extends bn {
 	_getModules() {
 		return [
 			...super._getModules(),
-			ne,
-			ce,
 			re,
+			le,
 			ie,
 			ae,
 			oe,
 			se,
-			le,
+			ce,
 			ue,
-			Pn,
-			mn,
-			$t,
-			yn,
-			xn,
-			En,
-			Ln,
-			sr,
-			mr,
-			An,
-			vr,
-			xr,
-			hn,
-			Sr,
+			de,
+			nr,
+			In,
+			Sn,
+			Vn,
+			Un,
+			Jn,
+			ar,
 			kr,
-			jr
+			ct,
+			Qn,
+			Nr,
+			Ir,
+			Ln,
+			Lr,
+			Wr,
+			Kr
 		];
 	}
 	undo() {
@@ -2839,18 +2937,18 @@ var kr = {
 	canRedo() {
 		return this.get("commandStack").canRedo();
 	}
-}, Nr = "event-storming";
-function Pr(e = {}) {
-	return Lr(new Mr({
-		...Ir(e),
+}, Jr = "event-storming";
+function Yr(e = {}) {
+	return Qr(new qr({
+		...Zr(e),
 		undoRedoKeys: e.undoRedoKeys ?? !0,
-		freeArea: Ye(e)
+		freeArea: V(e)
 	}), !0);
 }
-function Fr(e = {}) {
-	return Lr(new Zt(Ir(e)), !1);
+function Xr(e = {}) {
+	return Qr(new bn(Zr(e)), !1);
 }
-function Ir(e) {
+function Zr(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -2858,10 +2956,10 @@ function Ir(e) {
 		fitOnImport: e.fitOnImport ?? !0
 	};
 }
-function Lr(e, t) {
+function Qr(e, t) {
 	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = /* @__PURE__ */ new Set(), s = 0, c = !1, l = "", u = {
-		notation: Nr,
-		apiVersion: xe,
+		notation: Jr,
+		apiVersion: Se,
 		editable: t
 	};
 	return t && n.on("commandStack.changed", () => {
@@ -2869,21 +2967,21 @@ function Lr(e, t) {
 	}), {
 		meta: u,
 		elements: {
-			list: () => c ? [] : i.getAll().filter(J).map((e) => Br(e)),
+			list: () => c ? [] : i.getAll().filter(Y).map((e) => ti(e)),
 			reveal(e) {
 				if (c) return !1;
 				let t = i.get(e);
-				return J(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+				return Y(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 			},
-			selection: () => c ? [] : Rr(a.get()),
+			selection: () => c ? [] : $r(a.get()),
 			onSelection(e) {
-				let t = (t) => e(Rr(t.newSelection ?? []));
+				let t = (t) => e($r(t.newSelection ?? []));
 				return n.on("selection.changed", t), () => n.off("selection.changed", t);
 			},
 			bounds(e) {
 				if (c) return;
 				let t = i.get(e);
-				return J(t) ? zr(t) : void 0;
+				return Y(t) ? ei(t) : void 0;
 			}
 		},
 		diagram: e,
@@ -2895,7 +2993,7 @@ function Lr(e, t) {
 			s += 1;
 			try {
 				let { warnings: n } = await e.importDSL(t);
-				return { warnings: n.map(Jt) };
+				return { warnings: n.map(_n) };
 			} finally {
 				--s;
 			}
@@ -2914,13 +3012,13 @@ function Lr(e, t) {
 					width: n,
 					height: i
 				};
-				return Vr(a) ? a : void 0;
+				return ni(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!c && Vr(e) && r.viewbox({
+			!c && ni(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2942,13 +3040,13 @@ function Lr(e, t) {
 		}
 	};
 }
-function J(e) {
-	return w(e);
+function Y(e) {
+	return C(e);
 }
-function Rr(e) {
-	return e.filter(J).map((e) => e.id);
+function $r(e) {
+	return e.filter(Y).map((e) => e.id);
 }
-function zr(e) {
+function ei(e) {
 	return {
 		x: e.x,
 		y: e.y,
@@ -2956,24 +3054,23 @@ function zr(e) {
 		height: e.height
 	};
 }
-function Br(e) {
+function ti(e) {
 	let t = e.eventStormingLabel;
 	return t ? {
 		id: e.id,
 		name: t
 	} : { id: e.id };
 }
-function Vr(e) {
+function ni(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return Y(t) && Y(n) && Y(r) && Y(i) && r > 0 && i > 0;
+	return X(t) && X(n) && X(r) && X(i) && r > 0 && i > 0;
 }
-function Y(e) {
+function X(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-//#endregion
-//#region src/board-menu/menu.ts
-var Hr = "Export as .storm", Ur = [
+// src/board-menu/menu.ts
+var ri = "Export as .storm", ii = [
 	{
 		value: "big-picture",
 		label: "Big picture"
@@ -2987,10 +3084,10 @@ var Hr = "Export as .storm", Ur = [
 		label: "Software design"
 	}
 ];
-function Wr(e) {
-	return Ur.some((t) => t.value === e);
+function ai(e) {
+	return ii.some((t) => t.value === e);
 }
-function X(e, t, n, r) {
+function Z(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -3000,20 +3097,20 @@ function X(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function Gr(e) {
-	let t = [X("export-png", "Export as PNG", e.png, "file-image"), X("export-svg", "Export as SVG", e.svg, "file-code-corner")];
-	return e.transparentPng && t.push(X("export-png-transparent", "Export as PNG (4×, transparent)", e.transparentPng)), e.json && t.push(X("export-json", "Export as JSON", e.json)), e.storm && t.push(X("export-storm", Hr, e.storm)), t;
+function oi(e) {
+	let t = [Z("export-png", "Export as PNG", e.png, "file-image"), Z("export-svg", "Export as SVG", e.svg, "file-code-corner")];
+	return e.transparentPng && t.push(Z("export-png-transparent", "Export as PNG (4×, transparent)", e.transparentPng)), e.json && t.push(Z("export-json", "Export as JSON", e.json)), e.storm && t.push(Z("export-storm", ri, e.storm)), t;
 }
-function Kr(e) {
+function si(e) {
 	return {
 		model: [{
 			kind: "radio",
 			id: "level",
 			label: "Level",
-			options: Ur,
+			options: ii,
 			value: () => e.levels.getLevel(),
 			onSelect: (t) => {
-				Wr(t) && e.levels.setLevel(t);
+				ai(t) && e.levels.setLevel(t);
 			}
 		}, {
 			kind: "checkbox",
@@ -3025,7 +3122,7 @@ function Kr(e) {
 				e.typeCaptions.setTypeCaptionsVisible(t), e.onTypeCaptionsToggled?.(t);
 			}
 		}],
-		export: Gr(e.exports),
+		export: oi(e.exports),
 		help: [{
 			kind: "dialog",
 			id: "keyboard-shortcuts",
@@ -3035,25 +3132,24 @@ function Kr(e) {
 		}]
 	};
 }
-//#endregion
-//#region src/board-menu/shortcuts.ts
-var qr = [
+// src/board-menu/shortcuts.ts
+var ci = [
 	"←",
 	"↑",
 	"→",
 	"↓"
 ];
-function Jr(e, t, n) {
+function li(e, t, n) {
 	return t === "mac" ? `⌘${e}` : `${n.ctrl}+${e}`;
 }
-function Yr(e) {
+function ui(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function Xr(e, t) {
+function di(e, t) {
 	if (e === "mac") return {
 		zoomIn: "⌘+",
 		zoomOut: "⌘−",
@@ -3068,7 +3164,7 @@ function Xr(e, t) {
 		fit: `${r}+1`
 	};
 }
-function Zr(e, t) {
+function fi(e, t) {
 	if (e === "mac") return {
 		undo: ["⌘Z"],
 		redo: ["⌘⇧Z"],
@@ -3077,7 +3173,7 @@ function Zr(e, t) {
 		paste: ["⌘V"],
 		duplicate: ["⌘D"],
 		remove: ["⌫"],
-		coarseMove: qr.map((e) => `⇧${e}`),
+		coarseMove: ci.map((e) => `⇧${e}`),
 		lassoDrag: ["⇧ Drag"]
 	};
 	let { ctrl: n, shift: r } = t;
@@ -3089,27 +3185,27 @@ function Zr(e, t) {
 		paste: [`${n}+V`],
 		duplicate: [`${n}+D`],
 		remove: ["Del", "Backspace"],
-		coarseMove: qr.map((e) => `${r}+${e}`),
+		coarseMove: ci.map((e) => `${r}+${e}`),
 		lassoDrag: [`${r}+Drag`]
 	};
 }
-function Qr(e) {
+function pi(e) {
 	let { platform: t, messages: n } = e;
 	return {
 		title: "File",
 		rows: [{
 			action: n.openFile ?? "Open…",
-			keys: [Jr("O", t, n.keyNames)]
+			keys: [li("O", t, n.keyNames)]
 		}, {
-			action: Hr,
-			keys: [Jr("S", t, n.keyNames)]
+			action: ri,
+			keys: [li("S", t, n.keyNames)]
 		}]
 	};
 }
-function $r(e, t = {}) {
-	let { platform: n, messages: r } = e, i = Xr(n, r.keyNames), a = Zr(n, r.keyNames);
+function mi(e, t = {}) {
+	let { platform: n, messages: r } = e, i = di(n, r.keyNames), a = fi(n, r.keyNames);
 	return [
-		...t.fileKeys ? [Qr(e)] : [],
+		...t.fileKeys ? [pi(e)] : [],
 		{
 			title: "View",
 			rows: [
@@ -3122,7 +3218,7 @@ function $r(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(Yr(e.lang)),
+					action: r.zoomToActual(ui(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -3164,7 +3260,7 @@ function $r(e, t = {}) {
 				},
 				{
 					action: "Move selection",
-					keys: qr
+					keys: ci
 				},
 				{
 					action: "Move selection in large steps",
@@ -3203,41 +3299,40 @@ function $r(e, t = {}) {
 		}
 	];
 }
-//#endregion
-//#region src/board-menu/ShortcutsDialog.ts
-var Z = "event-storming-shortcuts", Q = "event-storming-shortcuts-title";
+// src/board-menu/ShortcutsDialog.ts
+var Q = "event-storming-shortcuts", hi = "event-storming-shortcuts-title";
 function $(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-function ei(e, t) {
-	let n = $("section", `${Z}-group`), r = `${Q}-group-${t}`, i = $("h4", `${Z}-group-title`, e.title);
+function gi(e, t) {
+	let n = $("section", `${Q}-group`), r = `${hi}-group-${t}`, i = $("h4", `${Q}-group-title`, e.title);
 	i.id = r;
-	let a = $("table", `${Z}-table`);
+	let a = $("table", `${Q}-table`);
 	a.setAttribute("aria-labelledby", r);
 	let o = a.createTBody();
 	for (let t of e.rows) {
-		let e = o.insertRow(), n = $("th", `${Z}-action`, t.action);
+		let e = o.insertRow(), n = $("th", `${Q}-action`, t.action);
 		n.scope = "row";
-		let r = $("td", `${Z}-keys`);
-		for (let e of t.keys) r.append($("kbd", `${Z}-key`, e));
+		let r = $("td", `${Q}-keys`);
+		for (let e of t.keys) r.append($("kbd", `${Q}-key`, e));
 		e.append(n, r);
 	}
 	return n.append(i, a), n;
 }
-function ti(e, t, n) {
-	let r = $("div", `${Z}-panel`), i = $("header", `${Z}-header`), a = $("h3", `${Z}-title`, "Keyboard shortcuts");
-	a.id = Q;
-	let o = $("button", `${Z}-close`);
-	o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = K("x"), o.addEventListener("click", n), i.append(a, o);
-	let s = $("div", `${Z}-body`);
-	return s.append(...$r(e, t).map(ei)), r.append(i, s), r;
+function _i(e, t, n) {
+	let r = $("div", `${Q}-panel`), i = $("header", `${Q}-header`), a = $("h3", `${Q}-title`, "Keyboard shortcuts");
+	a.id = hi;
+	let o = $("button", `${Q}-close`);
+	o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = q("x"), o.addEventListener("click", n), i.append(a, o);
+	let s = $("div", `${Q}-body`);
+	return s.append(...mi(e, t).map(gi)), r.append(i, s), r;
 }
-function ni(e, t = {}) {
+function vi(e, t = {}) {
 	let n;
 	function r() {
-		let n = $("dialog", Z);
-		return n.setAttribute("aria-labelledby", Q), n.append(ti(e, t, () => n.close())), n.addEventListener("click", (e) => {
+		let n = $("dialog", Q);
+		return n.setAttribute("aria-labelledby", hi), n.append(_i(e, t, () => n.close())), n.addEventListener("click", (e) => {
 			e.target === n && n.close();
 		}), n.addEventListener("close", () => {
 			e.menu.trigger.hidden || e.menu.trigger.focus({ preventScroll: !0 });
@@ -3256,13 +3351,11 @@ function ni(e, t = {}) {
 		}
 	};
 }
-//#endregion
-//#region src/draw/icons.ts
-var ri = "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", ii = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z", ai = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", oi = "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z", si = "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z", ci = "M4 7v2c0 .55-.45 1-1 1H2v2h1c.55 0 1 .45 1 1v2c0 1.65 1.35 3 3 3h1v-2H7c-.55 0-1-.45-1-1v-2c0-.84-.35-1.61-.92-2.18L4.85 12l.23-.82C5.65 10.61 6 9.84 6 9V7c0-.55.45-1 1-1h1V4H7C5.35 4 4 5.35 4 7zm16 3c-.55 0-1-.45-1-1V7c0-1.65-1.35-3-3-3h-1v2h1c.55 0 1 .45 1 1v2c0 .84.35 1.61.92 2.18l.23.82-.23.82c-.57.57-.92 1.34-.92 2.18v2c0 .55-.45 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-2c0-.55.45-1 1-1h1v-2h-1z", li = "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z", ui = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", di = "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z", fi = "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z", pi = "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z", mi = "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z", hi = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", gi = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", _i = "M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z", vi = "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z";
-function yi(e, t = 18) {
+// src/draw/icons.ts
+var yi = "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", bi = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z", xi = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Si = "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z", Ci = "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z", wi = "M4 7v2c0 .55-.45 1-1 1H2v2h1c.55 0 1 .45 1 1v2c0 1.65 1.35 3 3 3h1v-2H7c-.55 0-1-.45-1-1v-2c0-.84-.35-1.61-.92-2.18L4.85 12l.23-.82C5.65 10.61 6 9.84 6 9V7c0-.55.45-1 1-1h1V4H7C5.35 4 4 5.35 4 7zm16 3c-.55 0-1-.45-1-1V7c0-1.65-1.35-3-3-3h-1v2h1c.55 0 1 .45 1 1v2c0 .84.35 1.61.92 2.18l.23.82-.23.82c-.57.57-.92 1.34-.92 2.18v2c0 .55-.45 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-2c0-.55.45-1 1-1h1v-2h-1z", Ti = "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z", Ei = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", Di = "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z", Oi = "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z", ki = "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z", Ai = "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z", ji = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", Mi = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", Ni = "M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z", Pi = "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z";
+function Fi(e, t = 18) {
 	return `<svg viewBox="0 0 24 24" width="${t}" height="${t}" fill="currentColor" aria-hidden="true"><path d="${e}"/></svg>`;
 }
-//#endregion
-export { Ur as BOARD_LEVELS, Vt as BoardBounds, L as COLORS, Nr as EVENT_STORMING_NOTATION, _r as EventStormingAppendBehavior, Qt as EventStormingAttachBehavior, at as EventStormingBaseViewer, br as EventStormingColorPicker, ut as EventStormingElementFactory, kn as EventStormingElementSettingsProvider, Kt as EventStormingExporter, Gt as EventStormingImporter, rr as EventStormingLabelEditing, on as EventStormingModeling, Nn as EventStormingReadOnly, wt as EventStormingRenderer, Ar as EventStormingResizeBehavior, vn as EventStormingRules, Lt as EventStormingViewOptions, gi as ICON_ADD, li as ICON_CODE, ci as ICON_DATA_OBJECT, ai as ICON_DELETE, ui as ICON_DOWNLOAD, ii as ICON_EDIT, vi as ICON_EYE, _i as ICON_FIT, fi as ICON_FOLDER_OPEN, pi as ICON_IMAGE, hi as ICON_MENU, mi as ICON_NEW, ri as ICON_PERSON, si as ICON_REDO, di as ICON_SHARE, oi as ICON_UNDO, k as MIRAGON, Mr as Modeler, M as NOTE_STYLE, Zt as NavigatedViewer, W as POPUP_PROVIDER_ID, G as READ_ONLY_CHANGED_EVENT, y as ROOT_ID, S as STICKY_KINDS, j as STICKY_STYLES, Hr as STORM_EXPORT_LABEL, It as VIEW_OPTIONS_CHANGED_EVENT, Xt as Viewer, Ht as boardBoundsModule, Kr as boardMenu, $r as boardShortcuts, Jr as commandKeyLabel, Pr as createCollaborativeModeler, Fr as createCollaborativeViewer, ni as createShortcutsDialog, xn as elementSnappingModule, vr as eventStormingAppendModule, $t as eventStormingAttachModule, xr as eventStormingColorPickerModule, Ln as eventStormingContextPadModule, zt as eventStormingDrawModule, mr as eventStormingKeyboardModule, ft as eventStormingModelModule, mn as eventStormingModelingModule, En as eventStormingPaletteModule, An as eventStormingPopupModule, Pn as eventStormingReadOnlyModule, jr as eventStormingResizeModule, yn as eventStormingRulesModule, Rt as eventStormingViewOptionsModule, yi as iconMarkup, Jt as importWarningText, Yt as ioModule, T as isAttachableKind, Te as isAttachableSticky, x as isEventStormingConnection, b as isEventStormingShape, E as isHostKind, D as isHostSticky, w as isSticky, C as isStickyKind, sr as labelEditingModule, A as parseNoteMarkdown, ke as plainNoteText, Ce as saveSVG, Oe as serializeNoteMarkdown };
+export { ii as BOARD_LEVELS, un as BoardBounds, F as COLORS, Jr as EVENT_STORMING_NOTATION, Mr as EventStormingAppendBehavior, xn as EventStormingAttachBehavior, _t as EventStormingBaseViewer, Fr as EventStormingColorPicker, St as EventStormingElementFactory, Zn as EventStormingElementSettingsProvider, hn as EventStormingExporter, mn as EventStormingImporter, Tr as EventStormingLabelEditing, On as EventStormingModeling, tr as EventStormingReadOnly, Kt as EventStormingRenderer, Gr as EventStormingResizeBehavior, Bn as EventStormingRules, on as EventStormingViewOptions, Mi as ICON_ADD, Ti as ICON_CODE, wi as ICON_DATA_OBJECT, xi as ICON_DELETE, Ei as ICON_DOWNLOAD, bi as ICON_EDIT, Pi as ICON_EYE, Ni as ICON_FIT, Oi as ICON_FOLDER_OPEN, ki as ICON_IMAGE, ji as ICON_MENU, Ai as ICON_NEW, yi as ICON_PERSON, Ci as ICON_REDO, Di as ICON_SHARE, Si as ICON_UNDO, T as MIRAGON, qr as Modeler, O as NOTE_STYLE, bn as NavigatedViewer, G as POPUP_PROVIDER_ID, K as READ_ONLY_CHANGED_EVENT, v as ROOT_ID, x as STICKY_KINDS, D as STICKY_STYLES, ri as STORM_EXPORT_LABEL, an as VIEW_OPTIONS_CHANGED_EVENT, yn as Viewer, dn as boardBoundsModule, si as boardMenu, mi as boardShortcuts, li as commandKeyLabel, Yr as createCollaborativeModeler, Xr as createCollaborativeViewer, vi as createShortcutsDialog, Un as elementSnappingModule, Nr as eventStormingAppendModule, Sn as eventStormingAttachModule, Ir as eventStormingColorPickerModule, ar as eventStormingContextPadModule, cn as eventStormingDrawModule, ct as eventStormingKeyboardModule, wt as eventStormingModelModule, In as eventStormingModelingModule, Jn as eventStormingPaletteModule, Qn as eventStormingPopupModule, nr as eventStormingReadOnlyModule, Kr as eventStormingResizeModule, Vn as eventStormingRulesModule, sn as eventStormingViewOptionsModule, Fi as iconMarkup, _n as importWarningText, vn as ioModule, Ee as isAttachableKind, Oe as isAttachableSticky, b as isEventStormingConnection, y as isEventStormingShape, De as isHostKind, ke as isHostSticky, C as isSticky, S as isStickyKind, kr as labelEditingModule, E as parseNoteMarkdown, Ne as plainNoteText, we as saveSVG, Me as serializeNoteMarkdown };
 
 //# sourceMappingURL=index.js.map