@miragon/event-storming-renderer 0.4.1 → 0.5.0

package/dist/index.js

@@ -1,45 +1,45 @@
 import e from "diagram-js/lib/Diagram";
 import { ATTACHABLE_STICKY_KINDS as t, CURRENT_SCHEMA_VERSION as n, DEFAULT_BOARD_LEVEL as r, DEFAULT_BOARD_SIZE as i, HOST_STICKY_KINDS as a, LEVEL_STICKY_KINDS as o, assertDrawable as s, validateBoard as c } from "@miragon/event-storming-schema-model";
 import { parseDSLWithDiagnostics as l, serializeDSL as u } from "@miragon/event-storming-dsl";
-import d from "diagram-js/lib/features/change-support";
-import f from "diagram-js/lib/draw/BaseRenderer";
-import { append as p, attr as m, create as h, remove as g } from "tiny-svg";
+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 ee 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";
+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 Ce = [
+var Se = [
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-labelledby"
 ];
-function we(e, t) {
+function Ce(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 Ce) r.removeAttribute(e);
+	for (let e of Se) r.removeAttribute(e);
 	let a = t ?? {
 		x: 0,
 		y: 0,
@@ -51,17 +51,17 @@ function we(e, t) {
 }
 //#endregion
 //#region src/model/di-types.ts
-var v = "event-storming-root";
-function Te(e) {
+var y = "event-storming-root";
+function we(e) {
 	return typeof e == "object" && !!e;
 }
-function y(e) {
-	return Te(e) && typeof e.eventStormingType == "string" && !("waypoints" in e);
-}
 function b(e) {
-	return Te(e) && typeof e.eventStormingType == "string" && "waypoints" in e;
+	return we(e) && typeof e.eventStormingType == "string" && !("waypoints" in e);
 }
-var x = [
+function x(e) {
+	return we(e) && typeof e.eventStormingType == "string" && "waypoints" in e;
+}
+var S = [
 	"event",
 	"command",
 	"actor",
@@ -71,33 +71,33 @@ var x = [
 	"external",
 	"hotspot"
 ];
-function S(e) {
-	return x.includes(e);
-}
 function C(e) {
-	return y(e) && S(e.eventStormingType);
+	return S.includes(e);
 }
 function w(e) {
-	return t.includes(e);
+	return b(e) && C(e.eventStormingType);
 }
 function T(e) {
-	return a.includes(e);
-}
-function Ee(e) {
-	return y(e) && w(e.eventStormingType);
+	return t.includes(e);
 }
 function E(e) {
-	return y(e) && T(e.eventStormingType);
+	return a.includes(e);
+}
+function Te(e) {
+	return b(e) && T(e.eventStormingType);
 }
 function D(e) {
-	return y(e) && e.eventStormingType === "drawing";
+	return b(e) && E(e.eventStormingType);
+}
+function O(e) {
+	return b(e) && e.eventStormingType === "drawing";
 }
-function De(e) {
-	return y(e) && e.eventStormingType === "note";
+function Ee(e) {
+	return b(e) && e.eventStormingType === "note";
 }
 //#endregion
 //#region src/theme/palette.ts
-var O = {
+var k = {
 	blau: "#335DE5",
 	blauLink: "#2B50D4",
 	blauHell: "#6B8AFF",
@@ -112,7 +112,7 @@ var O = {
 	info: "#335DE5",
 	navy: "#080A20",
 	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
-}, Oe = [
+}, De = [
 	{
 		marker: "***",
 		bold: !0,
@@ -129,28 +129,28 @@ var O = {
 		italic: !0
 	}
 ];
-function k(e) {
+function A(e) {
 	return e.split("\n").map((e) => {
 		let t = e.startsWith("- ");
 		return {
 			bullet: t,
-			runs: je(t ? e.slice(2) : e)
+			runs: Ae(t ? e.slice(2) : e)
 		};
 	});
 }
-function ke(e) {
+function Oe(e) {
 	return e.map((e) => {
-		let t = Ne(e.runs).map((e) => {
+		let t = Me(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 Ae(e) {
-	return k(e).map((e) => (e.bullet ? "• " : "") + e.runs.map((e) => e.text).join("")).join("\n");
+function ke(e) {
+	return A(e).map((e) => (e.bullet ? "• " : "") + e.runs.map((e) => e.text).join("")).join("\n");
 }
-function je(e) {
+function Ae(e) {
 	let t = [], n = "", r = () => {
 		n && t.push({
 			text: n,
@@ -159,17 +159,17 @@ function je(e) {
 		}), n = "";
 	}, i = 0;
 	for (; i < e.length;) {
-		let a = e[i] === "*" ? Me(e, i) : void 0;
+		let a = e[i] === "*" ? je(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(), Ne(t);
+	return r(), Me(t);
 }
-function Me(e, t) {
-	for (let { marker: n, bold: r, italic: i } of Oe) {
+function je(e, t) {
+	for (let { marker: n, bold: r, italic: i } of De) {
 		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 Me(e, t) {
 		};
 	}
 }
-function Ne(e) {
+function Me(e) {
 	let t = [];
 	for (let n of e) {
 		if (!n.text) continue;
@@ -195,7 +195,7 @@ function Ne(e) {
 }
 //#endregion
 //#region src/draw/styles.ts
-var A = {
+var j = {
 	event: {
 		label: "Domain Event",
 		width: 130,
@@ -252,128 +252,224 @@ var A = {
 		fill: "#E85D75",
 		stroke: "#C43B55"
 	}
-}, j = {
+}, M = {
 	label: "Note",
 	fill: "#ECECEC",
 	stroke: "#C4C4C4"
-}, Pe = {
+}, N = {
 	width: 60,
 	height: 40
-}, M = 7.5, Fe = {
-	width: A.aggregate.width,
-	height: A.aggregate.height
+}, P = 7.5, Ne = {
+	width: j.aggregate.width,
+	height: j.aggregate.height
 };
-function N(e) {
-	let t = Ae(e), n = (t && t.length ? t : "note").split("\n"), r = Math.max(1, ...n.map((e) => e.length));
+function F(e) {
+	let t = ke(e), n = (t && t.length ? t : "note").split("\n"), r = Math.max(1, ...n.map((e) => e.length));
 	return {
 		lines: n,
-		width: Math.max(Fe.width, Math.round(r * M) + 16),
-		height: Math.max(Fe.height, n.length * 17 + 16)
+		width: Math.max(Ne.width, Math.round(r * P) + 16),
+		height: Math.max(Ne.height, n.length * 17 + 16)
 	};
 }
-function P(e, t) {
-	let n = N(e);
+function I(e, t) {
+	let n = F(e);
 	return t.width !== n.width || t.height !== n.height;
 }
-var F = {
-	paper: O.grau,
-	ink: O.schwarz,
+var L = {
+	paper: k.grau,
+	ink: k.schwarz,
 	inkSoft: "#5B5B5B",
-	surface: O.weiss,
-	stroke: O.schwarz,
+	surface: k.weiss,
+	stroke: k.schwarz,
 	arrow: "#9E9E9E",
-	accent: O.blau,
+	accent: k.blau,
 	accentSoft: "rgba(51,93,229,0.12)",
-	stickyText: O.schwarz
-}, I = O.schwarz, L = {
+	stickyText: k.schwarz
+}, R = k.schwarz, z = {
 	family: "'Geist Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
 	label: 13
-}, Ie = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="event-storming-palette-svg">${e}</svg>`, Le = (e, t, n = 0) => Ie(`<rect x="4" y="5" width="16" height="14" fill="${e}" stroke="${t}" stroke-width="1.5"${n ? ` transform="rotate(${n} 12 12)"` : ""}/>`), Re = (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>`, R = {
-	draw: Re("<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: Re("<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: Le(j.fill, j.stroke)
+}, Pe = "geometricPrecision", B = `italic 11px ${z.family}`;
+function V(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;
+	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 {
+		x: n.x + r * s,
+		y: n.y + i * s
+	};
+}
+function Ie(e) {
+	let t = e.source, n = e.target, r = e.waypoints;
+	if (!t || !n) {
+		let e = r[0] ?? {
+			x: 0,
+			y: 0
+		};
+		return [e, r[r.length - 1] ?? e];
+	}
+	let i = V(t), a = V(n), o = Fe(t, a), s = Fe(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);
+	return {
+		x: (t.x + n.x) / 2,
+		y: (t.y + n.y) / 2 - 5
+	};
+}
+function Re(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);
+	return {
+		x: i.x - n / 2,
+		y: i.y - r / 2,
+		width: n,
+		height: r
+	};
+}
+function ze(e) {
+	if (!e.linkLabel) return;
+	let t = Le(e), { advance: n, left: r, right: i, ascent: a, descent: o } = We(e.linkLabel);
+	return {
+		x: t.x - n / 2 + r,
+		y: t.y - a,
+		width: i - r,
+		height: a + o
+	};
+}
+var Be;
+function Ve() {
+	return Be ??= typeof document < "u" && typeof CanvasRenderingContext2D < "u" ? document.createElement("canvas").getContext("2d") : null, Be;
+}
+function He(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);
+}
+function Ue(e) {
+	return e.replace(/[ \t\n\r]+/g, " ").replace(/^ | $/g, "");
+}
+function We(e) {
+	let t = Ue(e), n = Ve();
+	if (!n) {
+		let e = t.length * 11 * (P / z.label);
+		return {
+			advance: e,
+			left: 0,
+			right: e,
+			ascent: 11,
+			descent: 11 / 4
+		};
+	}
+	n.font = B, n.textRendering = Pe;
+	let r = n.measureText(t);
+	return {
+		advance: r.width,
+		left: Math.min(0, -r.actualBoundingBoxLeft),
+		right: Math.max(r.width, r.actualBoundingBoxRight),
+		ascent: r.fontBoundingBoxAscent,
+		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)
 };
-for (let e of x) {
-	let t = A[e];
-	R[e] = Le(t.fill, t.stroke, e === "hotspot" ? -6 : 0);
+for (let e of S) {
+	let t = j[e];
+	H[e] = Ke(t.fill, t.stroke, e === "hotspot" ? -6 : 0);
 }
-function ze(e, t) {
+function Je(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 z(e) {
+function Ye(e) {
 	if (e.freeArea) return e.freeArea;
 	let t = e.freeRectInsets;
 	return t ? { insets: t } : void 0;
 }
-var Be = 24, B = "stickies-1", V = "stickies-2", Ve = "stickies-3", He = [
+var Xe = 24, U = "stickies-1", Ze = "stickies-2", Qe = "stickies-3", $e = [
 	{
 		key: "event",
 		type: "event",
-		label: A.event.label,
+		label: j.event.label,
 		title: "Domain event",
 		shortcut: "E",
-		group: B
+		group: U
 	},
 	{
 		key: "command",
 		type: "command",
-		label: A.command.label,
+		label: j.command.label,
 		title: "Command",
 		shortcut: "C",
-		group: B
+		group: U
 	},
 	{
 		key: "actor",
 		type: "actor",
-		label: A.actor.label,
+		label: j.actor.label,
 		title: "Actor",
-		group: B
+		group: U
 	},
 	{
 		key: "aggregate",
 		type: "aggregate",
-		label: A.aggregate.label,
+		label: j.aggregate.label,
 		title: "Aggregate",
-		group: B
+		group: U
 	},
 	{
 		key: "policy",
 		type: "policy",
-		label: A.policy.label,
+		label: j.policy.label,
 		title: "Policy",
-		group: V
+		group: Ze
 	},
 	{
 		key: "readmodel",
 		type: "readmodel",
-		label: A.readmodel.label,
+		label: j.readmodel.label,
 		title: "Read model",
-		group: V
+		group: Ze
 	},
 	{
 		key: "external",
 		type: "external",
-		label: A.external.label,
+		label: j.external.label,
 		title: "External system",
-		group: V
+		group: Ze
 	},
 	{
 		key: "hotspot",
 		type: "hotspot",
-		label: A.hotspot.label,
+		label: j.hotspot.label,
 		title: "Hotspot",
-		group: Ve
+		group: Qe
 	},
 	{
 		key: "note",
 		type: "note",
-		label: j.label,
+		label: M.label,
 		title: "Note",
-		group: Ve
+		group: Qe
 	}
-], Ue = class {
+], et = class {
 	create;
 	factory;
 	lassoTool;
@@ -413,26 +509,26 @@ var Be = 24, B = "stickies-1", V = "stickies-2", Ve = "stickies-3", He = [
 			group: "tools",
 			title: "Lasso",
 			shortcut: "L",
-			html: `<div class="entry event-storming-palette-entry">${R.lasso}</div>`,
+			html: `<div class="entry event-storming-palette-entry">${H.lasso}</div>`,
 			action: { click: (e) => this.lassoTool.activateSelection(e) }
 		}, e["draw-tool"] = {
 			group: "tools",
 			title: "Draw",
-			html: `<div class="entry event-storming-palette-entry">${R.draw}</div>`,
+			html: `<div class="entry event-storming-palette-entry">${H.draw}</div>`,
 			action: { click: () => this.drawTool.toggle() }
 		};
 		let t = o[this.eventStormingModeling.getLevel()];
-		for (let n of He) {
+		for (let n of $e) {
 			if (n.type !== "note" && !t.includes(n.type)) continue;
 			let r = (e) => {
 				let t = this.factory.createNew(n.type, n.label);
-				We(e) && this.placeInFreeRect(t) || this.create.start(e, t);
+				tt(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">${R[n.key]}</div>`,
+				html: `<div class="entry event-storming-palette-entry" draggable="true">${H[n.key]}</div>`,
 				action: {
 					dragstart: r,
 					click: r
@@ -444,13 +540,13 @@ var Be = 24, B = "stickies-1", V = "stickies-2", Ve = "stickies-3", He = [
 	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(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 += Be, a.y += Be;
+		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 s = n.createShape(e, a, t.getRootElement());
 		return r.select(s), t.focus(), this.labelEditing?.activate(s), !0;
 	}
 	freeAreaCentre(e) {
-		let t = this.config && z(this.config), n = t?.center?.();
+		let t = this.config && Ye(this.config), n = t?.center?.();
 		if (n) return {
 			x: n.x,
 			y: n.y
@@ -467,27 +563,31 @@ var Be = 24, B = "stickies-1", V = "stickies-2", Ve = "stickies-3", He = [
 		};
 	}
 };
-function We(e) {
+function tt(e) {
 	return e.type === "click" && e.detail === 0;
 }
 //#endregion
 //#region src/EventStormingBaseViewer.ts
-function Ge(e) {
+function nt(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 Ke(e) {
+function rt(e) {
+	return e.edges.flatMap((e) => e.label ? [e.label] : []);
+}
+function it(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var qe = class {
+var at = class {
 	_diagram;
 	_container;
 	_options;
+	_waitingImport;
 	constructor(e = {}) {
 		this._options = e, this._container = this._createContainer(e);
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("event-storming-container"), t.style.width = Ke(e.width ?? "100%"), t.style.height = Ke(e.height ?? (e.container ? "100%" : "600px")), t;
+		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;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -496,7 +596,7 @@ var qe = class {
 				canvas: { container: this._container },
 				modules: t,
 				eventStormingKeyboard: { undoRedoKeys: this._options.undoRedoKeys ?? !0 },
-				eventStormingPalette: { freeArea: z(this._options) },
+				eventStormingPalette: { freeArea: Ye(this._options) },
 				eventStormingImporter: { fitOnImport: this._options.fitOnImport ?? !0 }
 			});
 		}
@@ -513,11 +613,19 @@ var qe = class {
 	}
 	async importMap(e) {
 		let t = this._ensureDiagram(), n = t.get("eventBus"), r = t.get("eventStormingImporter");
-		Ge(e), s(e);
-		let i = t.get("eventStormingLabelEditing", !1);
-		i?.suspend(), t.get("popupMenu", !1)?.close(), r.clear();
-		let a = r.import(e);
-		return t.get("commandStack", !1)?.clear(!1), n.fire("import.done", { warnings: a }), i?.resumeAfterImport(), { warnings: a };
+		nt(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);
+		a?.suspend(), t.get("popupMenu", !1)?.close(), r.clear();
+		let o = r.import(e);
+		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);
+		if (t.length === 0) return;
+		let n = Promise.all(t);
+		return this._waitingImport = n, n;
 	}
 	async importDSL(e) {
 		let t = this._ensureDiagram().get("eventBus");
@@ -540,8 +648,13 @@ var qe = class {
 	exportDSL() {
 		return u(this.exportMap());
 	}
+	contentBounds() {
+		if (!this._diagram) return;
+		let e = this._diagram.get("boardBounds");
+		return e.isEmpty() ? void 0 : e.contentBounds(0);
+	}
 	async saveSVG() {
-		return we(this.get("canvas"), this.get("boardBounds").contentBounds());
+		return Ce(this.get("canvas"), this.get("boardBounds").contentBounds());
 	}
 	attachTo(e) {
 		e.appendChild(this._container), this.get("canvas").resized();
@@ -558,15 +671,15 @@ var qe = class {
 	get container() {
 		return this._container;
 	}
-}, Je = "0123456789abcdefghijklmnopqrstuvwxyz", Ye = 252;
-function Xe() {
+}, ot = "0123456789abcdefghijklmnopqrstuvwxyz", st = 252;
+function ct() {
 	let e = "";
-	for (; e.length < 8;) for (let t of globalThis.crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(8))) t >= Ye || e.length === 8 || (e += Je[t % 36]);
+	for (; e.length < 8;) for (let t of globalThis.crypto.getRandomValues(/* @__PURE__ */ new Uint8Array(8))) t >= st || e.length === 8 || (e += ot[t % 36]);
 	return e;
 }
 //#endregion
 //#region src/model/EventStormingElementFactory.ts
-var Ze = {
+var lt = {
 	event: "event",
 	command: "cmd",
 	actor: "actor",
@@ -577,7 +690,7 @@ var Ze = {
 	hotspot: "hot",
 	note: "note",
 	drawing: "draw"
-}, Qe = class {
+}, ut = class {
 	elementFactory;
 	elementRegistry;
 	static $inject = ["elementFactory", "elementRegistry"];
@@ -596,15 +709,15 @@ var Ze = {
 		return `${e} ${n}`;
 	}
 	allocateId(e, t) {
-		let n = Ze[e];
+		let n = lt[e];
 		for (;;) {
-			let e = `${n}_${Xe()}`;
+			let e = `${n}_${ct()}`;
 			if (!this.elementRegistry.get(e) && !t?.has(e)) return e;
 		}
 	}
 	createSticky(e) {
-		if (!S(e.elementType)) throw Error(`not a sticky kind: ${e.elementType}`);
-		let { width: t, height: n } = A[e.elementType];
+		if (!C(e.elementType)) throw Error(`not a sticky kind: ${e.elementType}`);
+		let { width: t, height: n } = j[e.elementType];
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: e.position.x - t / 2,
@@ -618,7 +731,7 @@ var Ze = {
 		});
 	}
 	createNote(e) {
-		let { width: t, height: n } = e.size ?? N(e.label), r = e.align?.horizontal, i = e.align?.vertical;
+		let { width: t, height: n } = e.size ?? F(e.label), r = e.align?.horizontal, i = e.align?.vertical;
 		return this.elementFactory.createShape({
 			id: e.id,
 			x: e.position.x - t / 2,
@@ -663,7 +776,7 @@ var Ze = {
 		});
 	}
 	createNew(e, t) {
-		let n = this.uniqueLabel(t), { width: r, height: i } = S(e) ? A[e] : N(n);
+		let n = this.uniqueLabel(t), { width: r, height: i } = C(e) ? j[e] : F(n);
 		return this.elementFactory.createShape({
 			id: this.allocateId(e),
 			width: r,
@@ -673,7 +786,7 @@ var Ze = {
 		});
 	}
 	createProvisional() {
-		let { width: e, height: t } = A.event;
+		let { width: e, height: t } = j.event;
 		return this.elementFactory.createShape({
 			id: this.allocateId("event"),
 			width: e,
@@ -688,14 +801,14 @@ var Ze = {
 			id: e.id,
 			source: t,
 			target: n,
-			waypoints: [$e(t), $e(n)],
+			waypoints: [dt(t), dt(n)],
 			eventStormingType: "arrow",
 			...e.label ? { linkLabel: e.label } : {},
 			businessObject: e
 		});
 	}
 };
-function $e(e) {
+function dt(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
@@ -703,149 +816,97 @@ function $e(e) {
 }
 //#endregion
 //#region src/model/index.ts
-var et = { eventStormingElementFactory: ["type", Qe] };
-//#endregion
-//#region src/board-bounds/BoardBounds.ts
-function tt(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 nt = class {
-	elementRegistry;
-	static $inject = ["elementRegistry"];
-	constructor(e) {
-		this.elementRegistry = e;
-	}
-	contentBounds(e = 120) {
-		let t = this.positionedShapes();
-		if (!t.length) return {
-			x: 0,
-			y: 0,
-			...i
-		};
-		let n = Math.min(...t.map((e) => e.x)), r = Math.min(...t.map((e) => e.y)), a = Math.max(...t.map((e) => e.x + e.width)), o = Math.max(...t.map((e) => e.y + e.height));
-		return {
-			x: n - e,
-			y: r - e,
-			width: a - n + 2 * e,
-			height: o - r + 2 * e
-		};
-	}
-	isEmpty() {
-		return this.positionedShapes().length === 0;
-	}
-	positionedShapes() {
-		return this.elementRegistry.getAll().filter(tt);
-	}
-}, rt = { boardBounds: ["type", nt] }, it = "eventStorming.viewOptions.changed", at = class {
-	eventBus;
-	elementRegistry;
-	static $inject = ["eventBus", "elementRegistry"];
-	_typeCaptionsVisible = !0;
-	constructor(e, t) {
-		this.eventBus = e, this.elementRegistry = t;
-	}
-	typeCaptionsVisible() {
-		return this._typeCaptionsVisible;
-	}
-	setTypeCaptionsVisible(e) {
-		if (e === this._typeCaptionsVisible) return;
-		this._typeCaptionsVisible = e, this.eventBus.fire(it, { typeCaptionsVisible: e });
-		let t = this.elementRegistry.filter(C);
-		t.length && this.eventBus.fire("elements.changed", { elements: t });
-	}
-}, H = {
-	__depends__: [d],
-	eventStormingViewOptions: ["type", at]
-}, ot = 1500, st = -3, ct = "event-storming-kind-caption", lt = 9, ut = 300, dt = F.stickyText, ft = 7, pt = "#FBFBFB", mt = "#B9B9B9", ht = "6 4", gt = "event-storming-sticky-shadow";
-function _t(e) {
+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) {
 	let t = e.closest("svg");
 	if (!t) return !1;
 	if (t.querySelector("#event-storming-sticky-shadow")) return !0;
-	let n = m(h("feDropShadow"), {
+	let n = p(m("feDropShadow"), {
 		dx: 0,
 		dy: 5,
 		stdDeviation: 5,
 		"flood-color": "#000000",
 		"flood-opacity": .2
-	}), r = m(h("filter"), {
-		id: gt,
+	}), r = p(m("filter"), {
+		id: St,
 		x: "-40%",
 		y: "-40%",
 		width: "180%",
 		height: "180%"
 	});
-	p(r, n);
-	let i = h("defs");
-	return p(i, r), t.insertBefore(i, t.firstChild), !0;
+	f(r, n);
+	let i = m("defs");
+	return f(i, r), t.insertBefore(i, t.firstChild), !0;
 }
-var vt = class extends f {
+var wt = class extends d {
 	viewOptions;
 	static $inject = ["eventBus", "eventStormingViewOptions"];
 	constructor(e, t) {
-		super(e, ot), this.viewOptions = t;
+		super(e, pt), this.viewOptions = t;
 	}
 	canRender(e) {
-		return y(e) || b(e);
+		return b(e) || x(e);
 	}
 	drawShape(e, t) {
 		let n = t;
 		return n.eventStormingType === "drawing" ? this.drawDrawing(e, n) : this.drawSticky(e, n);
 	}
 	drawDrawing(e, t) {
-		let n = t.drawingPoints ?? [], r = t.strokeStyle === "dashed" ? "8 5" : t.strokeStyle === "dotted" ? "2 4" : void 0, i = m(h(t.closed ? "polygon" : "polyline"), {
+		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 ?? I,
+			stroke: t.color ?? R,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			...r ? { "stroke-dasharray": r } : {}
 		});
-		return p(e, i), i;
+		return f(e, i), i;
 	}
 	drawSticky(e, t) {
-		let n = t.eventStormingType, r = S(n) ? A[n] : j, i = t.provisional === !0, a = e;
+		let n = t.eventStormingType, r = C(n) ? j[n] : M, i = t.provisional === !0, a = e;
 		if (n === "hotspot") {
-			let n = m(h("g"), { transform: `rotate(${st} ${t.width / 2} ${t.height / 2})` });
-			p(e, n), a = n;
+			let n = p(m("g"), { transform: `rotate(-3 ${t.width / 2} ${t.height / 2})` });
+			f(e, n), a = n;
 		}
-		let o = m(h("rect"), {
+		let o = p(m("rect"), {
 			x: 0,
 			y: 0,
 			width: Math.max(t.width, 1),
 			height: Math.max(t.height, 1),
 			rx: 0,
-			fill: i ? pt : t.color ?? r.fill,
-			stroke: i ? mt : r.stroke,
+			fill: i ? yt : t.color ?? r.fill,
+			stroke: i ? bt : r.stroke,
 			"stroke-width": 1.5,
-			...i ? { "stroke-dasharray": ht } : {}
+			...i ? { "stroke-dasharray": xt } : {}
 		});
-		if (_t(e) && o.setAttribute("filter", `url(#${gt})`), p(a, o), i) return o;
-		if (n === "note" ? Ct(a, t) : bt(a, t), S(n) && this.viewOptions.typeCaptionsVisible()) {
-			let e = U(A[n].label, t.width / 2, t.height - ft, {
+		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, {
 				"text-anchor": "middle",
-				"font-size": lt,
-				fill: dt
+				"font-size": ht,
+				fill: _t
 			});
-			e.setAttribute("class", ct), e.setAttribute("font-weight", String(ut)), p(a, e);
+			e.setAttribute("class", mt), e.setAttribute("font-weight", String(gt)), f(a, e);
 		}
 		return o;
 	}
 	drawConnection(e, t) {
-		let n = t, [r, i] = At(n), a = m(h("polyline"), {
+		let n = t, [r, i] = Ie(n), a = p(m("polyline"), {
 			points: `${r.x},${r.y} ${i.x},${i.y}`,
 			fill: "none",
-			stroke: F.arrow,
+			stroke: L.arrow,
 			"stroke-width": 1.5,
 			"stroke-linecap": "round"
 		});
-		if (p(e, a), p(e, Ot(r, i, F.arrow, 11, 5)), n.linkLabel) {
-			let t = (r.x + i.x) / 2, a = (r.y + i.y) / 2;
-			p(e, U(n.linkLabel, t, a - 5, {
+		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, {
 				"text-anchor": "middle",
 				"font-size": 11,
 				"font-style": "italic",
-				fill: F.inkSoft
+				"text-rendering": Pe,
+				fill: L.inkSoft
 			}));
 		}
 		return a;
@@ -859,7 +920,7 @@ var vt = class extends f {
 		return t ? `M${t.x},${t.y}` + n.map((e) => `L${e.x},${e.y}`).join("") : "";
 	}
 };
-function yt(e, t) {
+function Tt(e, t) {
 	let n = e.split(/\s+/).filter((e) => e.length);
 	if (!n.length) return [""];
 	let r = [], i = "";
@@ -876,25 +937,25 @@ function yt(e, t) {
 	}
 	return r.push(i), r;
 }
-function bt(e, t) {
-	let n = t.width - 16, r = Math.max(1, Math.floor(n / M)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = (t.eventStormingLabel ?? "").split("\n").flatMap((e) => yt(e, r)).slice(0, i), o = t.width / 2, s = t.height / 2 - (a.length - 1) * 17 / 2 + 4;
+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) => {
-		p(e, U(t, o, s + n * 17, {
+		f(e, Pt(t, o, s + n * 17, {
 			"text-anchor": "middle",
-			fill: F.stickyText
+			fill: L.stickyText
 		}));
 	});
 }
-var xt = 2, St = 12.5;
-function Ct(e, t) {
-	let n = t.width - 16, r = Math.max(1, Math.floor(n / M)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = k(t.eventStormingLabel ?? "").flatMap((e) => wt(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;
+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 = m(h("text"), {
+		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 + St,
-			"font-family": L.family,
-			"font-size": L.label,
-			fill: F.stickyText,
+			y: u + r * 17 + Ot,
+			"font-family": z.family,
+			"font-size": z.label,
+			fill: L.stickyText,
 			"text-anchor": c
 		}), s = n.marker ? [{
 			text: "• ",
@@ -902,25 +963,25 @@ function Ct(e, t) {
 			italic: !1
 		}, ...n.runs] : n.runs;
 		for (let e of s) {
-			let t = h("tspan");
-			t.textContent = e.text, e.bold && t.setAttribute("font-weight", "600"), e.italic && t.setAttribute("font-style", "italic"), p(a, t);
+			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);
 		}
-		p(e, a);
+		f(e, a);
 	});
 }
-function wt(e, t) {
-	let n = Math.max(1, t - (e.bullet ? xt : 0));
-	return Tt(e.runs, n).map((t, n) => ({
+function At(e, t) {
+	let n = Math.max(1, t - (e.bullet ? Dt : 0));
+	return jt(e.runs, n).map((t, n) => ({
 		runs: t,
 		marker: e.bullet && n === 0,
 		indent: e.bullet && n > 0
 	}));
 }
-function Tt(e, t) {
+function jt(e, t) {
 	let n = e.map((e) => e.text).join("");
-	return n.length <= t ? [e] : Et(n, t).map(([t, n]) => Dt(e, t, n));
+	return n.length <= t ? [e] : Mt(n, t).map(([t, n]) => Nt(e, t, n));
 }
-function Et(e, t) {
+function Mt(e, t) {
 	let n = [...e.matchAll(/\S+/g)];
 	if (!n.length) return [[0, 0]];
 	let r = [], i = -1, a = -1, o = () => {
@@ -935,7 +996,7 @@ function Et(e, t) {
 	}
 	return o(), r;
 }
-function Dt(e, t, n) {
+function Nt(e, t, n) {
 	let r = [], i = 0;
 	for (let a of e) {
 		let e = i;
@@ -949,58 +1010,93 @@ function Dt(e, t, n) {
 	}
 	return r;
 }
-function U(e, t, n, r = {}) {
-	let i = m(h("text"), {
+function Pt(e, t, n, r = {}) {
+	let i = p(m("text"), {
 		x: t,
 		y: n,
-		"font-family": L.family,
-		"font-size": L.label,
-		fill: F.ink,
+		"font-family": z.family,
+		"font-size": z.label,
+		fill: L.ink,
 		...r
 	});
 	return i.textContent = e, i;
 }
-function Ot(e, t, n, r = 10, i = 5) {
+function Ft(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 m(h("polygon"), {
+	return p(m("polygon"), {
 		points: c,
 		fill: n
 	});
 }
-function W(e) {
-	return {
-		x: e.x + e.width / 2,
-		y: e.y + e.height / 2
-	};
-}
-function kt(e, t) {
-	let n = W(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 {
-		x: n.x + r * s,
-		y: n.y + i * s
-	};
+//#endregion
+//#region src/view-options/EventStormingViewOptions.ts
+var It = "eventStorming.viewOptions.changed", Lt = class {
+	eventBus;
+	elementRegistry;
+	static $inject = ["eventBus", "elementRegistry"];
+	_typeCaptionsVisible = !0;
+	constructor(e, t) {
+		this.eventBus = e, this.elementRegistry = t;
+	}
+	typeCaptionsVisible() {
+		return this._typeCaptionsVisible;
+	}
+	setTypeCaptionsVisible(e) {
+		if (e === this._typeCaptionsVisible) return;
+		this._typeCaptionsVisible = e, this.eventBus.fire(It, { typeCaptionsVisible: e });
+		let t = this.elementRegistry.filter(w);
+		t.length && this.eventBus.fire("elements.changed", { elements: t });
+	}
+}, Rt = {
+	__depends__: [g],
+	eventStormingViewOptions: ["type", Lt]
+}, zt = {
+	__depends__: [Rt],
+	__init__: ["eventStormingRenderer"],
+	eventStormingRenderer: ["type", wt]
+};
+//#endregion
+//#region src/board-bounds/BoardBounds.ts
+function Bt(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";
 }
-function At(e) {
-	let t = e.source, n = e.target, r = e.waypoints;
-	if (!t || !n) {
-		let e = r[0] ?? {
+var Vt = class {
+	elementRegistry;
+	static $inject = ["elementRegistry"];
+	constructor(e) {
+		this.elementRegistry = e;
+	}
+	contentBounds(e = 120) {
+		let t = this.drawnBoxes();
+		if (!t.length) return {
 			x: 0,
-			y: 0
+			y: 0,
+			...i
+		};
+		let n = Math.min(...t.map((e) => e.x)), r = Math.min(...t.map((e) => e.y)), a = Math.max(...t.map((e) => e.x + e.width)), o = Math.max(...t.map((e) => e.y + e.height));
+		return {
+			x: n - e,
+			y: r - e,
+			width: a - n + 2 * e,
+			height: o - r + 2 * e
 		};
-		return [e, r[r.length - 1] ?? e];
 	}
-	let i = W(t), a = W(n), o = kt(t, a), s = kt(n, i);
-	return (a.x - i.x) * (s.x - o.x) + (a.y - i.y) * (s.y - o.y) <= 0 ? [i, a] : [o, s];
-}
-//#endregion
-//#region src/draw/index.ts
-var jt = {
-	__depends__: [H],
-	__init__: ["eventStormingRenderer"],
-	eventStormingRenderer: ["type", vt]
-}, Mt = { drawing: 0 }, Nt = .001, Pt = class {
+	isEmpty() {
+		return this.positionedShapes().length === 0;
+	}
+	drawnBoxes() {
+		let e = this.positionedShapes().map(Re);
+		for (let t of this.elementRegistry.getAll()) {
+			if (!x(t)) continue;
+			let n = ze(t);
+			n && e.push(n);
+		}
+		return e;
+	}
+	positionedShapes() {
+		return this.elementRegistry.getAll().filter(Bt);
+	}
+}, Ht = { boardBounds: ["type", Vt] }, Ut = { drawing: 0 }, Wt = .001, Gt = class {
 	canvas;
 	elementFactory;
 	factory;
@@ -1028,7 +1124,7 @@ var jt = {
 			...e.rawPassthrough ? { rawPassthrough: e.rawPassthrough } : {}
 		}, r = this.boardRoot();
 		r.businessObject = n;
-		let i = /* @__PURE__ */ new Map(), a = [...e.elements].sort((e, t) => (Mt[e.elementType] ?? 9) - (Mt[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) => (Ut[e.elementType] ?? 9) - (Ut[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);
@@ -1041,7 +1137,7 @@ var jt = {
 			let n = "attachedTo" in e ? e.attachedTo : void 0;
 			if (!n) continue;
 			let r = i.get(n);
-			!r || !E(r) ? t.push({
+			!r || !D(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;
@@ -1061,8 +1157,8 @@ var jt = {
 		return this.config?.fitOnImport !== !1 && this.fitToContent(), this.eventBus.fire("import.render.done", { warnings: t }), t;
 	}
 	boardRoot() {
-		let e = this.elementRegistry.get(v);
-		e || (e = this.elementFactory.createRoot({ id: v }), this.canvas.setRootElement(e));
+		let e = this.elementRegistry.get(y);
+		e || (e = this.elementFactory.createRoot({ id: y }), this.canvas.setRootElement(e));
 		for (let t of this.canvas.getRootElements()) t !== e && this.canvas.removeRootElement(t);
 		return e;
 	}
@@ -1072,7 +1168,7 @@ var jt = {
 			this.canvas.viewbox(e);
 			return;
 		}
-		let r = this.boardBounds.isEmpty() ? 1 : Math.max(Math.min(t / e.width, n / e.height, 1), Nt);
+		let r = this.boardBounds.isEmpty() ? 1 : Math.max(Math.min(t / e.width, n / e.height, 1), Wt);
 		this.canvas.viewbox({
 			x: e.x + e.width / 2 - t / 2 / r,
 			y: e.y + e.height / 2 - n / 2 / r,
@@ -1097,23 +1193,23 @@ var jt = {
 			} catch {}
 		}
 	}
-}, Ft = class {
+}, Kt = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
 		this.elementRegistry = e;
 	}
 	export() {
-		let e = this.elementRegistry.get(v)?.businessObject, t = e?.config ?? { title: "Untitled Board" }, r = [], i = [];
+		let e = this.elementRegistry.get(y)?.businessObject, t = e?.config ?? { title: "Untitled Board" }, r = [], i = [];
 		for (let e of this.elementRegistry.getAll()) if (e.id !== "event-storming-root") {
-			if (b(e)) i.push({
+			if (x(e)) i.push({
 				id: e.id,
 				edgeType: "arrow",
 				from: e.source?.id ?? "",
 				to: e.target?.id ?? "",
 				...e.linkLabel ? { label: e.linkLabel } : {}
 			});
-			else if (y(e)) {
+			else if (b(e)) {
 				let t = this.buildElement(e);
 				t && r.push(t);
 			}
@@ -1144,10 +1240,10 @@ var jt = {
 				...e.color ? { color: e.color } : {}
 			};
 		}
-		let t = e.eventStormingType === "note" && P(e.eventStormingLabel, e) ? {
+		let t = e.eventStormingType === "note" && I(e.eventStormingLabel, e) ? {
 			width: e.width,
 			height: e.height
-		} : void 0, n = e.eventStormingType === "note" ? It(e) : void 0;
+		} : void 0, n = e.eventStormingType === "note" ? qt(e) : void 0;
 		return {
 			id: e.id,
 			elementType: e.eventStormingType,
@@ -1163,7 +1259,7 @@ var jt = {
 		};
 	}
 };
-function It(e) {
+function qt(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 } : {},
@@ -1172,62 +1268,62 @@ function It(e) {
 }
 //#endregion
 //#region src/io/warnings.ts
-function Lt(e) {
+function Jt(e) {
 	return e.source === void 0 ? e.message : `${e.message} (“${e.source}”)`;
 }
 //#endregion
 //#region src/io/index.ts
-var Rt = {
-	eventStormingImporter: ["type", Pt],
-	eventStormingExporter: ["type", Ft]
-}, zt = class extends qe {
+var Yt = {
+	eventStormingImporter: ["type", Gt],
+	eventStormingExporter: ["type", Kt]
+}, Xt = class extends at {
 	_getModules() {
 		return [
-			et,
-			rt,
-			H,
-			jt,
-			Rt
+			ft,
+			Ht,
+			Rt,
+			zt,
+			Yt
 		];
 	}
-}, Bt = class extends zt {
+}, Zt = class extends Xt {
 	_getModules() {
 		return [
 			...super._getModules(),
 			_,
+			v,
 			ee,
-			te,
-			ne
+			te
 		];
 	}
-}, Vt = class extends pe {
+}, Qt = class extends fe {
 	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 && !w(i) && t.updateAttachment(a, void 0), a.attachers?.length && !T(i)) for (let e of [...a.attachers]) t.updateAttachment(e, void 0);
+			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);
 		});
 	}
-}, Ht = {
-	__depends__: [fe],
+}, $t = {
+	__depends__: [de],
 	__init__: ["eventStormingAttachBehavior"],
-	eventStormingAttachBehavior: ["type", Vt]
+	eventStormingAttachBehavior: ["type", Qt]
 };
 //#endregion
 //#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function Ut(e, t, n) {
+function en(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var Wt = [
+var tn = [
 	"x",
 	"y",
 	"width",
 	"height"
 ];
-function Gt(e, t) {
-	if (!t.some((e) => Wt.includes(e))) return [e];
+function nn(e, t) {
+	if (!t.some((e) => tn.includes(e))) return [e];
 	let n = e;
 	return [
 		e,
@@ -1235,18 +1331,18 @@ function Gt(e, t) {
 		...n.outgoing ?? []
 	];
 }
-var Kt = class {
+var rn = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], Ut(r, e, n[e]);
-		return e.oldProperties = i, Gt(t, Object.keys(n));
+		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));
 	}
 	revert(e) {
 		let { element: t, oldProperties: n } = e, r = t;
-		if (n) for (let e of Object.keys(n)) Ut(r, e, n[e]);
-		return Gt(t, Object.keys(n ?? {}));
+		if (n) for (let e of Object.keys(n)) en(r, e, n[e]);
+		return nn(t, Object.keys(n ?? {}));
 	}
-}, qt = "element.updateProperties", Jt = class {
+}, an = "element.updateProperties", on = class {
 	commandStack;
 	canvas;
 	elementRegistry;
@@ -1256,17 +1352,17 @@ var Kt = class {
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		this.commandStack = e, this.canvas = t, this.elementRegistry = n, e.registerHandler(qt, Kt);
+		this.commandStack = e, this.canvas = t, this.elementRegistry = n, e.registerHandler(an, rn);
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(qt, {
+		this.commandStack.execute(an, {
 			element: e,
 			properties: t
 		});
 	}
 	updateLabel(e, t) {
-		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;
+		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;
 			this.updateProperties(e, {
 				eventStormingLabel: t,
 				width: n,
@@ -1277,9 +1373,9 @@ var Kt = class {
 		} else this.updateProperties(e, { eventStormingLabel: t });
 	}
 	setStickyKind(e, t) {
-		if (!S(e.eventStormingType) || !S(t)) throw Error("setStickyKind: only sticky kinds can be retyped");
+		if (!C(e.eventStormingType) || !C(t)) throw Error("setStickyKind: only sticky kinds can be retyped");
 		if (e.eventStormingType === t && !e.provisional) return;
-		let { width: n, height: r } = A[t], i = e.x + e.width / 2, a = e.y + e.height / 2;
+		let { width: n, height: r } = j[t], i = e.x + e.width / 2, a = e.y + e.height / 2;
 		this.updateProperties(e, {
 			eventStormingType: t,
 			...e.provisional ? { provisional: void 0 } : {},
@@ -1301,7 +1397,7 @@ var Kt = class {
 	setLevel(e) {
 		if (this.getLevel() === e) return;
 		let t = this.root(), n = t.businessObject ?? { config: { title: "Untitled Board" } };
-		this.commandStack.execute(qt, {
+		this.commandStack.execute(an, {
 			element: t,
 			properties: { businessObject: {
 				...n,
@@ -1315,7 +1411,7 @@ var Kt = class {
 	root() {
 		return this.elementRegistry.get("event-storming-root") ?? this.canvas.getRootElement();
 	}
-}, Yt = 24, Xt = [
+}, sn = 24, cn = [
 	"eventStormingType",
 	"color",
 	"drawingPoints",
@@ -1323,8 +1419,8 @@ var Kt = class {
 	"strokeStyle",
 	"alignHorizontal",
 	"alignVertical"
-], Zt = ["eventStormingType", "linkLabel"];
-function Qt(e, t) {
+], ln = ["eventStormingType", "linkLabel"];
+function un(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r];
@@ -1332,7 +1428,7 @@ function Qt(e, t) {
 	}
 	return n;
 }
-var $t = class {
+var dn = class {
 	selection;
 	modeling;
 	elementFactory;
@@ -1355,23 +1451,23 @@ var $t = 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) => y(e));
+		let e = this.selection.get().filter((e) => b(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 (!b(e) || r.has(e)) continue;
+			if (!x(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: Qt(e, Zt)
+				props: un(e, ln)
 			}));
 		}
 		return this.clipboard = {
 			shapes: e.map((e) => {
 				let n = e.host ? t.get(e.host) : void 0;
 				return {
-					props: Qt(e, Xt),
+					props: un(e, cn),
 					x: e.x,
 					y: e.y,
 					width: e.width,
@@ -1412,26 +1508,26 @@ var $t = class {
 				...structuredClone(e.props),
 				source: n[e.sourceIdx],
 				target: n[e.targetIdx],
-				waypoints: [en(n[e.sourceIdx]), en(n[e.targetIdx])]
+				waypoints: [fn(n[e.sourceIdx]), fn(n[e.targetIdx])]
 			}))
 		};
 	}
 	insertWithOffset(e) {
 		this.pasteCount++;
-		let t = Yt * this.pasteCount, n = tn(e.shapes), r = this.modeling.createElements([...e.shapes, ...e.connections], {
+		let t = sn * this.pasteCount, n = pn(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 en(e) {
+function fn(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-function tn(e) {
+function pn(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,
@@ -1440,13 +1536,13 @@ function tn(e) {
 }
 //#endregion
 //#region src/modeling/index.ts
-var nn = {
-	__depends__: [me, ae],
+var mn = {
+	__depends__: [pe, ie],
 	__init__: ["eventStormingModeling"],
-	eventStormingModeling: ["type", Jt],
-	eventStormingCopyPaste: ["type", $t]
-}, rn = {
-	__depends__: [he],
+	eventStormingModeling: ["type", on],
+	eventStormingCopyPaste: ["type", dn]
+}, hn = {
+	__depends__: [me],
 	__init__: ["eventStormingLassoBehavior"],
 	eventStormingLassoBehavior: ["type", class {
 		static $inject = [
@@ -1471,43 +1567,43 @@ var nn = {
 };
 //#endregion
 //#region src/rules/EventStormingRules.ts
-function an(e, t) {
+function gn(e, t) {
 	return (e.outgoing ?? []).some((e) => e.target === t);
 }
-function on(e, t) {
-	return e.length !== 1 || !Ee(e[0]) || !E(t) ? !1 : "attach";
+function _n(e, t) {
+	return e.length !== 1 || !Te(e[0]) || !D(t) ? !1 : "attach";
 }
-var sn = class extends ge {
+var vn = class extends he {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule("connection.start", (e) => C(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => w(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e;
-			return !C(t) || !C(n) || t === n || an(t, n) ? !1 : { eventStormingType: "arrow" };
-		}), this.addRule(["shape.move", "elements.move"], (e) => on(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 (!De(e.shape)) return !1;
+			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;
 			let { newBounds: t } = e;
-			return !t || t.width >= Pe.width && t.height >= Pe.height;
+			return !t || t.width >= N.width && t.height >= N.height;
 		});
 	}
-}, cn = {
+}, yn = {
 	__init__: ["eventStormingRules"],
-	eventStormingRules: ["type", sn]
-}, ln = 8, un = {
+	eventStormingRules: ["type", vn]
+}, bn = 8, xn = {
 	__init__: ["elementSnapping"],
 	elementSnapping: ["type", class {
 		static $inject = ["eventBus", "elementRegistry"];
 		constructor(e, t) {
-			let n = (e) => t.getAll().filter((t) => y(t) && t.eventStormingType !== "drawing" && !e.has(t.id)).map((e) => ({
+			let n = (e) => t.getAll().filter((t) => b(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 <= ln && t < r && (n = i, r = t);
+					t <= bn && t < r && (n = i, r = t);
 				}
 				return n;
 			};
@@ -1539,7 +1635,7 @@ var sn = class extends ge {
 			});
 		}
 	}]
-}, dn = ".djs-palette-entries .entry", fn = "bottom", pn = class {
+}, Sn = ".djs-palette-entries .entry", Cn = "bottom", wn = class {
 	palette;
 	hoverTooltip;
 	static $inject = [
@@ -1554,9 +1650,9 @@ var sn = class extends ge {
 	attachTo(e) {
 		this.refreshEntries(), this.hoverTooltip.add({
 			container: e,
-			selector: dn,
+			selector: Sn,
 			getContent: (e) => this.contentFor(e),
-			getPosition: (e) => mn(e)
+			getPosition: (e) => Tn(e)
 		});
 	}
 	refreshEntries() {
@@ -1564,58 +1660,58 @@ var sn = class extends ge {
 	}
 	contentFor(e) {
 		let t = this.entries[e.getAttribute("data-action") ?? ""];
-		return t?.title ? ve`<${_e} title=${t.title} shortcut=${t.shortcut} />` : null;
+		return t?.title ? _e`<${ge} title=${t.title} shortcut=${t.shortcut} />` : null;
 	}
 };
-function mn(e) {
+function Tn(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		x: t.left + t.width / 2,
 		y: t.bottom + 8,
-		placement: fn
+		placement: Cn
 	};
 }
 //#endregion
 //#region src/palette/index.ts
-var hn = {
+var En = {
 	__init__: ["eventStormingPaletteProvider", "paletteTooltip"],
-	eventStormingPaletteProvider: ["type", Ue],
-	paletteTooltip: ["type", pn]
-}, G = "event-storming-element-settings", gn = {
+	eventStormingPaletteProvider: ["type", et],
+	paletteTooltip: ["type", wn]
+}, W = "event-storming-element-settings", Dn = {
 	id: "kind",
 	name: "Change type"
 };
-function _n(e, t) {
+function On(e, t) {
 	return e ? `✓ ${t}` : t;
 }
-var vn = class {
+var kn = class {
 	modeling;
 	static $inject = ["popupMenu", "eventStormingModeling"];
 	constructor(e, t) {
-		this.modeling = t, e.registerProvider(G, this);
+		this.modeling = t, e.registerProvider(W, this);
 	}
 	getPopupMenuEntries(e) {
 		let t = Array.isArray(e) ? e[0] : e;
-		return C(t) ? this.kindEntries(t) : {};
+		return w(t) ? this.kindEntries(t) : {};
 	}
 	kindEntries(e) {
 		let t = {}, n = e.provisional === !0, r = o[this.modeling.getLevel()];
-		for (let i of x) {
+		for (let i of S) {
 			if (!r.includes(i) && (n || i !== e.eventStormingType)) continue;
-			let a = A[i];
+			let a = j[i];
 			t[`kind-${i}`] = {
-				label: n ? a.label : _n(e.eventStormingType === i, a.label),
-				imageHtml: ze(a.fill, a.stroke),
-				group: gn,
+				label: n ? a.label : On(e.eventStormingType === i, a.label),
+				imageHtml: Je(a.fill, a.stroke),
+				group: Dn,
 				action: () => this.modeling.setStickyKind(e, i)
 			};
 		}
 		return t;
 	}
-}, yn = {
+}, An = {
 	__init__: ["eventStormingElementSettings"],
-	eventStormingElementSettings: ["type", vn]
-}, K = "eventStorming.readOnly.changed", bn = 5e3, xn = [
+	eventStormingElementSettings: ["type", kn]
+}, G = "eventStorming.readOnly.changed", jn = 5e3, Mn = [
 	"elements.move",
 	"shape.move",
 	"shape.resize",
@@ -1628,7 +1724,7 @@ var vn = class {
 	"connection.reconnect",
 	"connection.updateWaypoints",
 	"elements.delete"
-], Sn = class extends ge {
+], Nn = class extends he {
 	bus;
 	static $inject = ["eventBus"];
 	readOnly = !1;
@@ -1636,19 +1732,19 @@ var vn = class {
 		super(e), this.bus = e;
 	}
 	init() {
-		this.addRule(xn, bn, () => !this.readOnly && void 0);
+		this.addRule(Mn, jn, () => !this.readOnly && void 0);
 	}
 	isReadOnly() {
 		return this.readOnly;
 	}
 	setReadOnly(e) {
-		this.readOnly !== e && (this.readOnly = e, this.bus.fire(K, { readOnly: e }));
+		this.readOnly !== e && (this.readOnly = e, this.bus.fire(G, { readOnly: e }));
 	}
-}, Cn = {
-	__depends__: [le],
+}, Pn = {
+	__depends__: [ce],
 	__init__: ["eventStormingReadOnly"],
-	eventStormingReadOnly: ["type", Sn]
-}, wn = {
+	eventStormingReadOnly: ["type", Nn]
+}, Fn = {
 	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\"/>",
@@ -1667,18 +1763,18 @@ var vn = 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 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">${wn[e]}</svg>`;
+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 Tn = "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>`;
+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 En = {
+var Ln = {
 	__init__: ["eventStormingContextPadProvider"],
 	eventStormingContextPadProvider: ["type", class {
 		modeling;
@@ -1704,40 +1800,40 @@ var En = {
 			"eventStormingReadOnly"
 		];
 		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(K, (t) => {
+			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) => {
 				t.readOnly && e.close();
 			});
 		}
 		getContextPadEntries(e) {
 			if (this.readOnly?.isReadOnly()) return {};
-			if (b(e)) {
+			if (x(e)) {
 				let t = e;
 				return {
 					"edit-label": {
 						group: "edit",
 						title: "Edit arrow label",
-						html: J("pencil", "Edit arrow label"),
+						html: q("pencil", "Edit arrow label"),
 						action: { click: () => this.labelEditing.activateConnection(t) }
 					},
 					delete: {
 						group: "delete",
 						title: "Delete connection",
-						html: J("trash", "Delete connection"),
+						html: q("trash", "Delete connection"),
 						action: { click: () => this.modeling.removeElements([e]) }
 					}
 				};
 			}
-			if (!y(e)) return {};
+			if (!b(e)) return {};
 			let t = e, n = {}, r = t.eventStormingType;
-			if (S(r)) {
+			if (C(r)) {
 				let e = (e) => {
 					let n = this.factory.createProvisional();
 					this.create.start(e, n, { source: t });
 				};
 				n.append = {
 					group: "append",
-					title: Tn,
-					html: J("plus", Tn, !0),
+					title: In,
+					html: q("plus", In, !0),
 					action: {
 						click: e,
 						dragstart: e
@@ -1749,7 +1845,7 @@ var En = {
 				n.connect = {
 					group: "edit",
 					title: "Connect to existing sticky",
-					html: J("arrow-right", "Connect to existing sticky", !0),
+					html: q("arrow-right", "Connect to existing sticky", !0),
 					action: {
 						click: r,
 						dragstart: r
@@ -1757,10 +1853,10 @@ var En = {
 				}, n["change-kind"] = {
 					group: "edit",
 					title: "Change type",
-					html: J("replace", "Change type"),
+					html: q("replace", "Change type"),
 					action: { click: (e) => {
 						let n = e;
-						this.popupMenu.open(t, G, {
+						this.popupMenu.open(t, W, {
 							x: n.clientX,
 							y: n.clientY
 						});
@@ -1772,14 +1868,14 @@ var En = {
 				n["stroke-style"] = {
 					group: "edit",
 					title: r,
-					html: J("line-style", r),
+					html: q("line-style", r),
 					action: { click: () => this.eventStormingModeling.setStrokeStyle(t, e) }
 				};
 			}
 			return r === "drawing" && (n.color = {
 				group: "edit",
 				title: "Color",
-				html: J("palette", "Color"),
+				html: q("palette", "Color"),
 				action: { click: (e) => {
 					let n = e;
 					this.colorPicker.open(t, n.clientX, n.clientY);
@@ -1787,46 +1883,46 @@ var En = {
 			}), r !== "drawing" && (n["edit-label"] = {
 				group: "edit",
 				title: "Edit label",
-				html: J("pencil", "Edit label"),
+				html: q("pencil", "Edit label"),
 				action: { click: () => this.labelEditing.activate(t) }
 			}), n.delete = {
 				group: "delete",
 				title: "Delete",
-				html: J("trash", "Delete"),
+				html: q("trash", "Delete"),
 				action: { click: () => this.modeling.removeElements([t]) }
 			}, n;
 		}
 	}]
-}, Dn = "bullet", On = [
+}, Rn = "bullet", zn = [
 	"left",
 	"center",
 	"right"
-], kn = [
+], Bn = [
 	"top",
 	"middle",
 	"bottom"
 ];
-function An(e, t) {
+function Vn(e, t) {
 	return e[(e.indexOf(t) + 1) % e.length];
 }
-function jn(e, t) {
+function Hn(e, t) {
 	let n = e.ownerDocument;
 	e.textContent = "";
-	for (let r of k(t)) {
+	for (let r of A(t)) {
 		let t = n.createElement("div");
-		r.bullet && (t.className = Dn);
+		r.bullet && (t.className = Rn);
 		for (let e of r.runs) {
 			let r = n.createTextNode(e.text);
-			e.italic && (r = Mn(n, "i", r)), e.bold && (r = Mn(n, "b", r)), t.appendChild(r);
+			e.italic && (r = Un(n, "i", r)), e.bold && (r = Un(n, "b", r)), t.appendChild(r);
 		}
 		r.runs.length === 0 && t.appendChild(n.createElement("br")), e.appendChild(t);
 	}
 }
-function Mn(e, t, n) {
+function Un(e, t, n) {
 	let r = e.createElement(t);
 	return r.appendChild(n), r;
 }
-function Nn(e) {
+function Wn(e) {
 	let t = [], n = null, r = (e) => (n = {
 		bullet: e,
 		runs: []
@@ -1847,11 +1943,11 @@ function Nn(e) {
 			s.nextSibling && r(!1);
 			return;
 		}
-		if (Pn(s.tagName)) {
+		if (Gn(s.tagName)) {
 			a(s);
 			return;
 		}
-		let c = Fn(s, t, o);
+		let c = Kn(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");
@@ -1859,12 +1955,12 @@ function Nn(e) {
 		n = null;
 	};
 	for (let t of e.childNodes) i(t, !1, !1);
-	return ke(t);
+	return Oe(t);
 }
-function Pn(e) {
+function Gn(e) {
 	return e === "DIV" || e === "P" || e === "LI";
 }
-function Fn(e, t, n) {
+function Kn(e, t, n) {
 	let r = e.tagName;
 	(r === "B" || r === "STRONG") && (t = !0), (r === "I" || r === "EM") && (n = !0);
 	let i = e.style.fontWeight;
@@ -1875,13 +1971,13 @@ function Fn(e, t, n) {
 		italic: n
 	};
 }
-function In(e) {
+function qn(e) {
 	let t = e.ownerDocument, n = t.getSelection();
 	if (!n) return;
 	let r = t.createRange();
 	r.selectNodeContents(e), n.removeAllRanges(), n.addRange(r);
 }
-function Ln(e, t) {
+function Jn(e, t) {
 	let n = e.ownerDocument;
 	if (typeof n.execCommand == "function" && n.execCommand("insertText", !1, t)) return;
 	let r = n.getSelection();
@@ -1892,24 +1988,24 @@ function Ln(e, t) {
 	let a = n.createTextNode(t);
 	i.insertNode(a), i.setStartAfter(a), i.collapse(!0), r.removeAllRanges(), r.addRange(i);
 }
-function Rn(e) {
+function Yn(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 zn(e) {
-	Bn(e);
-	let t = Rn(e);
+function Xn(e) {
+	Zn(e);
+	let t = Yn(e);
 	if (t.length === 0) return;
-	let n = t.every((e) => e.classList.contains(Dn));
-	for (let e of t) e.classList.toggle(Dn, !n);
+	let n = t.every((e) => e.classList.contains(Rn));
+	for (let e of t) e.classList.toggle(Rn, !n);
 }
-function Bn(e) {
+function Zn(e) {
 	let t = e.ownerDocument, n = null;
-	for (let r of Array.from(e.childNodes)) r.nodeType === Node.ELEMENT_NODE && Pn(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 && Gn(r.tagName) ? n = null : (n || (n = t.createElement("div"), e.insertBefore(n, r)), n.appendChild(r));
 }
-var Vn = {
+var Qn = {
 	horizontal: {
 		left: "text-align-start",
 		center: "text-align-center",
@@ -1921,30 +2017,30 @@ var Vn = {
 		bottom: "align-vertical-justify-end"
 	}
 };
-function Hn(e, t) {
+function $n(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)", q("bold")), r("note-italic", "Italic (Cmd/Ctrl+I)", q("italic")), r("note-bullet", "Bullet list", q("list"));
+	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"));
 	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 Un(e, t, n) {
-	let r = Vn[t][n];
-	e.innerHTML = r ? q(r) : "", e.title = t === "horizontal" ? `Horizontal alignment: ${n} (click to cycle)` : `Vertical alignment: ${n} (click to cycle)`;
+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 Wn(e, t) {
+function tr(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 Gn(e) {
+function nr(e) {
 	return e.replace(/(?<!:)\/\//g, "∕∕").replace(/\/\*/g, "∕*").replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
 }
-var Kn = class {
+var rr = class {
 	canvas;
 	modeling;
 	elementRegistry;
@@ -1960,12 +2056,12 @@ var Kn = class {
 	suspended = null;
 	resumeTimer;
 	constructor(e, t, n, r, i) {
-		this.canvas = t, this.modeling = n, this.elementRegistry = r, this.readOnly = i, e.on(K, (e) => {
+		this.canvas = t, this.modeling = n, this.elementRegistry = r, this.readOnly = i, e.on(G, (e) => {
 			e.readOnly && this.cancel();
 		}), e.on("diagram.destroy", () => {
 			clearTimeout(this.resumeTimer), this.suspended = null, this.cancel();
 		}), e.on("element.dblclick", (e) => {
-			y(e.element) ? this.activate(e.element) : b(e.element) && this.activateConnection(e.element);
+			b(e.element) ? this.activate(e.element) : x(e.element) && this.activateConnection(e.element);
 		}), e.on(["element.mousedown", "drag.init"], () => this.active?.commit()), e.on("canvas.viewbox.changed", () => this.active?.place());
 	}
 	suspend() {
@@ -1980,14 +2076,14 @@ var Kn = class {
 	resume(e) {
 		let t = this.elementRegistry?.get(e.elementId);
 		if (e.connection) {
-			if (!b(t)) return;
+			if (!x(t)) return;
 			this.activateConnection(t);
 		} else {
-			if (!y(t)) return;
+			if (!b(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)) : (jn(n, e.value), e.align && this.restoreNoteAlign?.(e.align), Jn(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)) : (Hn(n, e.value), e.align && this.restoreNoteAlign?.(e.align), ar(n)));
 	}
 	restoreNoteAlign;
 	activate(e) {
@@ -2007,7 +2103,7 @@ var Kn = 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 = Gn(n.value), r = t && t !== e.eventStormingLabel;
+			let t = nr(n.value), r = t && t !== e.eventStormingLabel;
 			a(), r && this.modeling.updateLabel(e, t);
 		}, s = (e) => {
 			if (e.key === "Escape") e.preventDefault(), a();
@@ -2034,43 +2130,43 @@ var Kn = 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%)", jn(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%)", Hn(n, e.eventStormingLabel ?? "");
 		let r = {
 			horizontal: e.alignHorizontal ?? "left",
 			vertical: e.alignVertical ?? "top"
 		};
-		Wn(n, r);
-		let i = Hn(document, (e) => d(e));
+		tr(n, r);
+		let i = $n(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(), In(n);
+		a(), t.appendChild(n), t.appendChild(i), n.focus(), qn(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", Yn("bold")), s("note-italic", Yn("italic"));
-			let e = Rn(n);
+			s("note-bold", or("bold")), s("note-italic", or("italic"));
+			let e = Yn(n);
 			s("note-bullet", e.length > 0 && e.every((e) => e.classList.contains("bullet")));
 			let t = o("note-align-horizontal");
-			t && Un(t, "horizontal", r.horizontal);
+			t && er(t, "horizontal", r.horizontal);
 			let i = o("note-align-vertical");
-			i && Un(i, "vertical", r.vertical);
+			i && er(i, "vertical", r.vertical);
 		}, l = (e) => {
 			typeof document.execCommand == "function" && document.execCommand(e, !1), c();
 		}, u = (e) => {
-			e === "horizontal" ? r.horizontal = An(On, r.horizontal) : r.vertical = An(kn, r.vertical), Wn(n, r), c();
+			e === "horizontal" ? r.horizontal = Vn(zn, r.horizontal) : r.vertical = Vn(Bn, r.vertical), tr(n, r), c();
 		}, d = (e) => {
-			e === "note-bold" ? l("bold") : e === "note-italic" ? l("italic") : e === "note-bullet" ? (zn(n), c()) : u(e === "note-align-horizontal" ? "horizontal" : "vertical");
+			e === "note-bold" ? l("bold") : e === "note-italic" ? l("italic") : e === "note-bullet" ? (Xn(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", ee), 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", _), n.removeEventListener("paste", v), n.remove(), i.remove(), this.active = null, this.restoreNoteAlign = void 0, this.canvas.restoreFocus?.());
 		}, h = () => {
 			if (p) return;
-			let t = qn(e, Gn(Nn(n)), r);
+			let t = ir(e, nr(Wn(n)), r);
 			m(), t && this.modeling.updateProperties(e, t);
 		}, g = (e) => {
 			if (e.key === "Escape") {
@@ -2086,18 +2182,18 @@ var Kn = class {
 			(e.metaKey || e.ctrlKey) && (t === "b" || t === "i") && (e.preventDefault(), l(t === "b" ? "bold" : "italic"));
 		}, _ = (e) => {
 			e.relatedTarget instanceof Node && i.contains(e.relatedTarget) || h();
-		}, ee = (e) => {
+		}, v = (e) => {
 			e.preventDefault();
 			let t = e.clipboardData?.getData("text/plain") ?? "";
-			t && Ln(n, t);
+			t && Jn(n, t);
 		};
-		n.addEventListener("keydown", g), n.addEventListener("blur", _), n.addEventListener("paste", ee), c(), this.restoreNoteAlign = (e) => {
-			r.horizontal = e.horizontal, r.vertical = e.vertical, Wn(n, r), c();
+		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();
 		};
-		let te = () => ({
+		let ee = () => ({
 			elementId: e.id,
 			connection: !1,
-			value: Nn(n),
+			value: Wn(n),
 			align: { ...r }
 		});
 		this.active = {
@@ -2105,7 +2201,7 @@ var Kn = class {
 			place: a,
 			commit: h,
 			cleanup: m,
-			snapshot: te
+			snapshot: ee
 		};
 	}
 	activateConnection(e) {
@@ -2123,7 +2219,7 @@ var Kn = 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 = Gn(i.value), n = e.linkLabel ?? "";
+			let t = nr(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());
@@ -2156,23 +2252,23 @@ var Kn = class {
 		};
 	}
 };
-function qn(e, t, n) {
+function ir(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, !P(e.eventStormingLabel, e))) {
-		let { width: n, height: r } = N(t);
+	if (r && (a.eventStormingLabel = t, !I(e.eventStormingLabel, e))) {
+		let { width: n, height: r } = F(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 Jn(e) {
+function ar(e) {
 	let t = document.createRange();
 	t.selectNodeContents(e), t.collapse(!1);
 	let n = window.getSelection();
 	n?.removeAllRanges(), n?.addRange(t);
 }
-function Yn(e) {
+function or(e) {
 	if (typeof document.queryCommandState != "function") return !1;
 	try {
 		return document.queryCommandState(e);
@@ -2182,10 +2278,10 @@ function Yn(e) {
 }
 //#endregion
 //#region src/label-editing/index.ts
-var Xn = {
+var sr = {
 	__init__: ["eventStormingLabelEditing"],
-	eventStormingLabelEditing: ["type", Kn]
-}, Zn = 2, Qn = 10, $n = {
+	eventStormingLabelEditing: ["type", rr]
+}, cr = 2, lr = 10, ur = {
 	arrowleft: {
 		x: -1,
 		y: 0
@@ -2202,7 +2298,7 @@ var Xn = {
 		x: 0,
 		y: 1
 	}
-}, er = class {
+}, dr = class {
 	static $inject = [
 		"config.eventStormingKeyboard",
 		"canvas",
@@ -2220,12 +2316,12 @@ var Xn = {
 	];
 	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 || tr(e.target, p) && (nr(e.target) || g(e) || f?.isReadOnly() || _(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) => y(e) || b(e));
+				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") {
@@ -2248,14 +2344,14 @@ var Xn = {
 				let t = c.getLastMoveEvent();
 				if (t) {
 					e.preventDefault();
-					let n = l === "e" ? o.createNew("event", A.event.label) : o.createNew("command", A.command.label);
+					let n = l === "e" ? o.createNew("event", j.event.label) : o.createNew("command", j.command.label);
 					s.start(t, n);
 				}
-			} else if (l in $n && !t) {
+			} else if (l in ur && !t) {
 				let t = r.get();
 				if (t.length) {
 					e.preventDefault();
-					let n = e.shiftKey ? Qn : Zn, r = $n[l];
+					let n = e.shiftKey ? lr : cr, r = ur[l];
 					i.moveElements(t, {
 						x: r.x * n,
 						y: r.y * n
@@ -2266,20 +2362,20 @@ var Xn = {
 		document.addEventListener("keydown", h), u.on("diagram.destroy", () => document.removeEventListener("keydown", h));
 	}
 };
-function tr(e, t) {
+function fr(e, t) {
 	return e instanceof Node ? t.contains(e) || e === document.body || e === document.documentElement : !1;
 }
-function nr(e) {
+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 rr = {
+var mr = {
 	__init__: ["eventStormingKeyboard"],
-	eventStormingKeyboard: ["type", er]
-}, ir = 500, ar = 6, or = class {
+	eventStormingKeyboard: ["type", dr]
+}, hr = 500, gr = 6, _r = 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;
@@ -2310,16 +2406,16 @@ var rr = {
 		let c = (e) => {
 			if (s || !e.parent || !i || !a || !o) return;
 			let n = o.getAbsoluteBBox(e), c = o.getContainer().getBoundingClientRect();
-			i.open(e, G, {
+			i.open(e, W, {
 				x: c.left + n.x,
-				y: c.top + n.y + n.height + ar
+				y: c.top + n.y + n.height + gr
 			}), 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", ir, (e) => {
+		t.on("create.end", hr, (e) => {
 			let { context: t } = e;
 			if (!t.source || !t.canExecute || !t.shape) return;
 			let n = t.shape;
@@ -2336,14 +2432,14 @@ var rr = {
 			} else r && setTimeout(() => r.activate(n), 0);
 		});
 	}
-}, sr = {
-	__depends__: [ye],
+}, vr = {
+	__depends__: [ve],
 	__init__: ["eventStormingAppendBehavior"],
-	eventStormingAppendBehavior: ["type", or]
-}, cr = x.map((e) => ({
-	value: A[e].fill,
-	title: A[e].label
-})), lr = class {
+	eventStormingAppendBehavior: ["type", _r]
+}, yr = S.map((e) => ({
+	value: j[e].fill,
+	title: j[e].label
+})), br = class {
 	canvas;
 	modeling;
 	static $inject = [
@@ -2373,7 +2469,7 @@ var rr = {
 			value: void 0,
 			title: "No color",
 			cls: "event-storming-cp-none"
-		}, ...cr.map((e) => ({
+		}, ...yr.map((e) => ({
 			value: e.value,
 			title: e.title,
 			cls: ""
@@ -2393,12 +2489,12 @@ var rr = {
 	close() {
 		this.popover && (this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0));
 	}
-}, ur = {
+}, xr = {
 	__init__: ["eventStormingColorPicker"],
-	eventStormingColorPicker: ["type", lr]
-}, dr = {
+	eventStormingColorPicker: ["type", br]
+}, Sr = {
 	__init__: ["eventStormingOrderingProvider"],
-	eventStormingOrderingProvider: ["type", class extends be {
+	eventStormingOrderingProvider: ["type", class extends ye {
 		static $inject = ["eventBus"];
 		constructor(e) {
 			super(e);
@@ -2406,15 +2502,15 @@ var rr = {
 		getOrdering(e, t) {
 			for (; t.parent;) t = t.parent;
 			let n = t.children ?? [];
-			if (b(e)) {
-				let r = n.filter((t) => t !== e && (D(t) || b(t))).length;
+			if (x(e)) {
+				let r = n.filter((t) => t !== e && (O(t) || x(t))).length;
 				return {
 					parent: t,
 					index: r
 				};
 			}
-			if (D(e)) {
-				let r = n.filter((t) => t !== e && D(t)).length;
+			if (O(e)) {
+				let r = n.filter((t) => t !== e && O(t)).length;
 				return {
 					parent: t,
 					index: r
@@ -2423,7 +2519,7 @@ var rr = {
 			return { parent: t };
 		}
 	}]
-}, fr = 12, pr = class {
+}, Cr = 12, wr = class {
 	canvas;
 	eventBus;
 	modeling;
@@ -2441,7 +2537,7 @@ var rr = {
 	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(K, (e) => {
+		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) => {
 			e.readOnly && this.cancel();
 		});
 	}
@@ -2502,12 +2598,12 @@ var rr = {
 		if (e.button !== 0 || this.isChromeTarget(e)) return;
 		e.preventDefault(), e.stopPropagation();
 		let t = this.toCanvasPoint(e), n = this.points[0];
-		if (n && this.points.length >= 3 && mr(t, n) <= fr) {
+		if (n && this.points.length >= 3 && Tr(t, n) <= Cr) {
 			this.finishClosed();
 			return;
 		}
 		let r = this.points[this.points.length - 1];
-		r && mr(t, r) <= fr ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
+		r && Tr(t, r) <= Cr ? this.points.length >= 2 && this.finish() : (this.points.push(t), this.renderPreview());
 	};
 	onDblClick = (e) => {
 		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
@@ -2520,47 +2616,47 @@ var rr = {
 	};
 	renderPreview() {
 		if (this.clearPreview(), !this.points.length) return;
-		let e = this.canvas.getLayer("event-storming-draw-preview", 1e3), t = h("g"), n = this.cursor ? [...this.points, this.cursor] : this.points;
-		p(t, m(h("polyline"), {
+		let e = this.canvas.getLayer("event-storming-draw-preview", 1e3), t = m("g"), n = this.cursor ? [...this.points, this.cursor] : this.points;
+		f(t, p(m("polyline"), {
 			points: n.map((e) => `${e.x},${e.y}`).join(" "),
 			fill: "none",
-			stroke: I,
+			stroke: R,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"stroke-dasharray": "5 4"
 		}));
 		let r = this.points[0];
-		if (p(t, m(h("circle"), {
+		if (f(t, p(m("circle"), {
 			cx: r.x,
 			cy: r.y,
 			r: this.points.length >= 3 ? 5 : 3,
-			fill: F.paper,
-			stroke: I,
+			fill: L.paper,
+			stroke: R,
 			"stroke-width": 1.5
 		})), this.points.length >= 2) {
 			let e = this.points[this.points.length - 1];
-			p(t, m(h("circle"), {
+			f(t, p(m("circle"), {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: F.paper,
-				stroke: I,
+				fill: L.paper,
+				stroke: R,
 				"stroke-width": 1.5
 			}));
 		}
-		p(e, t), this.layer = t;
+		f(e, t), this.layer = t;
 	}
 	clearPreview() {
-		this.layer &&= (g(this.layer), null);
+		this.layer &&= (h(this.layer), null);
 	}
 };
-function mr(e, t) {
+function Tr(e, t) {
 	return Math.hypot(e.x - t.x, e.y - t.y);
 }
 //#endregion
 //#region src/draw-tool/EventStormingDrawingHandles.ts
-var hr = class {
+var Er = class {
 	eventBus;
 	canvas;
 	modeling;
@@ -2575,9 +2671,9 @@ var hr = class {
 	group = null;
 	dragPreview = null;
 	constructor(e, t, n, r) {
-		this.eventBus = e, this.canvas = t, this.modeling = n, this.readOnly = r, e.on(K, () => this.render()), e.on("selection.changed", (e) => {
+		this.eventBus = e, this.canvas = t, this.modeling = n, this.readOnly = r, e.on(G, () => this.render()), e.on("selection.changed", (e) => {
 			let t = e.newSelection ?? [], n = t.length === 1 ? t[0] : null;
-			this.attach(D(n) ? n : null);
+			this.attach(O(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));
@@ -2594,19 +2690,19 @@ var hr = class {
 	}
 	render() {
 		if (this.clear(), !this.shape || this.readOnly?.isReadOnly()) return;
-		let e = this.canvas.getLayer("event-storming-drawing-handles", 1100), t = h("g");
+		let e = this.canvas.getLayer("event-storming-drawing-handles", 1100), t = m("g");
 		this.absolutePoints().forEach((e, n) => {
-			let r = m(h("circle"), {
+			let r = p(m("circle"), {
 				cx: e.x,
 				cy: e.y,
 				r: 5,
-				fill: F.paper,
-				stroke: F.ink,
+				fill: L.paper,
+				stroke: L.ink,
 				"stroke-width": 1.5,
 				class: "event-storming-drawing-handle"
 			});
-			r.addEventListener("mousedown", (e) => this.startDrag(e, n)), p(t, r);
-		}), p(e, t), this.group = t;
+			r.addEventListener("mousedown", (e) => this.startDrag(e, n)), f(t, r);
+		}), f(e, t), this.group = t;
 	}
 	startDrag(e, t) {
 		if (e.button !== 0 || !this.shape) return;
@@ -2633,21 +2729,21 @@ var hr = class {
 	}
 	renderDragPreview(e, t) {
 		this.clearDragPreview();
-		let n = this.canvas.getLayer("event-storming-drawing-handles", 1100), r = m(h(t ? "polygon" : "polyline"), {
+		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: F.ink,
+			stroke: L.ink,
 			"stroke-width": 1.5,
 			"stroke-dasharray": "5 4",
 			"pointer-events": "none"
 		});
-		p(n, r), this.dragPreview = r;
+		f(n, r), this.dragPreview = r;
 	}
 	clearDragPreview() {
-		this.dragPreview &&= (g(this.dragPreview), null);
+		this.dragPreview &&= (h(this.dragPreview), null);
 	}
 	clear() {
-		this.clearDragPreview(), this.group &&= (g(this.group), null);
+		this.clearDragPreview(), this.group &&= (h(this.group), null);
 	}
 	toCanvasPoint(e) {
 		let t = this.canvas.getContainer().getBoundingClientRect(), n = this.canvas.viewbox(), r = this.canvas.zoom();
@@ -2656,79 +2752,79 @@ var hr = class {
 			y: (e.clientY - t.top) / r + n.y
 		};
 	}
-}, gr = class {
+}, Dr = class {
 	static $inject = ["eventBus", "interactionEvents"];
 	constructor(e, t) {
 		e.on("interactionEvents.createHit", (e) => {
-			if (D(e.element) && e.gfx) return _r(e.element, e.gfx), !1;
+			if (O(e.element) && e.gfx) return Or(e.element, e.gfx), !1;
 		}), e.on("interactionEvents.updateHit", (e) => {
-			if (D(e.element) && e.gfx) return t.removeHits(e.gfx), _r(e.element, e.gfx), !1;
+			if (O(e.element) && e.gfx) return t.removeHits(e.gfx), Or(e.element, e.gfx), !1;
 		});
 	}
 };
-function _r(e, t) {
-	let n = e.drawingPoints ?? [], r = h(e.closed ? "polygon" : "polyline");
-	m(r, {
+function Or(e, t) {
+	let n = e.drawingPoints ?? [], r = m(e.closed ? "polygon" : "polyline");
+	p(r, {
 		points: n.map((e) => `${e.x},${e.y}`).join(" "),
 		class: "djs-hit djs-hit-stroke",
 		fill: "none",
 		stroke: "white",
 		"stroke-width": 15,
 		"stroke-opacity": 0
-	}), p(t, r);
+	}), f(t, r);
 }
 //#endregion
 //#region src/draw-tool/index.ts
-var vr = {
+var kr = {
 	__init__: [
 		"eventStormingDrawTool",
 		"eventStormingDrawingHandles",
 		"eventStormingDrawingHitProvider"
 	],
-	eventStormingDrawTool: ["type", pr],
-	eventStormingDrawingHandles: ["type", hr],
-	eventStormingDrawingHitProvider: ["type", gr]
-}, yr = class {
+	eventStormingDrawTool: ["type", wr],
+	eventStormingDrawingHandles: ["type", Er],
+	eventStormingDrawingHitProvider: ["type", Dr]
+}, Ar = class {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		e.on("resize.start", 1500, (e) => {
 			let t = e.context;
-			De(t.shape) && (t.minDimensions = Pe);
+			Ee(t.shape) && (t.minDimensions = N);
 		});
 	}
-}, br = {
-	__depends__: [xe],
+}, jr = {
+	__depends__: [be],
 	__init__: ["eventStormingResizeBehavior"],
-	eventStormingResizeBehavior: ["type", yr]
-}, xr = class extends Bt {
+	eventStormingResizeBehavior: ["type", Ar]
+}, Mr = class extends Zt {
 	_getModules() {
 		return [
 			...super._getModules(),
+			ne,
+			ce,
 			re,
-			le,
 			ie,
 			ae,
 			oe,
 			se,
-			ce,
+			le,
 			ue,
-			de,
-			Cn,
-			nn,
-			Ht,
-			cn,
-			un,
-			hn,
-			En,
-			Xn,
-			rr,
+			Pn,
+			mn,
+			$t,
 			yn,
+			xn,
+			En,
+			Ln,
 			sr,
-			ur,
-			rn,
-			dr,
+			mr,
+			An,
 			vr,
-			br
+			xr,
+			hn,
+			Sr,
+			kr,
+			jr
 		];
 	}
 	undo() {
@@ -2743,18 +2839,18 @@ var vr = {
 	canRedo() {
 		return this.get("commandStack").canRedo();
 	}
-}, Sr = "event-storming";
-function Cr(e = {}) {
-	return Er(new xr({
-		...Tr(e),
+}, Nr = "event-storming";
+function Pr(e = {}) {
+	return Lr(new Mr({
+		...Ir(e),
 		undoRedoKeys: e.undoRedoKeys ?? !0,
-		freeArea: z(e)
+		freeArea: Ye(e)
 	}), !0);
 }
-function wr(e = {}) {
-	return Er(new Bt(Tr(e)), !1);
+function Fr(e = {}) {
+	return Lr(new Zt(Ir(e)), !1);
 }
-function Tr(e) {
+function Ir(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -2762,10 +2858,10 @@ function Tr(e) {
 		fitOnImport: e.fitOnImport ?? !0
 	};
 }
-function Er(e, t) {
+function Lr(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: Sr,
-		apiVersion: Se,
+		notation: Nr,
+		apiVersion: xe,
 		editable: t
 	};
 	return t && n.on("commandStack.changed", () => {
@@ -2773,21 +2869,21 @@ function Er(e, t) {
 	}), {
 		meta: u,
 		elements: {
-			list: () => c ? [] : i.getAll().filter(Y).map((e) => kr(e)),
+			list: () => c ? [] : i.getAll().filter(J).map((e) => Br(e)),
 			reveal(e) {
 				if (c) return !1;
 				let t = i.get(e);
-				return Y(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+				return J(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 			},
-			selection: () => c ? [] : Dr(a.get()),
+			selection: () => c ? [] : Rr(a.get()),
 			onSelection(e) {
-				let t = (t) => e(Dr(t.newSelection ?? []));
+				let t = (t) => e(Rr(t.newSelection ?? []));
 				return n.on("selection.changed", t), () => n.off("selection.changed", t);
 			},
 			bounds(e) {
 				if (c) return;
 				let t = i.get(e);
-				return Y(t) ? Or(t) : void 0;
+				return J(t) ? zr(t) : void 0;
 			}
 		},
 		diagram: e,
@@ -2799,7 +2895,7 @@ function Er(e, t) {
 			s += 1;
 			try {
 				let { warnings: n } = await e.importDSL(t);
-				return { warnings: n.map(Lt) };
+				return { warnings: n.map(Jt) };
 			} finally {
 				--s;
 			}
@@ -2818,19 +2914,22 @@ function Er(e, t) {
 					width: n,
 					height: i
 				};
-				return Ar(a) ? a : void 0;
+				return Vr(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!c && Ar(e) && r.viewbox({
+			!c && Vr(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
 				height: e.height
 			});
 		},
+		contentBounds() {
+			return e.contentBounds();
+		},
 		destroy() {
 			if (!c) {
 				try {
@@ -2843,13 +2942,13 @@ function Er(e, t) {
 		}
 	};
 }
-function Y(e) {
-	return C(e);
+function J(e) {
+	return w(e);
 }
-function Dr(e) {
-	return e.filter(Y).map((e) => e.id);
+function Rr(e) {
+	return e.filter(J).map((e) => e.id);
 }
-function Or(e) {
+function zr(e) {
 	return {
 		x: e.x,
 		y: e.y,
@@ -2857,24 +2956,24 @@ function Or(e) {
 		height: e.height
 	};
 }
-function kr(e) {
+function Br(e) {
 	let t = e.eventStormingLabel;
 	return t ? {
 		id: e.id,
 		name: t
 	} : { id: e.id };
 }
-function Ar(e) {
+function Vr(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return X(t) && X(n) && X(r) && X(i) && r > 0 && i > 0;
+	return Y(t) && Y(n) && Y(r) && Y(i) && r > 0 && i > 0;
 }
-function X(e) {
+function Y(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 //#endregion
 //#region src/board-menu/menu.ts
-var jr = "Export as .storm", Mr = [
+var Hr = "Export as .storm", Ur = [
 	{
 		value: "big-picture",
 		label: "Big picture"
@@ -2888,10 +2987,10 @@ var jr = "Export as .storm", Mr = [
 		label: "Software design"
 	}
 ];
-function Nr(e) {
-	return Mr.some((t) => t.value === e);
+function Wr(e) {
+	return Ur.some((t) => t.value === e);
 }
-function Z(e, t, n, r) {
+function X(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -2901,20 +3000,20 @@ function Z(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function Pr(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", jr, e.storm)), t;
+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 Fr(e) {
+function Kr(e) {
 	return {
 		model: [{
 			kind: "radio",
 			id: "level",
 			label: "Level",
-			options: Mr,
+			options: Ur,
 			value: () => e.levels.getLevel(),
 			onSelect: (t) => {
-				Nr(t) && e.levels.setLevel(t);
+				Wr(t) && e.levels.setLevel(t);
 			}
 		}, {
 			kind: "checkbox",
@@ -2926,7 +3025,7 @@ function Fr(e) {
 				e.typeCaptions.setTypeCaptionsVisible(t), e.onTypeCaptionsToggled?.(t);
 			}
 		}],
-		export: Pr(e.exports),
+		export: Gr(e.exports),
 		help: [{
 			kind: "dialog",
 			id: "keyboard-shortcuts",
@@ -2938,23 +3037,23 @@ function Fr(e) {
 }
 //#endregion
 //#region src/board-menu/shortcuts.ts
-var Ir = [
+var qr = [
 	"←",
 	"↑",
 	"→",
 	"↓"
 ];
-function Lr(e, t, n) {
+function Jr(e, t, n) {
 	return t === "mac" ? `⌘${e}` : `${n.ctrl}+${e}`;
 }
-function Rr(e) {
+function Yr(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function zr(e, t) {
+function Xr(e, t) {
 	if (e === "mac") return {
 		zoomIn: "⌘+",
 		zoomOut: "⌘−",
@@ -2969,7 +3068,7 @@ function zr(e, t) {
 		fit: `${r}+1`
 	};
 }
-function Br(e, t) {
+function Zr(e, t) {
 	if (e === "mac") return {
 		undo: ["⌘Z"],
 		redo: ["⌘⇧Z"],
@@ -2978,7 +3077,7 @@ function Br(e, t) {
 		paste: ["⌘V"],
 		duplicate: ["⌘D"],
 		remove: ["⌫"],
-		coarseMove: Ir.map((e) => `⇧${e}`),
+		coarseMove: qr.map((e) => `⇧${e}`),
 		lassoDrag: ["⇧ Drag"]
 	};
 	let { ctrl: n, shift: r } = t;
@@ -2990,27 +3089,27 @@ function Br(e, t) {
 		paste: [`${n}+V`],
 		duplicate: [`${n}+D`],
 		remove: ["Del", "Backspace"],
-		coarseMove: Ir.map((e) => `${r}+${e}`),
+		coarseMove: qr.map((e) => `${r}+${e}`),
 		lassoDrag: [`${r}+Drag`]
 	};
 }
-function Vr(e) {
+function Qr(e) {
 	let { platform: t, messages: n } = e;
 	return {
 		title: "File",
 		rows: [{
 			action: n.openFile ?? "Open…",
-			keys: [Lr("O", t, n.keyNames)]
+			keys: [Jr("O", t, n.keyNames)]
 		}, {
-			action: jr,
-			keys: [Lr("S", t, n.keyNames)]
+			action: Hr,
+			keys: [Jr("S", t, n.keyNames)]
 		}]
 	};
 }
-function Hr(e, t = {}) {
-	let { platform: n, messages: r } = e, i = zr(n, r.keyNames), a = Br(n, r.keyNames);
+function $r(e, t = {}) {
+	let { platform: n, messages: r } = e, i = Xr(n, r.keyNames), a = Zr(n, r.keyNames);
 	return [
-		...t.fileKeys ? [Vr(e)] : [],
+		...t.fileKeys ? [Qr(e)] : [],
 		{
 			title: "View",
 			rows: [
@@ -3023,7 +3122,7 @@ function Hr(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(Rr(e.lang)),
+					action: r.zoomToActual(Yr(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -3065,7 +3164,7 @@ function Hr(e, t = {}) {
 				},
 				{
 					action: "Move selection",
-					keys: Ir
+					keys: qr
 				},
 				{
 					action: "Move selection in large steps",
@@ -3106,39 +3205,39 @@ function Hr(e, t = {}) {
 }
 //#endregion
 //#region src/board-menu/ShortcutsDialog.ts
-var Q = "event-storming-shortcuts", Ur = "event-storming-shortcuts-title";
+var Z = "event-storming-shortcuts", Q = "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 Wr(e, t) {
-	let n = $("section", `${Q}-group`), r = `${Ur}-group-${t}`, i = $("h4", `${Q}-group-title`, e.title);
+function ei(e, t) {
+	let n = $("section", `${Z}-group`), r = `${Q}-group-${t}`, i = $("h4", `${Z}-group-title`, e.title);
 	i.id = r;
-	let a = $("table", `${Q}-table`);
+	let a = $("table", `${Z}-table`);
 	a.setAttribute("aria-labelledby", r);
 	let o = a.createTBody();
 	for (let t of e.rows) {
-		let e = o.insertRow(), n = $("th", `${Q}-action`, t.action);
+		let e = o.insertRow(), n = $("th", `${Z}-action`, t.action);
 		n.scope = "row";
-		let r = $("td", `${Q}-keys`);
-		for (let e of t.keys) r.append($("kbd", `${Q}-key`, e));
+		let r = $("td", `${Z}-keys`);
+		for (let e of t.keys) r.append($("kbd", `${Z}-key`, e));
 		e.append(n, r);
 	}
 	return n.append(i, a), n;
 }
-function Gr(e, t, n) {
-	let r = $("div", `${Q}-panel`), i = $("header", `${Q}-header`), a = $("h3", `${Q}-title`, "Keyboard shortcuts");
-	a.id = Ur;
-	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(...Hr(e, t).map(Wr)), r.append(i, s), r;
+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 Kr(e, t = {}) {
+function ni(e, t = {}) {
 	let n;
 	function r() {
-		let n = $("dialog", Q);
-		return n.setAttribute("aria-labelledby", Ur), n.append(Gr(e, t, () => n.close())), n.addEventListener("click", (e) => {
+		let n = $("dialog", Z);
+		return n.setAttribute("aria-labelledby", Q), n.append(ti(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 });
@@ -3159,11 +3258,11 @@ function Kr(e, t = {}) {
 }
 //#endregion
 //#region src/draw/icons.ts
-var qr = "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z", Jr = "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", Yr = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Xr = "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", Zr = "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", Qr = "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", $r = "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", ti = "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", ni = "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", ri = "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", ii = "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", ai = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", oi = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", si = "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", ci = "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 li(e, t = 18) {
+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) {
 	return `<svg viewBox="0 0 24 24" width="${t}" height="${t}" fill="currentColor" aria-hidden="true"><path d="${e}"/></svg>`;
 }
 //#endregion
-export { Mr as BOARD_LEVELS, nt as BoardBounds, F as COLORS, Sr as EVENT_STORMING_NOTATION, or as EventStormingAppendBehavior, Vt as EventStormingAttachBehavior, qe as EventStormingBaseViewer, lr as EventStormingColorPicker, Qe as EventStormingElementFactory, vn as EventStormingElementSettingsProvider, Ft as EventStormingExporter, Pt as EventStormingImporter, Kn as EventStormingLabelEditing, Jt as EventStormingModeling, Sn as EventStormingReadOnly, vt as EventStormingRenderer, yr as EventStormingResizeBehavior, sn as EventStormingRules, at as EventStormingViewOptions, oi as ICON_ADD, $r as ICON_CODE, Qr as ICON_DATA_OBJECT, Yr as ICON_DELETE, ei as ICON_DOWNLOAD, Jr as ICON_EDIT, ci as ICON_EYE, si as ICON_FIT, ni as ICON_FOLDER_OPEN, ri as ICON_IMAGE, ai as ICON_MENU, ii as ICON_NEW, qr as ICON_PERSON, Zr as ICON_REDO, ti as ICON_SHARE, Xr as ICON_UNDO, O as MIRAGON, xr as Modeler, j as NOTE_STYLE, Bt as NavigatedViewer, G as POPUP_PROVIDER_ID, K as READ_ONLY_CHANGED_EVENT, v as ROOT_ID, x as STICKY_KINDS, A as STICKY_STYLES, jr as STORM_EXPORT_LABEL, it as VIEW_OPTIONS_CHANGED_EVENT, zt as Viewer, rt as boardBoundsModule, Fr as boardMenu, Hr as boardShortcuts, Lr as commandKeyLabel, Cr as createCollaborativeModeler, wr as createCollaborativeViewer, Kr as createShortcutsDialog, un as elementSnappingModule, sr as eventStormingAppendModule, Ht as eventStormingAttachModule, ur as eventStormingColorPickerModule, En as eventStormingContextPadModule, jt as eventStormingDrawModule, rr as eventStormingKeyboardModule, et as eventStormingModelModule, nn as eventStormingModelingModule, hn as eventStormingPaletteModule, yn as eventStormingPopupModule, Cn as eventStormingReadOnlyModule, br as eventStormingResizeModule, cn as eventStormingRulesModule, H as eventStormingViewOptionsModule, li as iconMarkup, Lt as importWarningText, Rt as ioModule, w as isAttachableKind, Ee as isAttachableSticky, b as isEventStormingConnection, y as isEventStormingShape, T as isHostKind, E as isHostSticky, C as isSticky, S as isStickyKind, Xn as labelEditingModule, k as parseNoteMarkdown, Ae as plainNoteText, we as saveSVG, ke as serializeNoteMarkdown };
+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 };
 
 //# sourceMappingURL=index.js.map