@miragon/event-storming-renderer 0.1.0

package/dist/index.js

@@ -0,0 +1,2484 @@
+import e from "diagram-js/lib/Diagram";
+import { parseDSLWithDiagnostics as t, serializeDSL as n } from "@miragon/event-storming-dsl";
+import { ATTACHABLE_STICKY_KINDS as r, CURRENT_SCHEMA_VERSION as i, DEFAULT_BOARD_LEVEL as a, DEFAULT_BOARD_SIZE as o, HOST_STICKY_KINDS as s, LEVEL_STICKY_KINDS as c, validateBoard as l } from "@miragon/event-storming-schema-model";
+import u from "diagram-js/lib/features/change-support";
+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/selection";
+import _ from "diagram-js/lib/navigation/zoomscroll";
+import v from "diagram-js/lib/navigation/movecanvas";
+import y from "diagram-js/lib/features/keyboard";
+import b from "diagram-js/lib/features/modeling";
+import x from "diagram-js/lib/features/move";
+import ee from "diagram-js/lib/features/create";
+import te from "diagram-js/lib/features/connect";
+import ne from "diagram-js/lib/features/context-pad";
+import re from "diagram-js/lib/features/palette";
+import ie from "diagram-js/lib/features/rules";
+import ae from "diagram-js/lib/features/outline";
+import oe from "diagram-js/lib/features/popup-menu";
+import se from "diagram-js/lib/features/attach-support";
+import ce from "diagram-js/lib/command/CommandInterceptor";
+import le from "diagram-js/lib/features/mouse";
+import ue from "diagram-js/lib/features/lasso-tool";
+import de from "diagram-js/lib/features/rules/RuleProvider";
+import fe from "diagram-js/lib/features/connection-preview";
+import pe from "diagram-js/lib/features/ordering/OrderingProvider";
+import me from "diagram-js/lib/features/resize";
+//#region src/io/saveSvg.ts
+function he(e, t) {
+	let n = e.getContainer().querySelector("svg");
+	if (!n) throw Error("No SVG found in the canvas container.");
+	let r = n.cloneNode(!0), i = t ?? {
+		x: 0,
+		y: 0,
+		...o
+	};
+	r.setAttribute("xmlns", "http://www.w3.org/2000/svg"), r.setAttribute("viewBox", `${i.x} ${i.y} ${i.width} ${i.height}`), r.setAttribute("width", String(i.width)), r.setAttribute("height", String(i.height));
+	let a = r.querySelector(".viewport");
+	return a && a.removeAttribute("transform"), { svg: "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" + new XMLSerializer().serializeToString(r) };
+}
+//#endregion
+//#region src/EventStormingBaseViewer.ts
+function ge(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+var _e = class {
+	_diagram;
+	_container;
+	_options;
+	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 = ge(e.width ?? "100%"), t.style.height = ge(e.height ?? (e.container ? "100%" : "600px")), t;
+	}
+	_ensureDiagram() {
+		if (!this._diagram) {
+			let t = [...this._getModules(), ...this._options.additionalModules ?? []];
+			this._diagram = new e({
+				canvas: { container: this._container },
+				modules: t
+			});
+		}
+		return this._diagram;
+	}
+	get(e) {
+		return this._ensureDiagram().get(e);
+	}
+	on(e, t, n = 1e3) {
+		this.get("eventBus").on(e, n, t);
+	}
+	off(e, t) {
+		this.get("eventBus").off(e, t);
+	}
+	async importMap(e) {
+		let t = this._ensureDiagram(), n = t.get("eventBus"), r = t.get("eventStormingImporter");
+		r.clear();
+		let i = r.import(e);
+		return this._applyStyleClass(e.config.style), t.get("commandStack").clear(), n.fire("import.done", { warnings: i }), { warnings: i };
+	}
+	_applyStyleClass(e) {
+		let t = this._container.classList;
+		for (let e of ["classic", "dark"]) t.remove(`event-storming-${e}`);
+		e && e !== "classic" && t.add(`event-storming-${e}`);
+	}
+	async importDSL(e) {
+		let n = this._ensureDiagram().get("eventBus");
+		n.fire("import.parse.start", { text: e });
+		let { board: r, diagnostics: i } = t(e);
+		n.fire("import.parse.done", {
+			board: r,
+			diagnostics: i
+		});
+		let { warnings: a } = await this.importMap(r);
+		return { warnings: [...i.map((e) => ({ message: `Line ${e.line}: ${e.message} — "${e.text}"` })), ...a] };
+	}
+	exportMap() {
+		return this.get("eventStormingExporter").export();
+	}
+	exportDSL() {
+		return n(this.exportMap());
+	}
+	async saveSVG() {
+		return he(this.get("canvas"), this.get("boardBounds").contentBounds());
+	}
+	attachTo(e) {
+		e.appendChild(this._container), this.get("canvas").resized();
+	}
+	detach() {
+		this._container.remove();
+	}
+	clear() {
+		this._ensureDiagram().clear();
+	}
+	destroy() {
+		this._diagram &&= (this._diagram.destroy(), void 0), this._container.remove();
+	}
+	get container() {
+		return this._container;
+	}
+}, S = {
+	blau: "#335DE5",
+	blauLink: "#2B50D4",
+	blauHell: "#6B8AFF",
+	gruen: "#00E676",
+	grau: "#F9F7F7",
+	schwarz: "#1D1D1D",
+	weiss: "#FFFFFF",
+	success: "#0B7A55",
+	warning: "#92610A",
+	danger: "#C92A2A",
+	info: "#2B50D4",
+	navy: "#080A20",
+	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
+};
+S.grau, S.schwarz, S.weiss, S.blau, S.gruen, S.danger, S.schwarz, S.navy, S.grau;
+//#endregion
+//#region src/draw/note-markdown.ts
+var ve = [
+	{
+		marker: "***",
+		bold: !0,
+		italic: !0
+	},
+	{
+		marker: "**",
+		bold: !0,
+		italic: !1
+	},
+	{
+		marker: "*",
+		bold: !1,
+		italic: !0
+	}
+];
+function C(e) {
+	return e.split("\n").map((e) => {
+		let t = e.startsWith("- ");
+		return {
+			bullet: t,
+			runs: xe(t ? e.slice(2) : e)
+		};
+	});
+}
+function ye(e) {
+	return e.map((e) => {
+		let t = Ce(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 be(e) {
+	return C(e).map((e) => (e.bullet ? "• " : "") + e.runs.map((e) => e.text).join("")).join("\n");
+}
+function xe(e) {
+	let t = [], n = "", r = () => {
+		n && t.push({
+			text: n,
+			bold: !1,
+			italic: !1
+		}), n = "";
+	}, i = 0;
+	for (; i < e.length;) {
+		let a = e[i] === "*" ? Se(e, i) : void 0;
+		if (!a) {
+			n += e[i], i++;
+			continue;
+		}
+		r(), t.push({
+			text: a.content,
+			bold: a.bold,
+			italic: a.italic
+		}), i = a.end;
+	}
+	return r(), Ce(t);
+}
+function Se(e, t) {
+	for (let { marker: n, bold: r, italic: i } of ve) {
+		if (!e.startsWith(n, t)) continue;
+		let a = e.indexOf(n, t + n.length);
+		if (!(a <= t + n.length)) return {
+			content: e.slice(t + n.length, a),
+			bold: r,
+			italic: i,
+			end: a + n.length
+		};
+	}
+}
+function Ce(e) {
+	let t = [];
+	for (let n of e) {
+		if (!n.text) continue;
+		let e = t[t.length - 1];
+		e && e.bold === n.bold && e.italic === n.italic ? e.text += n.text : t.push({
+			text: n.text,
+			bold: n.bold,
+			italic: n.italic
+		});
+	}
+	return t;
+}
+//#endregion
+//#region src/draw/styles.ts
+var w = {
+	event: {
+		label: "Domain Event",
+		width: 130,
+		height: 90,
+		fill: "#FFB84D",
+		stroke: "#E89A2E"
+	},
+	command: {
+		label: "Command",
+		width: 130,
+		height: 90,
+		fill: "#7EC8F0",
+		stroke: "#4FA8D8"
+	},
+	actor: {
+		label: "Actor",
+		width: 100,
+		height: 65,
+		fill: "#FFF9B1",
+		stroke: "#E6DB7A"
+	},
+	aggregate: {
+		label: "Aggregate",
+		width: 180,
+		height: 110,
+		fill: "#FFE066",
+		stroke: "#E0BE3F"
+	},
+	policy: {
+		label: "Policy",
+		width: 180,
+		height: 110,
+		fill: "#C9A0DC",
+		stroke: "#A97CC4"
+	},
+	readmodel: {
+		label: "Read Model",
+		width: 130,
+		height: 90,
+		fill: "#A8D08D",
+		stroke: "#7FB35D"
+	},
+	external: {
+		label: "External System",
+		width: 180,
+		height: 110,
+		fill: "#F4A6C0",
+		stroke: "#DE7EA2"
+	},
+	hotspot: {
+		label: "Hotspot",
+		width: 130,
+		height: 90,
+		fill: "#E85D75",
+		stroke: "#C43B55"
+	}
+}, T = {
+	label: "Note",
+	fill: "#ECECEC",
+	stroke: "#C4C4C4"
+}, E = {
+	width: 60,
+	height: 40
+}, D = 7.5, we = {
+	width: w.aggregate.width,
+	height: w.aggregate.height
+};
+function O(e) {
+	let t = be(e), n = (t && t.length ? t : "note").split("\n"), r = Math.max(1, ...n.map((e) => e.length));
+	return {
+		lines: n,
+		width: Math.max(we.width, Math.round(r * D) + 16),
+		height: Math.max(we.height, n.length * 17 + 16)
+	};
+}
+function Te(e, t) {
+	let n = O(e);
+	return t.width !== n.width || t.height !== n.height;
+}
+var k = {
+	paper: S.grau,
+	ink: S.schwarz,
+	inkSoft: "#5B5B5B",
+	surface: S.weiss,
+	stroke: S.schwarz,
+	arrow: "#9E9E9E",
+	accent: S.blau,
+	accentSoft: "rgba(51,93,229,0.12)",
+	stickyText: "#333333"
+}, A = `var(--event-storming-drawing-ink, ${S.schwarz})`, j = {
+	family: "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
+	label: 13
+}, Ee = "event-storming-root";
+function De(e) {
+	return typeof e == "object" && !!e;
+}
+function M(e) {
+	return De(e) && typeof e.eventStormingType == "string" && !("waypoints" in e);
+}
+function N(e) {
+	return De(e) && typeof e.eventStormingType == "string" && "waypoints" in e;
+}
+var P = [
+	"event",
+	"command",
+	"actor",
+	"aggregate",
+	"policy",
+	"readmodel",
+	"external",
+	"hotspot"
+];
+function F(e) {
+	return P.includes(e);
+}
+function I(e) {
+	return M(e) && F(e.eventStormingType);
+}
+function L(e) {
+	return r.includes(e);
+}
+function R(e) {
+	return s.includes(e);
+}
+function Oe(e) {
+	return M(e) && L(e.eventStormingType);
+}
+function z(e) {
+	return M(e) && R(e.eventStormingType);
+}
+function B(e) {
+	return M(e) && e.eventStormingType === "drawing";
+}
+function ke(e) {
+	return M(e) && e.eventStormingType === "note";
+}
+//#endregion
+//#region src/model/EventStormingElementFactory.ts
+var Ae = {
+	event: "event",
+	command: "cmd",
+	actor: "actor",
+	aggregate: "agg",
+	policy: "policy",
+	readmodel: "read",
+	external: "ext",
+	hotspot: "hot",
+	note: "note",
+	drawing: "draw"
+}, je = class {
+	elementFactory;
+	elementRegistry;
+	static $inject = ["elementFactory", "elementRegistry"];
+	constructor(e, t) {
+		this.elementFactory = e, this.elementRegistry = t;
+	}
+	uniqueLabel(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let e of this.elementRegistry.getAll()) {
+			let n = e.eventStormingLabel;
+			typeof n == "string" && t.add(n);
+		}
+		if (!t.has(e)) return e;
+		let n = 2;
+		for (; t.has(`${e} ${n}`);) n++;
+		return `${e} ${n}`;
+	}
+	allocateId(e, t) {
+		let n = Ae[e];
+		for (let e = 1;; e++) {
+			let r = `${n}_${e}`;
+			if (!this.elementRegistry.get(r) && !t?.has(r)) return r;
+		}
+	}
+	createSticky(e) {
+		if (!F(e.elementType)) throw Error(`not a sticky kind: ${e.elementType}`);
+		let { width: t, height: n } = w[e.elementType];
+		return this.elementFactory.createShape({
+			id: e.id,
+			x: e.position.x - t / 2,
+			y: e.position.y - n / 2,
+			width: t,
+			height: n,
+			eventStormingType: e.elementType,
+			eventStormingLabel: e.label,
+			businessObject: e,
+			...e.color ? { color: e.color } : {}
+		});
+	}
+	createNote(e) {
+		let { width: t, height: n } = e.size ?? O(e.label), r = e.align?.horizontal, i = e.align?.vertical;
+		return this.elementFactory.createShape({
+			id: e.id,
+			x: e.position.x - t / 2,
+			y: e.position.y - n / 2,
+			width: t,
+			height: n,
+			eventStormingType: "note",
+			eventStormingLabel: e.label,
+			businessObject: e,
+			...e.color ? { color: e.color } : {},
+			...r && r !== "left" ? { alignHorizontal: r } : {},
+			...i && i !== "top" ? { alignVertical: i } : {}
+		});
+	}
+	createDrawing(e) {
+		return this.drawingFromCanvasPoints([...e.points], {
+			id: e.id,
+			...e.closed ? { closed: !0 } : {},
+			...e.strokeStyle ? { strokeStyle: e.strokeStyle } : {},
+			...e.color ? { color: e.color } : {},
+			businessObject: e
+		});
+	}
+	drawingFromCanvasPoints(e, t = {}) {
+		let n = e.map((e) => e.x), r = e.map((e) => e.y), i = Math.min(...n), a = Math.min(...r), o = Math.max(Math.max(...n) - i, 4), s = Math.max(Math.max(...r) - a, 4);
+		return this.elementFactory.createShape({
+			id: t.id ?? this.allocateId("drawing"),
+			x: i,
+			y: a,
+			width: o,
+			height: s,
+			eventStormingType: "drawing",
+			eventStormingLabel: "",
+			drawingPoints: e.map((e) => ({
+				x: e.x - i,
+				y: e.y - a
+			})),
+			...t.closed ? { closed: !0 } : {},
+			...t.strokeStyle ? { strokeStyle: t.strokeStyle } : {},
+			...t.color ? { color: t.color } : {},
+			...t.businessObject ? { businessObject: t.businessObject } : {}
+		});
+	}
+	createNew(e, t) {
+		let n = this.uniqueLabel(t), { width: r, height: i } = F(e) ? w[e] : O(n);
+		return this.elementFactory.createShape({
+			id: this.allocateId(e),
+			width: r,
+			height: i,
+			eventStormingType: e,
+			eventStormingLabel: n
+		});
+	}
+	createProvisional() {
+		let { width: e, height: t } = w.event;
+		return this.elementFactory.createShape({
+			id: this.allocateId("event"),
+			width: e,
+			height: t,
+			eventStormingType: "event",
+			eventStormingLabel: "",
+			provisional: !0
+		});
+	}
+	createArrow(e, t, n) {
+		return this.elementFactory.createConnection({
+			id: e.id,
+			source: t,
+			target: n,
+			waypoints: [Me(t), Me(n)],
+			eventStormingType: "arrow",
+			...e.label ? { linkLabel: e.label } : {},
+			businessObject: e
+		});
+	}
+};
+function Me(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+//#endregion
+//#region src/model/index.ts
+var Ne = { eventStormingElementFactory: ["type", je] };
+//#endregion
+//#region src/board-bounds/BoardBounds.ts
+function Pe(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 Fe = class {
+	elementRegistry;
+	static $inject = ["elementRegistry"];
+	constructor(e) {
+		this.elementRegistry = e;
+	}
+	contentBounds(e = 120) {
+		let t = this.elementRegistry.getAll().filter(Pe);
+		if (!t.length) return {
+			x: 0,
+			y: 0,
+			...o
+		};
+		let n = Math.min(...t.map((e) => e.x)), r = Math.min(...t.map((e) => e.y)), i = Math.max(...t.map((e) => e.x + e.width)), a = Math.max(...t.map((e) => e.y + e.height));
+		return {
+			x: n - e,
+			y: r - e,
+			width: i - n + 2 * e,
+			height: a - r + 2 * e
+		};
+	}
+}, Ie = { boardBounds: ["type", Fe] }, Le = "eventStorming.viewOptions.changed", Re = 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(Le, { typeCaptionsVisible: e });
+		let t = this.elementRegistry.filter(I);
+		t.length && this.eventBus.fire("elements.changed", { elements: t });
+	}
+}, V = {
+	__depends__: [u],
+	eventStormingViewOptions: ["type", Re]
+}, ze = 1500, Be = -3, Ve = "event-storming-kind-caption", He = 9, Ue = 300, We = "#606060", Ge = 7, Ke = "#FBFBFB", qe = "#B9B9B9", Je = "6 4", Ye = "event-storming-sticky-shadow";
+function Xe(e) {
+	let t = e.closest("svg");
+	if (!t) return !1;
+	if (t.querySelector("#event-storming-sticky-shadow")) return !0;
+	let n = p(m("feDropShadow"), {
+		dx: 0,
+		dy: 5,
+		stdDeviation: 5,
+		"flood-color": "#000000",
+		"flood-opacity": .2
+	}), r = p(m("filter"), {
+		id: Ye,
+		x: "-40%",
+		y: "-40%",
+		width: "180%",
+		height: "180%"
+	});
+	f(r, n);
+	let i = m("defs");
+	return f(i, r), t.insertBefore(i, t.firstChild), !0;
+}
+var Ze = class extends d {
+	viewOptions;
+	static $inject = ["eventBus", "eventStormingViewOptions"];
+	constructor(e, t) {
+		super(e, ze), this.viewOptions = t;
+	}
+	canRender(e) {
+		return M(e) || N(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 = p(m(t.closed ? "polygon" : "polyline"), {
+			points: n.map((e) => `${e.x},${e.y}`).join(" "),
+			fill: "none",
+			stroke: t.color ?? A,
+			"stroke-width": 2,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			...r ? { "stroke-dasharray": r } : {}
+		});
+		return f(e, i), i;
+	}
+	drawSticky(e, t) {
+		let n = t.eventStormingType, r = F(n) ? w[n] : T, i = t.provisional === !0, a = e;
+		if (n === "hotspot") {
+			let n = p(m("g"), { transform: `rotate(${Be} ${t.width / 2} ${t.height / 2})` });
+			f(e, n), a = n;
+		}
+		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 ? Ke : t.color ?? r.fill,
+			stroke: i ? qe : r.stroke,
+			"stroke-width": 1.5,
+			...i ? { "stroke-dasharray": Je } : {}
+		});
+		if (Xe(e) && o.setAttribute("filter", `url(#${Ye})`), f(a, o), i) return o;
+		if (n === "note" ? nt(a, t) : $e(a, t), F(n) && this.viewOptions.typeCaptionsVisible()) {
+			let e = H(w[n].label, t.width / 2, t.height - Ge, {
+				"text-anchor": "middle",
+				"font-size": He,
+				fill: We
+			});
+			e.setAttribute("class", Ve), e.setAttribute("font-weight", String(Ue)), f(a, e);
+		}
+		return o;
+	}
+	drawConnection(e, t) {
+		let n = t, [r, i] = lt(n), a = p(m("polyline"), {
+			points: `${r.x},${r.y} ${i.x},${i.y}`,
+			fill: "none",
+			stroke: k.arrow,
+			"stroke-width": 1.5,
+			"stroke-linecap": "round"
+		});
+		if (f(e, a), f(e, st(r, i, k.arrow, 11, 5)), n.linkLabel) {
+			let t = (r.x + i.x) / 2, a = (r.y + i.y) / 2;
+			f(e, H(n.linkLabel, t, a - 5, {
+				"text-anchor": "middle",
+				"font-size": 11,
+				"font-style": "italic",
+				fill: k.inkSoft
+			}));
+		}
+		return a;
+	}
+	getShapePath(e) {
+		let { x: t, y: n, width: r, height: i } = e;
+		return `M${t},${n}l${r},0l0,${i}l${-r},0z`;
+	}
+	getConnectionPath(e) {
+		let [t, ...n] = e.waypoints;
+		return t ? `M${t.x},${t.y}` + n.map((e) => `L${e.x},${e.y}`).join("") : "";
+	}
+};
+function Qe(e, t) {
+	let n = e.split(/\s+/).filter((e) => e.length);
+	if (!n.length) return [""];
+	let r = [], i = "";
+	for (let e of n) {
+		if (e.length > t) {
+			i && r.push(i);
+			let n = e;
+			for (; n.length > t;) r.push(n.slice(0, t)), n = n.slice(t);
+			i = n;
+			continue;
+		}
+		let n = i ? `${i} ${e}` : e;
+		n.length <= t || !i ? i = n : (r.push(i), i = e);
+	}
+	return r.push(i), r;
+}
+function $e(e, t) {
+	let n = t.width - 16, r = Math.max(1, Math.floor(n / D)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = (t.eventStormingLabel ?? "").split("\n").flatMap((e) => Qe(e, r)).slice(0, i), o = t.width / 2, s = t.height / 2 - (a.length - 1) * 17 / 2 + 4;
+	a.forEach((t, n) => {
+		f(e, H(t, o, s + n * 17, {
+			"text-anchor": "middle",
+			fill: k.stickyText
+		}));
+	});
+}
+var et = 2, tt = 12.5;
+function nt(e, t) {
+	let n = t.width - 16, r = Math.max(1, Math.floor(n / D)), i = Math.max(1, Math.floor((t.height - 16) / 17)), a = C(t.eventStormingLabel ?? "").flatMap((e) => rt(e, r)).slice(0, i), o = t.alignHorizontal ?? "left", s = t.alignVertical ?? "top", c = o === "left" ? "start" : o === "center" ? "middle" : "end", l = a.length * 17, u = s === "top" ? 8 : s === "middle" ? (t.height - l) / 2 : t.height - 8 - l;
+	a.forEach((n, r) => {
+		let i = o === "left" ? 8 + (n.indent ? 12 : 0) : o === "center" ? t.width / 2 : t.width - 8, a = p(m("text"), {
+			x: i,
+			y: u + r * 17 + tt,
+			"font-family": j.family,
+			"font-size": j.label,
+			fill: k.stickyText,
+			"text-anchor": c
+		}), s = n.marker ? [{
+			text: "• ",
+			bold: !1,
+			italic: !1
+		}, ...n.runs] : n.runs;
+		for (let e of s) {
+			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);
+		}
+		f(e, a);
+	});
+}
+function rt(e, t) {
+	let n = Math.max(1, t - (e.bullet ? et : 0));
+	return it(e.runs, n).map((t, n) => ({
+		runs: t,
+		marker: e.bullet && n === 0,
+		indent: e.bullet && n > 0
+	}));
+}
+function it(e, t) {
+	let n = e.map((e) => e.text).join("");
+	return n.length <= t ? [e] : at(n, t).map(([t, n]) => ot(e, t, n));
+}
+function at(e, t) {
+	let n = [...e.matchAll(/\S+/g)];
+	if (!n.length) return [[0, 0]];
+	let r = [], i = -1, a = -1, o = () => {
+		i >= 0 && r.push([i, a]), i = a = -1;
+	};
+	for (let e of n) {
+		let n = e.index, s = n + e[0].length;
+		if (e[0].length > t) {
+			for (o(); s - n > t;) r.push([n, n + t]), n += t;
+			i = n, a = s;
+			continue;
+		}
+		if (i < 0 || s - i <= t) {
+			i < 0 && (i = n), a = s;
+			continue;
+		}
+		o(), i = n, a = s;
+	}
+	return o(), r;
+}
+function ot(e, t, n) {
+	let r = [], i = 0;
+	for (let a of e) {
+		let e = i;
+		i += a.text.length;
+		let o = Math.max(t, e), s = Math.min(n, i);
+		o >= s || r.push({
+			text: a.text.slice(o - e, s - e),
+			bold: a.bold,
+			italic: a.italic
+		});
+	}
+	return r;
+}
+function H(e, t, n, r = {}) {
+	let i = p(m("text"), {
+		x: t,
+		y: n,
+		"font-family": j.family,
+		"font-size": j.label,
+		fill: k.ink,
+		...r
+	});
+	return i.textContent = e, i;
+}
+function st(e, t, n, r = 10, i = 5) {
+	let a = Math.atan2(t.y - e.y, t.x - e.x), o = t.x - r * Math.cos(a), s = t.y - r * Math.sin(a), c = `${t.x},${t.y} ${o - i * Math.sin(a)},${s + i * Math.cos(a)} ${o + i * Math.sin(a)},${s - i * Math.cos(a)}`;
+	return p(m("polygon"), {
+		points: c,
+		fill: n
+	});
+}
+function U(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+function ct(e, t) {
+	let n = U(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 lt(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 = U(t), a = U(n), o = ct(t, a), s = ct(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 ut = {
+	__depends__: [V],
+	__init__: ["eventStormingRenderer"],
+	eventStormingRenderer: ["type", Ze]
+}, dt = { drawing: 0 }, ft = class {
+	canvas;
+	elementFactory;
+	factory;
+	boardBounds;
+	eventBus;
+	elementRegistry;
+	static $inject = [
+		"canvas",
+		"elementFactory",
+		"eventStormingElementFactory",
+		"boardBounds",
+		"eventBus",
+		"elementRegistry"
+	];
+	constructor(e, t, n, r, i, a) {
+		this.canvas = e, this.elementFactory = t, this.factory = n, this.boardBounds = r, this.eventBus = i, this.elementRegistry = a;
+	}
+	import(e) {
+		let t = [];
+		this.eventBus.fire("import.render.start", { board: e });
+		let n = {
+			config: e.config,
+			...e.rawPassthrough ? { rawPassthrough: e.rawPassthrough } : {}
+		}, r;
+		try {
+			r = this.canvas.getRootElement();
+		} catch {
+			r = void 0;
+		}
+		let i;
+		r && r.id === "event-storming-root" ? i = r : (i = this.elementFactory.createRoot({ id: Ee }), this.canvas.setRootElement(i)), i.businessObject = n;
+		let a = /* @__PURE__ */ new Map(), o = [...e.elements].sort((e, t) => (dt[e.elementType] ?? 9) - (dt[t.elementType] ?? 9)), s = o.filter((e) => e.elementType === "drawing"), c = o.filter((e) => e.elementType !== "drawing");
+		for (let e of s) {
+			let t = this.createShape(e);
+			this.canvas.addShape(t, i), a.set(e.id, t);
+		}
+		for (let e of c) {
+			let t = this.createShape(e);
+			this.canvas.addShape(t, i), a.set(e.id, t);
+		}
+		for (let e of c) {
+			let n = "attachedTo" in e ? e.attachedTo : void 0;
+			if (!n) continue;
+			let r = a.get(n);
+			if (!r || !z(r)) {
+				t.push({
+					message: `Element ${e.id}: attachedTo host "${n}" missing.`,
+					elementId: e.id
+				});
+				continue;
+			}
+			a.get(e.id).host = r;
+		}
+		for (let n of e.edges) {
+			let e = a.get(n.from), r = a.get(n.to);
+			if (!e || !r) {
+				t.push({
+					message: `Edge ${n.id}: endpoint missing.`,
+					elementId: n.id
+				});
+				continue;
+			}
+			let o = this.factory.createArrow(n, e, r);
+			this.canvas.addConnection(o, i, s.length);
+		}
+		return this.canvas.viewbox(this.boardBounds.contentBounds()), this.eventBus.fire("import.render.done", { warnings: t }), t;
+	}
+	createShape(e) {
+		switch (e.elementType) {
+			case "note": return this.factory.createNote(e);
+			case "drawing": return this.factory.createDrawing(e);
+			default: return this.factory.createSticky(e);
+		}
+	}
+	clear() {
+		for (let e of [...this.elementRegistry.getAll()]) {
+			let t = e;
+			if (t.id !== "event-storming-root") try {
+				t.waypoints ? this.canvas.removeConnection(t.id) : this.canvas.removeShape(t.id);
+			} catch {}
+		}
+	}
+}, pt = class {
+	elementRegistry;
+	canvas;
+	static $inject = ["elementRegistry", "canvas"];
+	constructor(e, t) {
+		this.elementRegistry = e, this.canvas = t;
+	}
+	export() {
+		let e = this.canvas.getRootElement().businessObject, t = e?.config ?? { title: "Untitled Board" }, n = [], r = [];
+		for (let e of this.elementRegistry.getAll()) if (e.id !== "event-storming-root") {
+			if (N(e)) r.push({
+				id: e.id,
+				edgeType: "arrow",
+				from: e.source?.id ?? "",
+				to: e.target?.id ?? "",
+				...e.linkLabel ? { label: e.linkLabel } : {}
+			});
+			else if (M(e)) {
+				let t = this.buildElement(e);
+				t && n.push(t);
+			}
+		}
+		let a = {
+			schemaVersion: i,
+			config: t,
+			elements: n,
+			edges: r,
+			...e?.rawPassthrough ? { rawPassthrough: e.rawPassthrough } : {}
+		};
+		return l(a);
+	}
+	buildElement(e) {
+		if (e.eventStormingType === "drawing") {
+			let t = (e.drawingPoints ?? []).map((t) => ({
+				x: e.x + t.x,
+				y: e.y + t.y
+			}));
+			return t.length < 2 ? void 0 : {
+				id: e.id,
+				elementType: "drawing",
+				label: "",
+				position: t[0],
+				points: t,
+				...e.closed ? { closed: !0 } : {},
+				...e.strokeStyle ? { strokeStyle: e.strokeStyle } : {},
+				...e.color ? { color: e.color } : {}
+			};
+		}
+		let t = e.eventStormingType === "note" && Te(e.eventStormingLabel, e) ? {
+			width: e.width,
+			height: e.height
+		} : void 0, n = e.eventStormingType === "note" ? mt(e) : void 0;
+		return {
+			id: e.id,
+			elementType: e.eventStormingType,
+			label: e.eventStormingLabel,
+			position: {
+				x: e.x + e.width / 2,
+				y: e.y + e.height / 2
+			},
+			...e.color ? { color: e.color } : {},
+			...t ? { size: t } : {},
+			...n ? { align: n } : {},
+			...e.host ? { attachedTo: e.host.id } : {}
+		};
+	}
+};
+function mt(e) {
+	let t = e.alignHorizontal && e.alignHorizontal !== "left" ? e.alignHorizontal : void 0, n = e.alignVertical && e.alignVertical !== "top" ? e.alignVertical : void 0;
+	if (!(!t && !n)) return {
+		...t ? { horizontal: t } : {},
+		...n ? { vertical: n } : {}
+	};
+}
+//#endregion
+//#region src/io/index.ts
+var ht = {
+	eventStormingImporter: ["type", ft],
+	eventStormingExporter: ["type", pt]
+}, gt = class extends _e {
+	_getModules() {
+		return [
+			Ne,
+			Ie,
+			V,
+			ut,
+			ht
+		];
+	}
+}, _t = class extends gt {
+	_getModules() {
+		return [
+			...super._getModules(),
+			g,
+			_,
+			v,
+			y
+		];
+	}
+}, vt = class extends ce {
+	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 && !L(i) && t.updateAttachment(a, void 0), a.attachers?.length && !R(i)) for (let e of [...a.attachers]) t.updateAttachment(e, void 0);
+		});
+	}
+}, yt = {
+	__depends__: [se],
+	__init__: ["eventStormingAttachBehavior"],
+	eventStormingAttachBehavior: ["type", vt]
+};
+//#endregion
+//#region src/modeling/cmd/UpdatePropertiesHandler.ts
+function bt(e, t, n) {
+	n === void 0 ? delete e[t] : e[t] = n;
+}
+var xt = [
+	"x",
+	"y",
+	"width",
+	"height"
+];
+function St(e, t) {
+	if (!t.some((e) => xt.includes(e))) return [e];
+	let n = e;
+	return [
+		e,
+		...n.incoming ?? [],
+		...n.outgoing ?? []
+	];
+}
+var Ct = class {
+	execute(e) {
+		let { element: t, properties: n } = e, r = t, i = {};
+		for (let e of Object.keys(n)) i[e] = r[e], bt(r, e, n[e]);
+		return e.oldProperties = i, St(t, Object.keys(n));
+	}
+	revert(e) {
+		let { element: t, oldProperties: n } = e, r = t;
+		if (n) for (let e of Object.keys(n)) bt(r, e, n[e]);
+		return St(t, Object.keys(n ?? {}));
+	}
+}, W = "element.updateProperties", wt = class {
+	commandStack;
+	canvas;
+	elementRegistry;
+	static $inject = [
+		"commandStack",
+		"canvas",
+		"elementRegistry"
+	];
+	constructor(e, t, n) {
+		this.commandStack = e, this.canvas = t, this.elementRegistry = n, e.registerHandler(W, Ct);
+	}
+	updateProperties(e, t) {
+		this.commandStack.execute(W, {
+			element: e,
+			properties: t
+		});
+	}
+	updateLabel(e, t) {
+		if (e.eventStormingType === "note" && !Te(e.eventStormingLabel, e)) {
+			let { width: n, height: r } = O(t), i = e.x + e.width / 2, a = e.y + e.height / 2;
+			this.updateProperties(e, {
+				eventStormingLabel: t,
+				width: n,
+				height: r,
+				x: i - n / 2,
+				y: a - r / 2
+			});
+			return;
+		}
+		this.updateProperties(e, { eventStormingLabel: t });
+	}
+	setStickyKind(e, t) {
+		if (!F(e.eventStormingType) || !F(t)) throw Error("setStickyKind: only sticky kinds can be retyped");
+		if (e.eventStormingType === t && !e.provisional) return;
+		let { width: n, height: r } = w[t], i = e.x + e.width / 2, a = e.y + e.height / 2;
+		this.updateProperties(e, {
+			eventStormingType: t,
+			...e.provisional ? { provisional: void 0 } : {},
+			width: n,
+			height: r,
+			x: i - n / 2,
+			y: a - r / 2
+		});
+	}
+	setColor(e, t) {
+		this.updateProperties(e, { color: t });
+	}
+	setStrokeStyle(e, t) {
+		this.updateProperties(e, { strokeStyle: t });
+	}
+	getLevel() {
+		return this.elementRegistry.get("event-storming-root")?.businessObject?.config.level ?? a;
+	}
+	setLevel(e) {
+		if (this.getLevel() === e) return;
+		let t = this.root(), n = t.businessObject ?? { config: { title: "Untitled Board" } };
+		this.commandStack.execute(W, {
+			element: t,
+			properties: { businessObject: {
+				...n,
+				config: {
+					...n.config,
+					level: e
+				}
+			} }
+		});
+	}
+	root() {
+		return this.elementRegistry.get("event-storming-root") ?? this.canvas.getRootElement();
+	}
+}, Tt = 24, Et = [
+	"eventStormingType",
+	"color",
+	"drawingPoints",
+	"closed",
+	"strokeStyle",
+	"alignHorizontal",
+	"alignVertical"
+], Dt = ["eventStormingType", "linkLabel"];
+function Ot(e, t) {
+	let n = {};
+	for (let r of t) {
+		let t = e[r];
+		t !== void 0 && (n[r] = structuredClone(t));
+	}
+	return n;
+}
+var kt = class {
+	selection;
+	modeling;
+	elementFactory;
+	esFactory;
+	canvas;
+	create;
+	mouse;
+	static $inject = [
+		"selection",
+		"modeling",
+		"elementFactory",
+		"eventStormingElementFactory",
+		"canvas",
+		"create",
+		"mouse"
+	];
+	clipboard = null;
+	pasteCount = 0;
+	constructor(e, t, n, r, i, a, o) {
+		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) => M(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 (!N(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: Ot(e, Dt)
+			}));
+		}
+		return this.clipboard = {
+			shapes: e.map((e) => {
+				let n = e.host ? t.get(e.host) : void 0;
+				return {
+					props: Ot(e, Et),
+					x: e.x,
+					y: e.y,
+					width: e.width,
+					height: e.height,
+					label: e.eventStormingLabel ?? "",
+					...n === void 0 ? {} : { hostIdx: n }
+				};
+			}),
+			connections: n
+		}, this.pasteCount = 0, !0;
+	}
+	paste() {
+		if (!this.clipboard?.shapes.length) return !1;
+		let e = this.buildClones(), t = this.mouse.getLastMoveEvent();
+		return t ? (this.create.start(t, [...e.shapes, ...e.connections]), !0) : this.insertWithOffset(e);
+	}
+	duplicate() {
+		return this.copy() ? this.insertWithOffset(this.buildClones()) : !1;
+	}
+	buildClones() {
+		let e = this.clipboard, t = /* @__PURE__ */ new Set(), n = e.shapes.map((e) => {
+			let n = this.esFactory.allocateId(e.props.eventStormingType, t);
+			return t.add(n), this.elementFactory.createShape({
+				...structuredClone(e.props),
+				id: n,
+				x: e.x,
+				y: e.y,
+				width: e.width,
+				height: e.height,
+				eventStormingLabel: e.label
+			});
+		});
+		return e.shapes.forEach((e, t) => {
+			e.hostIdx !== void 0 && (n[t].host = n[e.hostIdx]);
+		}), {
+			shapes: n,
+			connections: e.connections.map((e) => this.elementFactory.createConnection({
+				...structuredClone(e.props),
+				source: n[e.sourceIdx],
+				target: n[e.targetIdx],
+				waypoints: [At(n[e.sourceIdx]), At(n[e.targetIdx])]
+			}))
+		};
+	}
+	insertWithOffset(e) {
+		this.pasteCount++;
+		let t = Tt * this.pasteCount, n = jt(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 At(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+function jt(e) {
+	let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.width)), i = Math.max(...e.map((e) => e.y + e.height));
+	return {
+		cx: (t + r) / 2,
+		cy: (n + i) / 2
+	};
+}
+//#endregion
+//#region src/modeling/index.ts
+var Mt = {
+	__depends__: [le, ee],
+	__init__: ["eventStormingModeling"],
+	eventStormingModeling: ["type", wt],
+	eventStormingCopyPaste: ["type", kt]
+}, Nt = {
+	__depends__: [ue],
+	__init__: ["eventStormingLassoBehavior"],
+	eventStormingLassoBehavior: ["type", class {
+		static $inject = [
+			"eventBus",
+			"canvas",
+			"lassoTool"
+		];
+		constructor(e, t, n) {
+			e.on("element.mousedown", 1500, (e) => {
+				let r = e.originalEvent;
+				if (!r?.shiftKey) return;
+				let i;
+				try {
+					i = t.getRootElement();
+				} catch {
+					return;
+				}
+				if (e.element === i) return n.activateLasso(r), !1;
+			});
+		}
+	}]
+};
+//#endregion
+//#region src/rules/EventStormingRules.ts
+function Pt(e, t) {
+	return (e.outgoing ?? []).some((e) => e.target === t);
+}
+function Ft(e, t) {
+	return e.length !== 1 || !Oe(e[0]) || !z(t) ? !1 : "attach";
+}
+var It = class extends de {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		super(e);
+	}
+	init() {
+		this.addRule("connection.start", (e) => I(e.source)), this.addRule("connection.create", (e) => {
+			let { source: t, target: n } = e;
+			return !I(t) || !I(n) || t === n || Pt(t, n) ? !1 : { eventStormingType: "arrow" };
+		}), this.addRule(["shape.move", "elements.move"], (e) => Ft(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 (!ke(e.shape)) return !1;
+			let { newBounds: t } = e;
+			return !t || t.width >= E.width && t.height >= E.height;
+		});
+	}
+}, Lt = {
+	__init__: ["eventStormingRules"],
+	eventStormingRules: ["type", It]
+}, Rt = 8, zt = {
+	__init__: ["elementSnapping"],
+	elementSnapping: ["type", class {
+		static $inject = ["eventBus", "elementRegistry"];
+		constructor(e, t) {
+			let n = (e) => t.getAll().filter((t) => M(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 <= Rt && t < r && (n = i, r = t);
+				}
+				return n;
+			};
+			e.on(["shape.move.move", "shape.move.end"], 1500, (e) => {
+				if (e.originalEvent?.shiftKey || typeof e.x != "number" || typeof e.dx != "number" || typeof e.y != "number" || typeof e.dy != "number") return;
+				let t = e.context?.shape;
+				if (!t) return;
+				let i = new Set((e.context?.shapes ?? [t]).map((e) => e.id ?? "").filter(Boolean)), a = n(i), o = t.x + t.width / 2 + e.dx, s = t.y + t.height / 2 + e.dy, c = r(o, a.map((e) => e.x));
+				if (c !== void 0) {
+					let t = c - o;
+					e.dx += t, e.x += t;
+				}
+				let l = r(s, a.map((e) => e.y));
+				if (l !== void 0) {
+					let t = l - s;
+					e.dy += t, e.y += t;
+				}
+			}), e.on(["create.move", "create.end"], 1500, (e) => {
+				if (e.originalEvent?.shiftKey) return;
+				let t = n(/* @__PURE__ */ new Set());
+				if (typeof e.x == "number") {
+					let n = r(e.x, t.map((e) => e.x));
+					n !== void 0 && (typeof e.dx == "number" && (e.dx += n - e.x), e.x = n);
+				}
+				if (typeof e.y == "number") {
+					let n = r(e.y, t.map((e) => e.y));
+					n !== void 0 && (typeof e.dy == "number" && (e.dy += n - e.y), e.y = n);
+				}
+			});
+		}
+	}]
+}, G = (e) => `<svg width="24" height="24" viewBox="0 0 24 24" class="event-storming-palette-svg">${e}</svg>`, Bt = (e, t, n = 0) => G(`<rect x="4" y="5" width="16" height="14" fill="${e}" stroke="${t}" stroke-width="1.5"${n ? ` transform="rotate(${n} 12 12)"` : ""}/>`), K = {
+	draw: G(`<polyline points="3,18 8.5,7 14,14 21,4" fill="none" stroke="${k.ink}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><circle cx="3" cy="18" r="2.2" fill="${k.surface}" stroke="${k.ink}" stroke-width="1.4"/>`),
+	lasso: G(`<rect x="3" y="3" width="13" height="13" rx="2" fill="none" stroke="${k.ink}" stroke-width="1.5" stroke-dasharray="3 2.5"/><path d="M13.5 13.5l7 2.7-3 1.3-1.3 3z" fill="${k.ink}"/>`),
+	note: Bt(T.fill, T.stroke)
+};
+for (let e of P) {
+	let t = w[e];
+	K[e] = Bt(t.fill, t.stroke, e === "hotspot" ? -6 : 0);
+}
+function Vt(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
+var q = "stickies-1", J = "stickies-2", Ht = "stickies-3", Ut = [
+	{
+		key: "event",
+		type: "event",
+		label: w.event.label,
+		title: "Domain Event — E",
+		group: q
+	},
+	{
+		key: "command",
+		type: "command",
+		label: w.command.label,
+		title: "Command — C",
+		group: q
+	},
+	{
+		key: "actor",
+		type: "actor",
+		label: w.actor.label,
+		title: "Actor",
+		group: q
+	},
+	{
+		key: "aggregate",
+		type: "aggregate",
+		label: w.aggregate.label,
+		title: "Aggregate",
+		group: q
+	},
+	{
+		key: "policy",
+		type: "policy",
+		label: w.policy.label,
+		title: "Policy",
+		group: J
+	},
+	{
+		key: "readmodel",
+		type: "readmodel",
+		label: w.readmodel.label,
+		title: "Read Model",
+		group: J
+	},
+	{
+		key: "external",
+		type: "external",
+		label: w.external.label,
+		title: "External System",
+		group: J
+	},
+	{
+		key: "hotspot",
+		type: "hotspot",
+		label: w.hotspot.label,
+		title: "Hotspot",
+		group: Ht
+	},
+	{
+		key: "note",
+		type: "note",
+		label: T.label,
+		title: "Note",
+		group: Ht
+	}
+], Wt = {
+	__init__: ["eventStormingPaletteProvider"],
+	eventStormingPaletteProvider: ["type", class {
+		create;
+		factory;
+		lassoTool;
+		drawTool;
+		eventStormingModeling;
+		static $inject = [
+			"palette",
+			"create",
+			"eventStormingElementFactory",
+			"lassoTool",
+			"eventStormingDrawTool",
+			"eventStormingModeling",
+			"eventBus"
+		];
+		constructor(e, t, n, r, i, a, o) {
+			this.create = t, this.factory = n, this.lassoTool = r, this.drawTool = i, this.eventStormingModeling = a, e.registerProvider(this);
+			let s = () => e._rebuild();
+			o.on("import.done", s), o.on(["commandStack.element.updateProperties.postExecuted", "commandStack.element.updateProperties.reverted"], (e) => {
+				e.context.element.id === "event-storming-root" && s();
+			});
+		}
+		getPaletteEntries() {
+			let e = {};
+			e["lasso-tool"] = {
+				group: "tools",
+				title: "Selection tool — L (or Shift+drag)",
+				html: `<div class="entry event-storming-palette-entry" title="Selection tool — L (or Shift+drag)">${K.lasso}</div>`,
+				action: { click: (e) => this.lassoTool.activateSelection(e) }
+			}, e["draw-tool"] = {
+				group: "tools",
+				title: "Draw — click point by point, double-click/Enter finishes, click the start point to close",
+				html: `<div class="entry event-storming-palette-entry" title="Draw — click point by point, double-click/Enter finishes, click the start point to close">${K.draw}</div>`,
+				action: { click: () => this.drawTool.toggle() }
+			};
+			let t = c[this.eventStormingModeling.getLevel()];
+			for (let n of Ut) {
+				if (n.type !== "note" && !t.includes(n.type)) continue;
+				let r = (e) => {
+					let t = this.factory.createNew(n.type, n.label);
+					this.create.start(e, t);
+				};
+				e[`create.${n.key}`] = {
+					group: n.group,
+					title: n.title,
+					html: `<div class="entry event-storming-palette-entry" draggable="true" title="${n.title}">${K[n.key]}</div>`,
+					action: {
+						dragstart: r,
+						click: r
+					}
+				};
+			}
+			return e;
+		}
+	}]
+}, Y = "event-storming-element-settings", Gt = {
+	id: "kind",
+	name: "Change type"
+};
+function Kt(e, t) {
+	return e ? `✓ ${t}` : t;
+}
+var qt = class {
+	modeling;
+	static $inject = ["popupMenu", "eventStormingModeling"];
+	constructor(e, t) {
+		this.modeling = t, e.registerProvider(Y, this);
+	}
+	getPopupMenuEntries(e) {
+		let t = Array.isArray(e) ? e[0] : e;
+		return I(t) ? this.kindEntries(t) : {};
+	}
+	kindEntries(e) {
+		let t = {}, n = e.provisional === !0, r = c[this.modeling.getLevel()];
+		for (let i of P) {
+			if (!r.includes(i) && (n || i !== e.eventStormingType)) continue;
+			let a = w[i];
+			t[`kind-${i}`] = {
+				label: n ? a.label : Kt(e.eventStormingType === i, a.label),
+				imageHtml: Vt(a.fill, a.stroke),
+				group: Gt,
+				action: () => this.modeling.setStickyKind(e, i)
+			};
+		}
+		return t;
+	}
+}, Jt = {
+	__init__: ["eventStormingElementSettings"],
+	eventStormingElementSettings: ["type", qt]
+}, Yt = "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", Xt = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z", X = "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", Z = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z", Zt = "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", Qt = "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", $t = "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", en = "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", tn = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z", nn = "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", rn = "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", an = "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", on = "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", sn = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z", cn = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z", ln = "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z", un = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z", dn = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", fn = "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", pn = "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 Q(e, t = 18) {
+	return `<svg viewBox="0 0 24 24" width="${t}" height="${t}" fill="currentColor" aria-hidden="true"><path d="${e}"/></svg>`;
+}
+//#endregion
+//#region src/context-pad/EventStormingContextPadProvider.ts
+var mn = "Append sticky (auto-connect, choose the type after placing)";
+function $(e, t, n = !1) {
+	return `<div class="entry event-storming-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${Q(e)}</div>`;
+}
+//#endregion
+//#region src/context-pad/index.ts
+var hn = {
+	__init__: ["eventStormingContextPadProvider"],
+	eventStormingContextPadProvider: ["type", class {
+		modeling;
+		connect;
+		create;
+		popupMenu;
+		eventStormingModeling;
+		labelEditing;
+		factory;
+		colorPicker;
+		static $inject = [
+			"contextPad",
+			"modeling",
+			"connect",
+			"create",
+			"popupMenu",
+			"eventStormingModeling",
+			"eventStormingLabelEditing",
+			"eventStormingElementFactory",
+			"eventStormingColorPicker"
+		];
+		constructor(e, t, n, r, i, a, o, s, c) {
+			this.modeling = t, this.connect = n, this.create = r, this.popupMenu = i, this.eventStormingModeling = a, this.labelEditing = o, this.factory = s, this.colorPicker = c, e.registerProvider(this);
+		}
+		getContextPadEntries(e) {
+			if (N(e)) {
+				let t = e;
+				return {
+					"edit-label": {
+						group: "edit",
+						title: "Edit arrow label",
+						html: $(X, "Edit arrow label"),
+						action: { click: () => this.labelEditing.activateConnection(t) }
+					},
+					delete: {
+						group: "edit",
+						title: "Delete connection",
+						html: $(Z, "Delete connection"),
+						action: { click: () => this.modeling.removeElements([e]) }
+					}
+				};
+			}
+			if (!M(e)) return {};
+			let t = e, n = {}, r = t.eventStormingType;
+			if (F(r)) {
+				let e = (e) => {
+					let n = this.factory.createProvisional();
+					this.create.start(e, n, { source: t });
+				};
+				n.append = {
+					group: "append",
+					title: mn,
+					html: $(dn, mn, !0),
+					action: {
+						click: e,
+						dragstart: e
+					}
+				};
+				let r = (e) => {
+					this.connect.start(e, t);
+				};
+				n.connect = {
+					group: "edit",
+					title: "Connect to existing sticky",
+					html: $(Xt, "Connect to existing sticky", !0),
+					action: {
+						click: r,
+						dragstart: r
+					}
+				}, n["change-kind"] = {
+					group: "sticky",
+					title: "Change type",
+					html: $(ln, "Change type"),
+					action: { click: (e) => {
+						let n = e;
+						this.popupMenu.open(t, Y, {
+							x: n.clientX,
+							y: n.clientY
+						});
+					} }
+				};
+			}
+			if (r === "drawing") {
+				let e = t.strokeStyle === "dashed" ? "dotted" : t.strokeStyle === "dotted" ? void 0 : "dashed", r = `Line style: ${t.strokeStyle ?? "solid"} (click to change)`;
+				n["stroke-style"] = {
+					group: "sticky",
+					title: r,
+					html: $(cn, r),
+					action: { click: () => this.eventStormingModeling.setStrokeStyle(t, e) }
+				};
+			}
+			return r === "drawing" && (n.color = {
+				group: "sticky",
+				title: "Color",
+				html: $(sn, "Color"),
+				action: { click: (e) => {
+					let n = e;
+					this.colorPicker.open(t, n.clientX, n.clientY);
+				} }
+			}), r !== "drawing" && (n["edit-label"] = {
+				group: "edit",
+				title: "Edit label",
+				html: $(X, "Edit label"),
+				action: { click: () => this.labelEditing.activate(t) }
+			}), n.delete = {
+				group: "edit",
+				title: "Delete",
+				html: $(Z, "Delete"),
+				action: { click: () => this.modeling.removeElements([t]) }
+			}, n;
+		}
+	}]
+}, gn = "bullet", _n = [
+	"left",
+	"center",
+	"right"
+], vn = [
+	"top",
+	"middle",
+	"bottom"
+];
+function yn(e, t) {
+	return e[(e.indexOf(t) + 1) % e.length];
+}
+function bn(e, t) {
+	let n = e.ownerDocument;
+	e.textContent = "";
+	for (let r of C(t)) {
+		let t = n.createElement("div");
+		r.bullet && (t.className = gn);
+		for (let e of r.runs) {
+			let r = n.createTextNode(e.text);
+			e.italic && (r = xn(n, "i", r)), e.bold && (r = xn(n, "b", r)), t.appendChild(r);
+		}
+		r.runs.length === 0 && t.appendChild(n.createElement("br")), e.appendChild(t);
+	}
+}
+function xn(e, t, n) {
+	let r = e.createElement(t);
+	return r.appendChild(n), r;
+}
+function Sn(e) {
+	let t = [], n = null, r = (e) => (n = {
+		bullet: e,
+		runs: []
+	}, t.push(n), n), i = (e, t, o) => {
+		if (e.nodeType === Node.TEXT_NODE) {
+			(e.nodeValue ?? "").split("\n").forEach((e, i) => {
+				i > 0 && r(!1), (n ?? r(!1)).runs.push({
+					text: e,
+					bold: t,
+					italic: o
+				});
+			});
+			return;
+		}
+		if (e.nodeType !== Node.ELEMENT_NODE) return;
+		let s = e;
+		if (s.tagName === "BR") {
+			s.nextSibling && r(!1);
+			return;
+		}
+		if (Cn(s.tagName)) {
+			a(s);
+			return;
+		}
+		let c = wn(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");
+		for (let t of e.childNodes) i(t, !1, !1);
+		n = null;
+	};
+	for (let t of e.childNodes) i(t, !1, !1);
+	return ye(t);
+}
+function Cn(e) {
+	return e === "DIV" || e === "P" || e === "LI";
+}
+function wn(e, t, n) {
+	let r = e.tagName;
+	(r === "B" || r === "STRONG") && (t = !0), (r === "I" || r === "EM") && (n = !0);
+	let i = e.style.fontWeight;
+	i && (t = i === "bold" || i === "bolder" || Number.parseInt(i, 10) >= 600);
+	let a = e.style.fontStyle;
+	return a && (n = a === "italic" || a === "oblique"), {
+		bold: t,
+		italic: n
+	};
+}
+function Tn(e) {
+	let t = e.ownerDocument, n = t.getSelection();
+	if (!n) return;
+	let r = t.createRange();
+	r.selectNodeContents(e), n.removeAllRanges(), n.addRange(r);
+}
+function En(e, t) {
+	let n = e.ownerDocument;
+	if (typeof n.execCommand == "function" && n.execCommand("insertText", !1, t)) return;
+	let r = n.getSelection();
+	if (!r || r.rangeCount === 0) return;
+	let i = r.getRangeAt(0);
+	if (!e.contains(i.commonAncestorContainer)) return;
+	i.deleteContents();
+	let a = n.createTextNode(t);
+	i.insertNode(a), i.setStartAfter(a), i.collapse(!0), r.removeAllRanges(), r.addRange(i);
+}
+function Dn(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 On(e) {
+	kn(e);
+	let t = Dn(e);
+	if (t.length === 0) return;
+	let n = t.every((e) => e.classList.contains(gn));
+	for (let e of t) e.classList.toggle(gn, !n);
+}
+function kn(e) {
+	let t = e.ownerDocument, n = null;
+	for (let r of Array.from(e.childNodes)) {
+		if (r.nodeType === Node.ELEMENT_NODE && Cn(r.tagName)) {
+			n = null;
+			continue;
+		}
+		n || (n = t.createElement("div"), e.insertBefore(n, r)), n.appendChild(r);
+	}
+}
+var An = {
+	horizontal: {
+		left: "M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z",
+		center: "M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z",
+		right: "M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"
+	},
+	vertical: {
+		top: "M8 11h3v10h2V11h3l-4-4-4 4zM4 3v2h16V3H4z",
+		middle: "M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z",
+		bottom: "M16 13h-3V3h-2v10H8l4 4 4-4zM4 19v2h16v-2H4z"
+	}
+};
+function jn(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)", "<b>B</b>"), r("note-italic", "Italic (Cmd/Ctrl+I)", "<i>I</i>"), r("note-bullet", "Bullet 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 Mn(e, t, n) {
+	e.innerHTML = Q(An[t][n] ?? "", 16), e.title = t === "horizontal" ? `Horizontal alignment: ${n} (click to cycle)` : `Vertical alignment: ${n} (click to cycle)`;
+}
+function Nn(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 Pn(e) {
+	return e.replace(/(?<!:)\/\//g, "∕∕").replace(/\/\*/g, "∕*").replace(/->/g, "→").replace(/;/g, ",").replace(/\[/g, "(").replace(/\]/g, ")").trim();
+}
+var Fn = class {
+	canvas;
+	modeling;
+	static $inject = [
+		"eventBus",
+		"canvas",
+		"eventStormingModeling"
+	];
+	active = null;
+	constructor(e, t, n) {
+		this.canvas = t, this.modeling = n, e.on("element.dblclick", (e) => {
+			M(e.element) ? this.activate(e.element) : N(e.element) && this.activateConnection(e.element);
+		}), e.on([
+			"element.mousedown",
+			"drag.init",
+			"canvas.viewbox.changing"
+		], () => this.active?.commit());
+	}
+	activate(e) {
+		if (this.active?.commit(), e.eventStormingType === "drawing") return;
+		if (e.eventStormingType === "note") {
+			this.activateNote(e);
+			return;
+		}
+		let t = this.canvas.getContainer(), n = this.canvas.zoom(), r = this.canvas.viewbox(), i = (e.x + e.width / 2 - r.x) * n, a = (e.y + e.height / 2 - r.y) * n, o = document.createElement("textarea");
+		o.className = "event-storming-label-input event-storming-label-textarea", o.value = e.eventStormingLabel ?? "", o.rows = Math.max(2, o.value.split("\n").length), o.wrap = "off", o.style.position = "absolute", o.style.left = `${i}px`, o.style.top = `${a}px`, o.style.transform = "translate(-50%, -50%)", o.style.width = `${e.width * n}px`, t.appendChild(o), o.focus(), o.select();
+		let s = !1, c = () => {
+			s || (s = !0, o.removeEventListener("keydown", u), o.removeEventListener("blur", d), o.remove(), this.active = null);
+		}, l = () => {
+			if (s) return;
+			let t = Pn(o.value), n = t && t !== e.eventStormingLabel;
+			c(), n && this.modeling.updateLabel(e, t);
+		}, u = (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault(), c();
+				return;
+			}
+			if (e.key === "Enter") {
+				if (!(e.metaKey || e.ctrlKey)) return;
+				e.preventDefault(), l();
+			}
+		}, d = () => l();
+		o.addEventListener("keydown", u), o.addEventListener("blur", d), this.active = {
+			field: o,
+			commit: l,
+			cleanup: c
+		};
+	}
+	activateNote(e) {
+		let t = this.canvas.getContainer(), n = this.canvas.zoom(), r = this.canvas.viewbox(), i = (e.x + e.width / 2 - r.x) * n, a = (e.y + e.height / 2 - r.y) * n, o = document.createElement("div");
+		o.className = "event-storming-label-input event-storming-note-editor", o.contentEditable = "true", o.style.position = "absolute", o.style.left = `${i}px`, o.style.top = `${a}px`, o.style.transform = "translate(-50%, -50%)", o.style.minWidth = `${e.width * n}px`, o.style.minHeight = `${e.height * n}px`, bn(o, e.eventStormingLabel ?? "");
+		let s = {
+			horizontal: e.alignHorizontal ?? "left",
+			vertical: e.alignVertical ?? "top"
+		};
+		Nn(o, s);
+		let c = jn(document, (e) => m(e));
+		c.style.left = `${i}px`, c.style.top = `${(e.y - r.y) * n - 8}px`, c.style.transform = "translate(-50%, -100%)", t.appendChild(o), t.appendChild(c), o.focus(), Tn(o);
+		let l = (e) => c.querySelector(`[data-action="${e}"]`), u = (e, t) => {
+			let n = l(e);
+			n?.classList.toggle("active", t), n?.setAttribute("aria-pressed", String(t));
+		}, d = () => {
+			u("note-bold", Ln("bold")), u("note-italic", Ln("italic"));
+			let e = Dn(o);
+			u("note-bullet", e.length > 0 && e.every((e) => e.classList.contains("bullet")));
+			let t = l("note-align-horizontal");
+			t && Mn(t, "horizontal", s.horizontal);
+			let n = l("note-align-vertical");
+			n && Mn(n, "vertical", s.vertical);
+		}, f = (e) => {
+			typeof document.execCommand == "function" && document.execCommand(e, !1), d();
+		}, p = (e) => {
+			e === "horizontal" ? s.horizontal = yn(_n, s.horizontal) : s.vertical = yn(vn, s.vertical), Nn(o, s), d();
+		}, m = (e) => {
+			e === "note-bold" ? f("bold") : e === "note-italic" ? f("italic") : e === "note-bullet" ? (On(o), d()) : p(e === "note-align-horizontal" ? "horizontal" : "vertical");
+		}, h = () => d();
+		document.addEventListener("selectionchange", h);
+		let g = !1, _ = () => {
+			g || (g = !0, document.removeEventListener("selectionchange", h), o.removeEventListener("keydown", y), o.removeEventListener("blur", b), o.removeEventListener("paste", x), o.remove(), c.remove(), this.active = null);
+		}, v = () => {
+			if (g) return;
+			let t = In(e, Pn(Sn(o)), s);
+			_(), t && this.modeling.updateProperties(e, t);
+		}, y = (e) => {
+			if (e.key === "Escape") {
+				e.preventDefault(), _();
+				return;
+			}
+			if (e.key === "Enter") {
+				if (!(e.metaKey || e.ctrlKey)) return;
+				e.preventDefault(), v();
+				return;
+			}
+			let t = e.key.toLowerCase();
+			(e.metaKey || e.ctrlKey) && (t === "b" || t === "i") && (e.preventDefault(), f(t === "b" ? "bold" : "italic"));
+		}, b = (e) => {
+			e.relatedTarget instanceof Node && c.contains(e.relatedTarget) || v();
+		}, x = (e) => {
+			e.preventDefault();
+			let t = e.clipboardData?.getData("text/plain") ?? "";
+			t && En(o, t);
+		};
+		o.addEventListener("keydown", y), o.addEventListener("blur", b), o.addEventListener("paste", x), d(), this.active = {
+			field: o,
+			commit: v,
+			cleanup: _
+		};
+	}
+	activateConnection(e) {
+		this.active?.commit();
+		let t = this.canvas.getContainer(), n = this.canvas.zoom(), r = this.canvas.viewbox(), i = e.waypoints[0], a = e.waypoints[e.waypoints.length - 1];
+		if (!i || !a) return;
+		let o = document.createElement("input");
+		o.type = "text", o.className = "event-storming-label-input", o.placeholder = "arrow label", o.value = e.linkLabel ?? "", o.style.position = "absolute", o.style.left = `${((i.x + a.x) / 2 - 60 - r.x) * n}px`, o.style.top = `${((i.y + a.y) / 2 - 26 - r.y) * n}px`, t.appendChild(o), o.focus(), o.select();
+		let s = !1, c = () => {
+			s || (s = !0, o.removeEventListener("keydown", u), o.removeEventListener("blur", d), o.remove(), this.active = null);
+		}, l = () => {
+			if (s) return;
+			let t = Pn(o.value), n = e.linkLabel ?? "";
+			c(), t !== n && this.modeling.updateProperties(e, { linkLabel: t || void 0 });
+		}, u = (e) => {
+			e.key === "Escape" ? (e.preventDefault(), c()) : e.key === "Enter" && (e.preventDefault(), l());
+		}, d = () => l();
+		o.addEventListener("keydown", u), o.addEventListener("blur", d), this.active = {
+			field: o,
+			commit: l,
+			cleanup: c
+		};
+	}
+	cancel() {
+		this.active?.cleanup();
+	}
+};
+function In(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, !Te(e.eventStormingLabel, e))) {
+		let { width: n, height: r } = O(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 Ln(e) {
+	if (typeof document.queryCommandState != "function") return !1;
+	try {
+		return document.queryCommandState(e);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region src/label-editing/index.ts
+var Rn = {
+	__init__: ["eventStormingLabelEditing"],
+	eventStormingLabelEditing: ["type", Fn]
+}, zn = 2, Bn = 10, Vn = {
+	arrowleft: {
+		x: -1,
+		y: 0
+	},
+	arrowright: {
+		x: 1,
+		y: 0
+	},
+	arrowup: {
+		x: 0,
+		y: -1
+	},
+	arrowdown: {
+		x: 0,
+		y: 1
+	}
+}, Hn = class {
+	static $inject = [
+		"canvas",
+		"commandStack",
+		"selection",
+		"modeling",
+		"eventStormingCopyPaste",
+		"eventStormingElementFactory",
+		"create",
+		"mouse",
+		"lassoTool",
+		"eventBus"
+	];
+	constructor(e, t, n, r, i, a, o, s, c, l) {
+		let u = e.getContainer();
+		u.hasAttribute("tabindex") || u.setAttribute("tabindex", "0");
+		let d = (e) => {
+			if (Un(e.target)) return;
+			let l = e.ctrlKey || e.metaKey, u = e.key.toLowerCase();
+			if (l && u === "z" && !e.shiftKey) e.preventDefault(), t.undo();
+			else if (l && u === "z" && e.shiftKey || l && u === "y") e.preventDefault(), t.redo();
+			else if (l && u === "c") i.copy() && e.preventDefault();
+			else if (l && u === "v") i.paste() && e.preventDefault();
+			else if (l && u === "d") e.preventDefault(), i.duplicate();
+			else if (u === "delete" || u === "backspace") {
+				let t = n.get();
+				t.length && (e.preventDefault(), r.removeElements(t));
+			} else if (!l && !e.altKey && (u === "e" || u === "c")) {
+				let t = s.getLastMoveEvent();
+				if (t) {
+					e.preventDefault();
+					let n = u === "e" ? a.createNew("event", w.event.label) : a.createNew("command", w.command.label);
+					o.start(t, n);
+				}
+			} else if (!l && !e.altKey && u === "l") {
+				e.preventDefault();
+				let t = s.getLastMoveEvent();
+				c.activateSelection(t ?? e, !!t);
+			} else if (u in Vn && !l) {
+				let t = n.get();
+				if (t.length) {
+					e.preventDefault();
+					let n = e.shiftKey ? Bn : zn, i = Vn[u];
+					r.moveElements(t, {
+						x: i.x * n,
+						y: i.y * n
+					});
+				}
+			}
+		};
+		document.addEventListener("keydown", d), l.on("diagram.destroy", () => document.removeEventListener("keydown", d));
+	}
+};
+function Un(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 Wn = {
+	__init__: ["eventStormingKeyboard"],
+	eventStormingKeyboard: ["type", Hn]
+}, Gn = 500, Kn = 6, qn = 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;
+		t.on("diagram.destroy", () => {
+			s = !0;
+		}), n && (t.on("create.move", (e) => {
+			let { context: t } = e, r = t.source;
+			if (!r) return;
+			let i = t.canExecute && t.canExecute.connect;
+			n.drawPreview(t, i ?? !1, {
+				source: r,
+				connectionStart: {
+					x: r.x + r.width / 2,
+					y: r.y + r.height / 2
+				},
+				connectionEnd: {
+					x: e.x,
+					y: e.y
+				}
+			});
+		}), t.on([
+			"create.end",
+			"create.cancel",
+			"create.cleanup"
+		], (e) => {
+			n.cleanUp(e.context);
+		}));
+		let c = (e) => {
+			if (s || !e.parent || !i || !a || !o) return;
+			let n = o.getAbsoluteBBox(e), c = o.getContainer().getBoundingClientRect();
+			if (i.open(e, Y, {
+				x: c.left + n.x,
+				y: c.top + n.y + n.height + Kn
+			}), !i.isOpen()) {
+				a.removeElements([e]);
+				return;
+			}
+			t.once("popupMenu.close", () => {
+				setTimeout(() => {
+					if (!s) {
+						if (e.provisional) {
+							e.parent && a.removeElements([e]);
+							return;
+						}
+						r?.activate(e);
+					}
+				}, 0);
+			});
+		};
+		t.on("create.end", Gn, (e) => {
+			let { context: t } = e;
+			if (!t.source || !t.canExecute || !t.shape) return;
+			let n = t.shape;
+			if (n.provisional && i && a && o) {
+				if (e.originalEvent?.type === "mousedown") {
+					let e = () => {
+						document.removeEventListener("click", e, !0), clearTimeout(t), setTimeout(() => c(n), 0);
+					};
+					document.addEventListener("click", e, !0);
+					let t = setTimeout(e, 300);
+					return;
+				}
+				setTimeout(() => c(n), 0);
+				return;
+			}
+			r && setTimeout(() => r.activate(n), 0);
+		});
+	}
+}, Jn = {
+	__depends__: [fe],
+	__init__: ["eventStormingAppendBehavior"],
+	eventStormingAppendBehavior: ["type", qn]
+}, Yn = P.map((e) => ({
+	value: w[e].fill,
+	title: w[e].label
+})), Xn = class {
+	canvas;
+	modeling;
+	static $inject = [
+		"canvas",
+		"eventBus",
+		"eventStormingModeling"
+	];
+	popover;
+	onDocPointer = (e) => {
+		this.popover && !this.popover.contains(e.target) && this.close();
+	};
+	onKey = (e) => {
+		e.key === "Escape" && this.close();
+	};
+	constructor(e, t, n) {
+		this.canvas = e, this.modeling = n, t.on([
+			"canvas.viewbox.changing",
+			"drag.init",
+			"diagram.clear"
+		], () => this.close());
+	}
+	open(e, t, n) {
+		this.close();
+		let r = this.canvas.getContainer(), i = r.getBoundingClientRect(), a = document.createElement("div");
+		a.className = "event-storming-color-picker";
+		let o = [{
+			value: void 0,
+			title: "No color",
+			cls: "event-storming-cp-none"
+		}, ...Yn.map((e) => ({
+			value: e.value,
+			title: e.title,
+			cls: ""
+		}))];
+		for (let t of o) {
+			let n = document.createElement("button");
+			n.type = "button", n.className = `event-storming-cp-swatch ${t.cls}`.trim(), n.title = t.title, t.value && (n.style.background = t.value), (e.color ?? void 0) === t.value && n.classList.add("event-storming-cp-active"), n.addEventListener("click", (n) => {
+				n.stopPropagation(), this.modeling.setColor(e, t.value), this.close();
+			}), a.append(n);
+		}
+		r.appendChild(a);
+		let s = r.clientWidth, c = r.clientHeight, l = a.offsetWidth, u = a.offsetHeight, d = Math.max(4, Math.min(t - i.left, s - l - 4)), f = Math.max(4, Math.min(n - i.top, c - u - 4));
+		a.style.left = `${d}px`, a.style.top = `${f}px`, this.popover = a, setTimeout(() => {
+			document.addEventListener("click", this.onDocPointer, !0), document.addEventListener("keydown", this.onKey, !0);
+		}, 0);
+	}
+	close() {
+		this.popover && (this.popover.remove(), this.popover = void 0, document.removeEventListener("click", this.onDocPointer, !0), document.removeEventListener("keydown", this.onKey, !0));
+	}
+}, Zn = {
+	__init__: ["eventStormingColorPicker"],
+	eventStormingColorPicker: ["type", Xn]
+}, Qn = {
+	__init__: ["eventStormingOrderingProvider"],
+	eventStormingOrderingProvider: ["type", class extends pe {
+		static $inject = ["eventBus"];
+		constructor(e) {
+			super(e);
+		}
+		getOrdering(e, t) {
+			for (; t.parent;) t = t.parent;
+			let n = t.children ?? [];
+			if (N(e)) {
+				let r = n.filter((t) => t !== e && (B(t) || N(t))).length;
+				return {
+					parent: t,
+					index: r
+				};
+			}
+			if (B(e)) {
+				let r = n.filter((t) => t !== e && B(t)).length;
+				return {
+					parent: t,
+					index: r
+				};
+			}
+			return { parent: t };
+		}
+	}]
+}, $n = 12, er = class {
+	canvas;
+	eventBus;
+	modeling;
+	selection;
+	factory;
+	static $inject = [
+		"canvas",
+		"eventBus",
+		"modeling",
+		"selection",
+		"eventStormingElementFactory"
+	];
+	active = !1;
+	points = [];
+	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());
+	}
+	isActive() {
+		return this.active;
+	}
+	toggle() {
+		this.active ? this.cancel() : this.activate();
+	}
+	outerContainer() {
+		let e = this.canvas.getContainer();
+		return e.closest(".event-storming-container") ?? e;
+	}
+	activate() {
+		if (this.active) return;
+		this.active = !0, this.points = [], this.cursor = null;
+		let e = this.canvas.getContainer();
+		this.outerContainer().classList.add("event-storming-draw-mode"), e.addEventListener("mousedown", this.onMouseDown, !0), e.addEventListener("dblclick", this.onDblClick, !0), e.addEventListener("mousemove", this.onMouseMove, !0), document.addEventListener("keydown", this.onKeyDown, !0), this.eventBus.fire("tool-manager.update", { tool: "draw" });
+	}
+	finish() {
+		let e = [...this.points];
+		if (this.deactivate(), e.length < 2) return;
+		let t = this.factory.drawingFromCanvasPoints(e), n = this.modeling.createShape(t, {
+			x: t.x + t.width / 2,
+			y: t.y + t.height / 2
+		}, this.canvas.getRootElement());
+		this.selection.select(n);
+	}
+	finishClosed() {
+		let e = [...this.points];
+		if (this.deactivate(), e.length < 3) return;
+		let t = this.factory.drawingFromCanvasPoints(e, { closed: !0 }), n = this.modeling.createShape(t, {
+			x: t.x + t.width / 2,
+			y: t.y + t.height / 2
+		}, this.canvas.getRootElement());
+		this.selection.select(n);
+	}
+	cancel() {
+		this.deactivate();
+	}
+	deactivate() {
+		if (!this.active) return;
+		this.active = !1;
+		let e = this.canvas.getContainer();
+		this.outerContainer().classList.remove("event-storming-draw-mode"), e.removeEventListener("mousedown", this.onMouseDown, !0), e.removeEventListener("dblclick", this.onDblClick, !0), e.removeEventListener("mousemove", this.onMouseMove, !0), document.removeEventListener("keydown", this.onKeyDown, !0), this.points = [], this.cursor = null, this.clearPreview(), this.eventBus.fire("tool-manager.update", { tool: null });
+	}
+	toCanvasPoint(e) {
+		let t = this.canvas.getContainer().getBoundingClientRect(), n = this.canvas.viewbox(), r = this.canvas.zoom();
+		return {
+			x: (e.clientX - t.left) / r + n.x,
+			y: (e.clientY - t.top) / r + n.y
+		};
+	}
+	isChromeTarget(e) {
+		return !!e.target?.closest(".djs-palette, .djs-context-pad, .event-storming-color-picker");
+	}
+	onMouseDown = (e) => {
+		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 && tr(t, n) <= $n) {
+			this.finishClosed();
+			return;
+		}
+		let r = this.points[this.points.length - 1];
+		if (r && tr(t, r) <= $n) {
+			this.points.length >= 2 && this.finish();
+			return;
+		}
+		this.points.push(t), this.renderPreview();
+	};
+	onDblClick = (e) => {
+		this.isChromeTarget(e) || (e.preventDefault(), e.stopPropagation(), this.finish());
+	};
+	onMouseMove = (e) => {
+		this.points.length && (this.cursor = this.toCanvasPoint(e), this.renderPreview());
+	};
+	onKeyDown = (e) => {
+		e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), this.points.length >= 2 ? this.finish() : this.cancel()) : e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), this.finish());
+	};
+	renderPreview() {
+		if (this.clearPreview(), !this.points.length) return;
+		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: A,
+			"stroke-width": 2,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"stroke-dasharray": "5 4"
+		}));
+		let r = this.points[0];
+		if (f(t, p(m("circle"), {
+			cx: r.x,
+			cy: r.y,
+			r: this.points.length >= 3 ? 5 : 3,
+			fill: k.paper,
+			stroke: A,
+			"stroke-width": 1.5
+		})), this.points.length >= 2) {
+			let e = this.points[this.points.length - 1];
+			f(t, p(m("circle"), {
+				cx: e.x,
+				cy: e.y,
+				r: 5,
+				fill: k.paper,
+				stroke: A,
+				"stroke-width": 1.5
+			}));
+		}
+		f(e, t), this.layer = t;
+	}
+	clearPreview() {
+		this.layer &&= (h(this.layer), null);
+	}
+};
+function tr(e, t) {
+	return Math.hypot(e.x - t.x, e.y - t.y);
+}
+//#endregion
+//#region src/draw-tool/EventStormingDrawingHandles.ts
+var nr = class {
+	eventBus;
+	canvas;
+	modeling;
+	static $inject = [
+		"eventBus",
+		"canvas",
+		"eventStormingModeling"
+	];
+	shape = null;
+	group = null;
+	dragPreview = null;
+	constructor(e, t, n) {
+		this.eventBus = e, this.canvas = t, this.modeling = n, e.on("selection.changed", (e) => {
+			let t = e.newSelection ?? [], n = t.length === 1 ? t[0] : null;
+			this.attach(B(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));
+	}
+	attach(e) {
+		this.shape = e, this.render();
+	}
+	absolutePoints() {
+		let e = this.shape;
+		return (e.drawingPoints ?? []).map((t) => ({
+			x: e.x + t.x,
+			y: e.y + t.y
+		}));
+	}
+	render() {
+		if (this.clear(), !this.shape) return;
+		let e = this.canvas.getLayer("event-storming-drawing-handles", 1100), t = m("g");
+		this.absolutePoints().forEach((e, n) => {
+			let r = p(m("circle"), {
+				cx: e.x,
+				cy: e.y,
+				r: 5,
+				fill: k.paper,
+				stroke: k.ink,
+				"stroke-width": 1.5,
+				class: "event-storming-drawing-handle"
+			});
+			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;
+		e.preventDefault(), e.stopPropagation();
+		let n = this.shape, r = this.absolutePoints(), i = (e) => {
+			r[t] = this.toCanvasPoint(e), this.renderDragPreview(r, !!n.closed);
+		}, a = (e) => {
+			document.removeEventListener("mousemove", i, !0), document.removeEventListener("mouseup", a, !0), r[t] = this.toCanvasPoint(e), this.clearDragPreview(), this.commit(n, r);
+		};
+		document.addEventListener("mousemove", i, !0), document.addEventListener("mouseup", a, !0);
+	}
+	commit(e, t) {
+		let n = t.map((e) => e.x), r = t.map((e) => e.y), i = Math.min(...n), a = Math.min(...r);
+		this.modeling.updateProperties(e, {
+			x: i,
+			y: a,
+			width: Math.max(Math.max(...n) - i, 4),
+			height: Math.max(Math.max(...r) - a, 4),
+			drawingPoints: t.map((e) => ({
+				x: e.x - i,
+				y: e.y - a
+			}))
+		}), this.render();
+	}
+	renderDragPreview(e, t) {
+		this.clearDragPreview();
+		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: k.ink,
+			"stroke-width": 1.5,
+			"stroke-dasharray": "5 4",
+			"pointer-events": "none"
+		});
+		f(n, r), this.dragPreview = r;
+	}
+	clearDragPreview() {
+		this.dragPreview &&= (h(this.dragPreview), null);
+	}
+	clear() {
+		this.clearDragPreview(), this.group &&= (h(this.group), null);
+	}
+	toCanvasPoint(e) {
+		let t = this.canvas.getContainer().getBoundingClientRect(), n = this.canvas.viewbox(), r = this.canvas.zoom();
+		return {
+			x: (e.clientX - t.left) / r + n.x,
+			y: (e.clientY - t.top) / r + n.y
+		};
+	}
+}, rr = class {
+	static $inject = ["eventBus", "interactionEvents"];
+	constructor(e, t) {
+		e.on("interactionEvents.createHit", (e) => {
+			if (!(!B(e.element) || !e.gfx)) return ir(e.element, e.gfx), !1;
+		}), e.on("interactionEvents.updateHit", (e) => {
+			if (!(!B(e.element) || !e.gfx)) return t.removeHits(e.gfx), ir(e.element, e.gfx), !1;
+		});
+	}
+};
+function ir(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
+	}), f(t, r);
+}
+//#endregion
+//#region src/draw-tool/index.ts
+var ar = {
+	__init__: [
+		"eventStormingDrawTool",
+		"eventStormingDrawingHandles",
+		"eventStormingDrawingHitProvider"
+	],
+	eventStormingDrawTool: ["type", er],
+	eventStormingDrawingHandles: ["type", nr],
+	eventStormingDrawingHitProvider: ["type", rr]
+}, or = class {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		e.on("resize.start", 1500, (e) => {
+			let t = e.context;
+			ke(t.shape) && (t.minDimensions = E);
+		});
+	}
+}, sr = {
+	__depends__: [me],
+	__init__: ["eventStormingResizeBehavior"],
+	eventStormingResizeBehavior: ["type", or]
+}, cr = class extends _t {
+	_getModules() {
+		return [
+			...super._getModules(),
+			b,
+			ie,
+			x,
+			ee,
+			te,
+			ne,
+			re,
+			ae,
+			oe,
+			Mt,
+			yt,
+			Lt,
+			zt,
+			Wt,
+			hn,
+			Rn,
+			Wn,
+			Jt,
+			Jn,
+			Zn,
+			Nt,
+			Qn,
+			ar,
+			sr
+		];
+	}
+	undo() {
+		this.get("commandStack").undo();
+	}
+	redo() {
+		this.get("commandStack").redo();
+	}
+	canUndo() {
+		return this.get("commandStack").canUndo();
+	}
+	canRedo() {
+		return this.get("commandStack").canRedo();
+	}
+};
+//#endregion
+export { Fe as BoardBounds, k as COLORS, qn as EventStormingAppendBehavior, vt as EventStormingAttachBehavior, _e as EventStormingBaseViewer, Xn as EventStormingColorPicker, je as EventStormingElementFactory, qt as EventStormingElementSettingsProvider, pt as EventStormingExporter, ft as EventStormingImporter, Fn as EventStormingLabelEditing, wt as EventStormingModeling, Ze as EventStormingRenderer, or as EventStormingResizeBehavior, It as EventStormingRules, Re as EventStormingViewOptions, dn as ICON_ADD, en as ICON_CODE, $t as ICON_DATA_OBJECT, Z as ICON_DELETE, tn as ICON_DOWNLOAD, X as ICON_EDIT, pn as ICON_EYE, fn as ICON_FIT, rn as ICON_FOLDER_OPEN, an as ICON_IMAGE, un as ICON_MENU, on as ICON_NEW, Yt as ICON_PERSON, Qt as ICON_REDO, nn as ICON_SHARE, Zt as ICON_UNDO, S as MIRAGON, cr as Modeler, T as NOTE_STYLE, _t as NavigatedViewer, Y as POPUP_PROVIDER_ID, Ee as ROOT_ID, P as STICKY_KINDS, w as STICKY_STYLES, Le as VIEW_OPTIONS_CHANGED_EVENT, gt as Viewer, Ie as boardBoundsModule, zt as elementSnappingModule, Jn as eventStormingAppendModule, yt as eventStormingAttachModule, Zn as eventStormingColorPickerModule, hn as eventStormingContextPadModule, ut as eventStormingDrawModule, Wn as eventStormingKeyboardModule, Ne as eventStormingModelModule, Mt as eventStormingModelingModule, Wt as eventStormingPaletteModule, Jt as eventStormingPopupModule, sr as eventStormingResizeModule, Lt as eventStormingRulesModule, V as eventStormingViewOptionsModule, Q as iconMarkup, ht as ioModule, L as isAttachableKind, Oe as isAttachableSticky, N as isEventStormingConnection, M as isEventStormingShape, R as isHostKind, z as isHostSticky, I as isSticky, F as isStickyKind, Rn as labelEditingModule, C as parseNoteMarkdown, be as plainNoteText, he as saveSVG, ye as serializeNoteMarkdown };
+
+//# sourceMappingURL=index.js.map