@miragon/context-maps-renderer 0.5.0 → 0.6.0

package/dist/index.js

@@ -94,16 +94,13 @@ var E = {
 	"--cd-danger": E.danger,
 	"--cd-info": E.info,
 	"--cd-gradient-brand": E.gradientBrand
-}, ze = {
-	width: 440,
-	height: 820
-}, Be = 1500;
+}, ze = 1500;
 E.blau;
-var D = E.schwarz, Ve = "#5B5B5B", O = {
+var D = E.schwarz, Be = "#5B5B5B", O = {
 	family: "'Geist Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
 	label: 13.5,
 	small: 11
-}, k = E.weiss, He = "#F1F1EE", Ue = "#8A8577", A;
+}, k = E.weiss, Ve = "#F1F1EE", He = "#8A8577", A;
 function j(e, t, n) {
 	return A === void 0 && (A = typeof document > "u" ? null : document.createElement("canvas").getContext("2d")), A ? (A.font = `${n} ${t}px ${O.family}`, A.measureText(e).width) : e.length * t * .58;
 }
@@ -114,25 +111,25 @@ var M = {
 	y: 15,
 	fontWeight: "700",
 	letterSpacingEm: .03
-}, We = 5, Ge = 12;
-function Ke(e, t, n) {
-	let r = n.length * O.small * .55, i = e / 2 - (19 + r) / 2, a = i + 14 + We;
+}, Ue = 5, We = 12;
+function Ge(e, t, n) {
+	let r = n.length * O.small * .55, i = e / 2 - (19 + r) / 2, a = i + 14 + Ue;
 	return {
 		left: i,
 		iconCenterX: i + 7,
 		textX: a,
-		centerY: t - Ge,
+		centerY: t - We,
 		right: a + j(n, O.small, "400")
 	};
 }
-function qe(e) {
+function Ke(e) {
 	let { label: t } = p[e], n = M.letterSpacingEm * O.small;
 	return M.x + j(t, O.small, M.fontWeight) + t.length * n;
 }
-function Je(e) {
+function qe(e) {
 	let t = 0, n = e.width;
-	if (e.subdomainType && p[e.subdomainType] && (n = Math.max(n, qe(e.subdomainType))), e.team) {
-		let r = Ke(e.width, 0, e.team);
+	if (e.subdomainType && p[e.subdomainType] && (n = Math.max(n, Ke(e.subdomainType))), e.team) {
+		let r = Ge(e.width, 0, e.team);
 		t = Math.min(t, r.left), n = Math.max(n, r.right);
 	}
 	return {
@@ -142,7 +139,7 @@ function Je(e) {
 }
 //#endregion
 //#region src/model/contentBounds.ts
-function Ye(e) {
+function Je(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = (e, a, o, s) => {
 		[
 			e,
@@ -152,7 +149,7 @@ function Ye(e) {
 		].every(Number.isFinite) && (t = Math.min(t, e), n = Math.min(n, a), r = Math.max(r, e + o), i = Math.max(i, a + s));
 	};
 	for (let t of e) if (w(t)) {
-		let e = Je(t);
+		let e = qe(t);
 		a(e.left, t.y, e.right - e.left, t.height);
 	} else if (T(t)) for (let e of t.waypoints ?? []) a(e.x, e.y, 0, 0);
 	if (!(t > r || n > i)) return {
@@ -164,16 +161,16 @@ function Ye(e) {
 }
 //#endregion
 //#region src/io/types.ts
-var N = i, Xe = {
+var N = i, Ye = {
 	top: 84,
 	right: 56,
 	bottom: 56,
 	left: 56
-}, Ze = .001;
-function Qe(e) {
+}, Xe = .001;
+function Ze(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-var $e = class {
+var Qe = class {
 	_diagram;
 	_container;
 	_options;
@@ -182,7 +179,7 @@ var $e = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("cm-djs-container"), t.style.width = Qe(e.width ?? "100%"), t.style.height = Qe(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("cm-djs-container"), t.style.width = Ze(e.width ?? "100%"), t.style.height = Ze(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -204,7 +201,7 @@ var $e = class {
 	}
 	freeRectInsets = () => {
 		let { freeArea: e, freeRectInsets: t } = this._options;
-		return (e ? e.insets?.() : t?.()) ?? Xe;
+		return (e ? e.insets?.() : t?.()) ?? Ye;
 	};
 	freeRectCenter = () => this._options.freeArea?.center?.();
 	_optional(e) {
@@ -255,7 +252,7 @@ var $e = class {
 		return Le(this.get("canvas"), this.get("elementRegistry"));
 	}
 	contentBounds() {
-		if (this._diagram) return Ye(this._diagram.get("elementRegistry").getAll());
+		if (this._diagram) return Je(this._diagram.get("elementRegistry").getAll());
 	}
 	_fit() {
 		let e = this.get("canvas"), { width: t, height: n } = e.getSize();
@@ -270,7 +267,7 @@ var $e = class {
 			});
 			return;
 		}
-		let i = this.freeRectInsets(), a = Math.max(t - i.left - i.right, 1), o = Math.max(n - i.top - i.bottom, 1), s = Math.max(r.width, 1), c = Math.max(r.height, 1), l = Math.max(Math.min(a / s, o / c, 1), Ze);
+		let i = this.freeRectInsets(), a = Math.max(t - i.left - i.right, 1), o = Math.max(n - i.top - i.bottom, 1), s = Math.max(r.width, 1), c = Math.max(r.height, 1), l = Math.max(Math.min(a / s, o / c, 1), Xe);
 		e.viewbox({
 			x: r.x + s / 2 - (i.left + a / 2) / l,
 			y: r.y + c / 2 - (i.top + o / 2) / l,
@@ -296,11 +293,11 @@ var $e = class {
 };
 //#endregion
 //#region src/model/CmElementFactory.ts
-function et(e, t) {
+function $e(e, t) {
 	let n = g(e, t);
 	return Object.keys(n).length > 0 ? { cmForeign: n } : {};
 }
-var tt = class {
+var et = class {
 	elementFactory;
 	static $inject = ["elementFactory"];
 	constructor(e) {
@@ -324,7 +321,7 @@ var tt = class {
 			...e.description ? { description: e.description } : {},
 			...e.fill ? { fill: e.fill } : {},
 			...e.stroke ? { stroke: e.stroke } : {},
-			...et(e, r)
+			...$e(e, r)
 		});
 	}
 	createRelationship(e, t, n, r) {
@@ -340,7 +337,7 @@ var tt = class {
 			...e.label ? { cmLabel: e.label } : {},
 			...e.description ? { description: e.description } : {},
 			...e.implementationTechnology ? { implementationTechnology: e.implementationTechnology } : {},
-			...et(e, d)
+			...$e(e, d)
 		});
 	}
 	createNewContext(e, t) {
@@ -353,14 +350,14 @@ var tt = class {
 			cmLabel: t ?? "New Context"
 		});
 	}
-}, nt = class extends se {
+}, tt = class extends se {
 	create(e, t) {
 		return !t?.id && (e === "shape" || e === "connection") && (t = {
 			...t,
 			id: te(e === "shape" ? "ctx" : "rel")
 		}), super.create(e, t);
 	}
-}, rt = class {
+}, nt = class {
 	docking;
 	static $inject = ["connectionDocking"];
 	constructor(e) {
@@ -370,14 +367,14 @@ var tt = class {
 		let n = t.source ?? e.source, r = t.target ?? e.target, i = [n ? _(n) : t.connectionStart || void 0, r ? _(r) : t.connectionEnd || void 0].filter(Boolean);
 		return e.waypoints = i, n && r && i.length === 2 ? this.docking.getCroppedWaypoints(e, n, r) : i;
 	}
-}, it = {
-	elementFactory: ["type", nt],
-	cmElementFactory: ["type", tt],
+}, rt = {
+	elementFactory: ["type", tt],
+	cmElementFactory: ["type", et],
 	connectionDocking: ["type", oe]
 };
 //#endregion
 //#region src/draw/endRoleChips.ts
-function at(e, t, n, r) {
+function it(e, t, n, r) {
 	if (r.length === 0) return null;
 	let i = t.x - e.x, a = t.y - e.y, o = Math.hypot(i, a) || 1, s = i / o, c = a / o, l = O.small * .64, u = O.small + 6, d = r.map((e) => e.length * l + 12), f = d.reduce((e, t) => e + t, 0) + 3 * (r.length - 1), p = f + 8, m = u + 8, h = 11 + n.length * l / 2 + 8 + p / 2, g = {
 		x: e.x + s * h,
@@ -399,10 +396,10 @@ function at(e, t, n, r) {
 }
 //#endregion
 //#region src/draw/ContextMapsRenderer.ts
-var ot = class extends le {
+var at = class extends le {
 	static $inject = ["eventBus"];
 	constructor(e) {
-		super(e, Be);
+		super(e, ze);
 	}
 	canRender(e) {
 		return C(e);
@@ -447,7 +444,7 @@ var ot = class extends le {
 			"stroke-linejoin": "round"
 		});
 		if (v(e, a), this.appendLabel(e, t.cmLabel ?? "", r, i, !!t.team, { "font-weight": "650" }), t.subdomainType && n) {
-			v(e, ut(t.subdomainType, 15, 15, 18, n.stroke));
+			v(e, lt(t.subdomainType, 15, 15, 18, n.stroke));
 			let r = y(b("text"), {
 				x: M.x,
 				y: M.y,
@@ -462,7 +459,7 @@ var ot = class extends le {
 			r.textContent = n.label, v(e, r);
 		}
 		if (t.team) {
-			let n = Ke(r, i, t.team), a = ft(n.iconCenterX, n.centerY, 14, Ve);
+			let n = Ge(r, i, t.team), a = dt(n.iconCenterX, n.centerY, 14, Be);
 			y(a, { class: "cm-team" }), v(e, a);
 			let o = y(b("text"), {
 				class: "cm-team",
@@ -470,7 +467,7 @@ var ot = class extends le {
 				y: n.centerY,
 				"font-family": O.family,
 				"font-size": O.small,
-				fill: Ve,
+				fill: Be,
 				"text-anchor": "start",
 				"dominant-baseline": "central"
 			});
@@ -515,7 +512,7 @@ var ot = class extends le {
 			"dominant-baseline": "central"
 		});
 		f.textContent = r, v(e, f);
-		let p = at(t, n, r, i);
+		let p = it(t, n, r, i);
 		if (!p) return;
 		let { box: m, center: h, chipWidths: g, chipHeight: ee, innerWidth: te, gap: ne } = p, re = h.y, ie = y(b("rect"), {
 			x: m.x,
@@ -545,7 +542,7 @@ var ot = class extends le {
 			rx: 3,
 			ry: 3,
 			fill: o,
-			stroke: st(o),
+			stroke: ot(o),
 			"stroke-width": 1
 		});
 		v(e, s);
@@ -589,8 +586,8 @@ var ot = class extends le {
 		d.textContent = r, v(e, d);
 	}
 	appendLabel(e, t, n, r, i, a) {
-		let o = typeof a["font-size"] == "number" ? a["font-size"] : O.label, s = String(a["font-weight"] ?? "400"), c = n - 20, l = mt(t, c, o, s), u = o * 1.2, d = r - 36 - (i ? 18 : 8), f = Math.max(1, Math.floor(d / u));
-		l.length > f && (l = l.slice(0, f), l[f - 1] = pt(l[f - 1], c, o, s));
+		let o = typeof a["font-size"] == "number" ? a["font-size"] : O.label, s = String(a["font-weight"] ?? "400"), c = n - 20, l = pt(t, c, o, s), u = o * 1.2, d = r - 36 - (i ? 18 : 8), f = Math.max(1, Math.floor(d / u));
+		l.length > f && (l = l.slice(0, f), l[f - 1] = ft(l[f - 1], c, o, s));
 		let p = 36 + u / 2;
 		l.forEach((t, r) => {
 			let i = y(b("text"), {
@@ -608,14 +605,14 @@ var ot = class extends le {
 		});
 	}
 };
-function st(e, t = .7) {
+function ot(e, t = .7) {
 	let n = /^#([0-9a-f]{6})$/i.exec(e);
 	if (!n) return e;
 	let r = parseInt(n[1], 16);
 	return `rgb(${Math.round((r >> 16 & 255) * t)},${Math.round((r >> 8 & 255) * t)},${Math.round((r & 255) * t)})`;
 }
-var ct = "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 7.1-1.01z", lt = "M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z";
-function ut(e, t, n, r, i) {
+var st = "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 7.1-1.01z", ct = "M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z";
+function lt(e, t, n, r, i) {
 	if (e === "generic") {
 		let e = b("g"), a = y(b("circle"), {
 			cx: t,
@@ -631,34 +628,34 @@ function ut(e, t, n, r, i) {
 	let a = r / 24, o = e === "supporting" ? " rotate(90 12 12)" : "", s = b("g");
 	y(s, { transform: `translate(${t - 12 * a} ${n - 12 * a}) scale(${a})${o}` });
 	let c = y(b("path"), {
-		d: e === "core" ? ct : lt,
+		d: e === "core" ? st : ct,
 		fill: i
 	});
 	return v(s, c), s;
 }
-var dt = "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z";
-function ft(e, t, n, r) {
+var ut = "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z";
+function dt(e, t, n, r) {
 	let i = n / 24, a = b("g");
 	y(a, { transform: `translate(${e - 12 * i} ${t - 12 * i}) scale(${i})` });
 	let o = y(b("path"), {
-		d: dt,
+		d: ut,
 		fill: r
 	});
 	return v(a, o), a;
 }
-function pt(e, t, n, r) {
+function ft(e, t, n, r) {
 	let i = e;
 	for (; i && j(`${i}…`, n, r) > t;) i = i.slice(0, -1).trimEnd();
 	return `${i}…`;
 }
-function mt(e, t, n, r) {
+function pt(e, t, n, r) {
 	let i = e.split("\n");
 	return i.every((e) => e.trim() === "") ? [] : i.flatMap((e) => {
-		let i = ht(e, t, n, r);
+		let i = mt(e, t, n, r);
 		return i.length ? i : [""];
 	});
 }
-function ht(e, t, n, r) {
+function mt(e, t, n, r) {
 	let i = e.split(/\s+/).filter(Boolean);
 	if (i.length === 0) return [];
 	let a = (e) => j(e, n, r) <= t, o = [], s = "";
@@ -684,13 +681,13 @@ function ht(e, t, n, r) {
 }
 //#endregion
 //#region src/draw/index.ts
-var gt = {
+var ht = {
 	__init__: ["cmRenderer"],
-	cmRenderer: ["type", ot]
+	cmRenderer: ["type", at]
 };
 //#endregion
 //#region src/io/CmImporter.ts
-function _t(e, t) {
+function gt(e, t) {
 	let n = e.x + e.width / 2, r = e.y + e.height / 2, i = t.x - n, a = t.y - r;
 	if (i === 0 && a === 0) return {
 		x: n,
@@ -702,13 +699,13 @@ function _t(e, t) {
 		y: r + a * c
 	};
 }
-function vt(e) {
+function _t(e) {
 	return {
 		x: e.x + e.width / 2,
 		y: e.y + e.height / 2
 	};
 }
-var yt = class {
+var vt = class {
 	canvas;
 	elementFactory;
 	factory;
@@ -755,7 +752,7 @@ var yt = class {
 				});
 				continue;
 			}
-			let s = [_t(e, vt(a)), _t(a, vt(e))], c = this.factory.createRelationship(r, e, a, s);
+			let s = [gt(e, _t(a)), gt(a, _t(e))], c = this.factory.createRelationship(r, e, a, s);
 			this.canvas.addConnection(c, n);
 		}
 		for (let e of o.values()) this.canvas.addShape(e, n);
@@ -773,7 +770,7 @@ var yt = class {
 			"waypoints" in t ? this.canvas.removeConnection(t.id) : this.canvas.removeShape(t.id);
 		} catch {}
 	}
-}, bt = class {
+}, yt = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
@@ -827,22 +824,22 @@ var yt = class {
 			...e?.foreign
 		};
 	}
-}, xt = {
-	cmImporter: ["type", yt],
-	cmExporter: ["type", bt]
-}, St = class extends $e {
+}, bt = {
+	cmImporter: ["type", vt],
+	cmExporter: ["type", yt]
+}, xt = class extends Qe {
 	_getModules() {
 		return [
-			it,
-			gt,
-			xt
+			rt,
+			ht,
+			bt
 		];
 	}
-}, Ct = {
+}, St = {
 	x: 14,
 	y: 18
-}, wt = 12;
-function Tt(e) {
+}, Ct = 12;
+function wt(e) {
 	if (w(e)) {
 		let t = [];
 		return e.description && t.push(e.description), e.team && t.push(`Team: ${e.team}`), t.length === 0 ? null : {
@@ -859,7 +856,7 @@ function Tt(e) {
 	}
 	return null;
 }
-var Et = class {
+var Tt = class {
 	static $inject = ["eventBus", "canvas"];
 	tooltip;
 	title;
@@ -868,13 +865,13 @@ var Et = class {
 		let n = t.getContainer();
 		this.tooltip = document.createElement("div"), this.tooltip.className = "cm-hover-tooltip", this.tooltip.setAttribute("role", "tooltip"), this.tooltip.hidden = !0, this.title = document.createElement("strong"), this.body = document.createElement("span"), this.tooltip.append(this.title, this.body), n.append(this.tooltip);
 		let r = (e) => {
-			let t = n.getBoundingClientRect(), r = this.tooltip.offsetWidth, i = Math.min(e.clientX - t.left + Ct.x, t.width - r - wt);
-			this.tooltip.style.left = `${Math.max(wt, i)}px`, this.tooltip.style.top = `${e.clientY - t.top + Ct.y}px`;
+			let t = n.getBoundingClientRect(), r = this.tooltip.offsetWidth, i = Math.min(e.clientX - t.left + St.x, t.width - r - Ct);
+			this.tooltip.style.left = `${Math.max(Ct, i)}px`, this.tooltip.style.top = `${e.clientY - t.top + St.y}px`;
 		}, i = () => {
 			this.tooltip.hidden = !0, n.removeEventListener("mousemove", r);
 		};
 		e.on("element.hover", (e) => {
-			let t = Tt(e.element);
+			let t = wt(e.element);
 			t ? (this.title.textContent = t.title, this.body.textContent = t.body, this.body.hidden = t.body === "", this.tooltip.hidden = !1, e.originalEvent && r(e.originalEvent), n.addEventListener("mousemove", r)) : i();
 		}), e.on([
 			"element.out",
@@ -885,51 +882,51 @@ var Et = class {
 			i(), this.tooltip.remove();
 		});
 	}
-}, Dt = {
+}, Et = {
 	__init__: ["cmHoverTooltip"],
-	cmHoverTooltip: ["type", Et]
-}, Ot = class extends St {
+	cmHoverTooltip: ["type", Tt]
+}, Dt = class extends xt {
 	_getModules() {
 		return [
 			...super._getModules(),
 			x,
 			de,
 			fe,
-			Dt
+			Et
 		];
 	}
 };
 //#endregion
 //#region src/modeling/cmd/UpdatePropertiesHandler.ts
-function kt(e, t, n) {
+function Ot(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-var At = class {
+var kt = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], kt(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], Ot(r, e, n[e]);
 		return e.oldProperties = i, [t];
 	}
 	revert(e) {
 		let { element: t, oldProperties: n } = e, r = t;
-		if (n) for (let e of Object.keys(n)) kt(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) Ot(r, e, n[e]);
 		return [t];
 	}
 };
 //#endregion
 //#region src/modeling/cmd/SwapEndsHandler.ts
-function jt(e) {
+function At(e) {
 	let t = e.source;
 	return e.source = e.target, e.target = t, Array.isArray(e.waypoints) && (e.waypoints = [...e.waypoints].reverse()), [e];
 }
-var Mt = class {
+var jt = class {
 	execute(e) {
-		return jt(e.connection);
+		return At(e.connection);
 	}
 	revert(e) {
-		return jt(e.connection);
+		return At(e.connection);
 	}
-}, Nt = class {
+}, Mt = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
@@ -954,7 +951,7 @@ var Mt = class {
 			title: e.oldTitle ?? ""
 		}, [];
 	}
-}, Pt = "element.updateProperties", Ft = "relationship.swapEnds", It = "map.updateTitle", Lt = class {
+}, Nt = "element.updateProperties", Pt = "relationship.swapEnds", Ft = "map.updateTitle", It = class {
 	commandStack;
 	elementRegistry;
 	graphicsFactory;
@@ -964,20 +961,20 @@ var Mt = class {
 		"graphicsFactory"
 	];
 	constructor(e, t, n) {
-		this.commandStack = e, this.elementRegistry = t, this.graphicsFactory = n, e.registerHandler(Pt, At), e.registerHandler(Ft, Mt), e.registerHandler(It, Nt);
+		this.commandStack = e, this.elementRegistry = t, this.graphicsFactory = n, e.registerHandler(Nt, kt), e.registerHandler(Pt, jt), e.registerHandler(Ft, Mt);
 	}
 	setTitle(e) {
-		this.commandStack.execute(It, { title: e });
+		this.commandStack.execute(Ft, { title: e });
 	}
 	redraw(e) {
 		let t = this.elementRegistry.getGraphics(e);
 		t && this.graphicsFactory.update(T(e) ? "connection" : "shape", e, t);
 	}
 	swapEnds(e) {
-		this.commandStack.execute(Ft, { connection: e }), this.redraw(e);
+		this.commandStack.execute(Pt, { connection: e }), this.redraw(e);
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(Pt, {
+		this.commandStack.execute(Nt, {
 			element: e,
 			properties: t
 		}), this.redraw(e);
@@ -1020,23 +1017,23 @@ var Mt = class {
 	}
 }, P = {
 	__init__: ["cmModeling"],
-	cmModeling: ["type", Lt],
-	layouter: ["type", rt]
-}, Rt = class extends _e {
+	cmModeling: ["type", It],
+	layouter: ["type", nt]
+}, Lt = class extends _e {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	init() {
-		this.addRule(["shape.move", "elements.move"], (e) => e.target && e.target.parent ? null : !0), this.addRule("shape.create", () => !0), this.addRule("shape.resize", () => !1), this.addRule("connection.create", (e) => Bt(e.source, e.target)), this.addRule("connection.reconnect", (e) => !!Bt(e.source, e.target, e.connection)), this.addRule("connection.updateWaypoints", () => !0);
+		this.addRule(["shape.move", "elements.move"], (e) => e.target && e.target.parent ? null : !0), this.addRule("shape.create", () => !0), this.addRule("shape.resize", () => !1), this.addRule("connection.create", (e) => zt(e.source, e.target)), this.addRule("connection.reconnect", (e) => !!zt(e.source, e.target, e.connection)), this.addRule("connection.updateWaypoints", () => !0);
 	}
 };
-function zt(e, t, n) {
+function Rt(e, t, n) {
 	let { incoming: r = [], outgoing: i = [] } = e;
 	return [...r, ...i].some((r) => r !== n && (r.source === e && r.target === t || r.source === t && r.target === e));
 }
-function Bt(e, t, n) {
-	return !w(e) || !w(t) || e === t || zt(e, t, n) ? !1 : {
+function zt(e, t, n) {
+	return !w(e) || !w(t) || e === t || Rt(e, t, n) ? !1 : {
 		cmKind: "relationship",
 		pattern: "upstream-downstream"
 	};
@@ -1046,8 +1043,8 @@ function Bt(e, t, n) {
 var F = {
 	__depends__: [ge],
 	__init__: ["cmRules"],
-	cmRules: ["type", Rt]
-}, Vt = class extends ve {
+	cmRules: ["type", Lt]
+}, Bt = class extends ve {
 	static $inject = [
 		"eventBus",
 		"canvas",
@@ -1075,33 +1072,33 @@ var F = {
 			}
 		}, !0);
 	}
-}, Ht = "cm-dragging", Ut = class {
+}, Vt = "cm-dragging", Ht = class {
 	static $inject = ["eventBus", "canvas"];
 	constructor(e, t) {
 		e.on("drag.init", () => {
-			t.getContainer().classList.add(Ht);
+			t.getContainer().classList.add(Vt);
 		}), e.on("drag.cleanup", () => {
-			t.getContainer().classList.remove(Ht);
+			t.getContainer().classList.remove(Vt);
 		});
 	}
-}, Wt = 2e3, Gt = {
+}, Ut = 2e3, Wt = {
 	__init__: [
 		"cmFlatModelBehavior",
 		"cmDragBehavior",
 		"cmClickSelectionBehavior"
 	],
-	cmFlatModelBehavior: ["type", Vt],
-	cmDragBehavior: ["type", Ut],
+	cmFlatModelBehavior: ["type", Bt],
+	cmDragBehavior: ["type", Ht],
 	cmClickSelectionBehavior: ["type", class {
 		static $inject = ["eventBus", "selection"];
 		constructor(e, t) {
-			e.on("element.click", Wt, (e) => {
+			e.on("element.click", Ut, (e) => {
 				let n = e.element;
 				if (C(n) && !ye(e) && t.isSelected(n)) return !1;
 			});
 		}
 	}]
-}, I = "cm.readOnly.changed", Kt = 5e3, qt = [
+}, I = "cm.readOnly.changed", Gt = 5e3, Kt = [
 	"elements.move",
 	"shape.move",
 	"shape.resize",
@@ -1113,7 +1110,7 @@ var F = {
 	"connection.reconnect",
 	"connection.updateWaypoints",
 	"elements.delete"
-], Jt = class extends _e {
+], qt = class extends _e {
 	bus;
 	static $inject = ["eventBus"];
 	readOnly = !1;
@@ -1121,7 +1118,7 @@ var F = {
 		super(e), this.bus = e;
 	}
 	init() {
-		this.addRule(qt, Kt, () => !this.readOnly && void 0);
+		this.addRule(Kt, Gt, () => !this.readOnly && void 0);
 	}
 	isReadOnly() {
 		return this.readOnly;
@@ -1132,11 +1129,11 @@ var F = {
 }, L = {
 	__depends__: [ge],
 	__init__: ["cmReadOnly"],
-	cmReadOnly: ["type", Jt]
-}, Yt = {
+	cmReadOnly: ["type", qt]
+}, Jt = {
 	name: "cm-direct-editing",
 	team: "cm-direct-editing-team"
-}, Xt = 10, Zt = 20, Qt = class {
+}, Yt = 10, Xt = 20, Zt = class {
 	canvas;
 	directEditing;
 	modeling;
@@ -1164,7 +1161,7 @@ var F = {
 		}), e.on("drag.init", () => n.complete()), e.on("canvas.viewbox.changed", () => this.placeOpenEdit()), e.on("directEditing.activate", (e) => {
 			let n = e.active?.element;
 			if (!n) return;
-			let r = Yt[this.mode];
+			let r = Jt[this.mode];
 			t.addMarker(n, r), this.activeMarker = {
 				element: n,
 				marker: r
@@ -1219,7 +1216,7 @@ var F = {
 		let t = this.elementRegistry.get(e.elementId);
 		if (!C(t) || e.mode === "team" && !w(t) || (this.mode = e.mode, !this.directEditing.activate(t))) return;
 		let n = this.directEditing.$textbox?.querySelector("[contenteditable]");
-		n && (n.innerText = e.text, $t(n));
+		n && (n.innerText = e.text, Qt(n));
 	}
 	activate(e) {
 		this.mode = "name", this.directEditing.activate(e);
@@ -1243,10 +1240,10 @@ var F = {
 			let r = e;
 			return {
 				bounds: {
-					x: n.x + Xt * t,
+					x: n.x + Yt * t,
 					y: n.y + n.height - 22 * t,
 					width: n.width - 20 * t,
-					height: Zt * t
+					height: Xt * t
 				},
 				text: r.team ?? "",
 				style: {
@@ -1274,7 +1271,7 @@ var F = {
 			let i = e.team ? 18 * t : 0;
 			return {
 				bounds: {
-					x: n.x + Xt * t,
+					x: n.x + Yt * t,
 					y: n.y + 36 * t - 1,
 					width: n.width - 20 * t,
 					height: n.height - 36 * t - i
@@ -1308,7 +1305,7 @@ var F = {
 		} else n !== (e.cmLabel ?? "") && this.modeling.updateLabel(e, n);
 	}
 };
-function $t(e) {
+function Qt(e) {
 	let t = document.createRange();
 	t.selectNodeContents(e), t.collapse(!1);
 	let n = window.getSelection();
@@ -1323,26 +1320,26 @@ var R = {
 		L
 	],
 	__init__: ["cmLabelEditing"],
-	cmLabelEditing: ["type", Qt]
+	cmLabelEditing: ["type", Zt]
 };
 //#endregion
 //#region src/draw/palette-icons.ts
 function z(e, t = 24) {
 	return `<svg class="cm-palette-svg" width="${t}" height="${t}" viewBox="0 0 26 26" aria-hidden="true">${e}</svg>`;
 }
-var en = "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 7.1-1.01z", tn = "M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z";
-function nn(e, t, n, r, i) {
+var $t = "M12 2l2.9 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 7.1-1.01z", en = "M23 5.5V20c0 2.2-1.8 4-4 4h-7.3c-1.08 0-2.1-.43-2.85-1.19L1 14.83s1.26-1.23 1.3-1.25c.22-.19.49-.29.79-.29.22 0 .42.06.6.16.04.01 4.31 2.46 4.31 2.46V4c0-.83.67-1.5 1.5-1.5S11 3.17 11 4v7h1V1.5c0-.83.67-1.5 1.5-1.5S15 .67 15 1.5V11h1V2.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5V11h1V5.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z";
+function tn(e, t, n, r, i) {
 	if (e === "generic") return `<circle cx="${t}" cy="${n}" r="${r / 2 - .5}" fill="none" stroke="${i}" stroke-width="1.4" stroke-dasharray="1.8 1.8"/>`;
 	let a = r / 24, o = e === "supporting" ? " rotate(90 12 12)" : "", s = `translate(${t - 12 * a} ${n - 12 * a}) scale(${a})${o}`;
-	return `<path d="${e === "core" ? en : tn}" fill="${i}" transform="${s}"/>`;
+	return `<path d="${e === "core" ? $t : en}" fill="${i}" transform="${s}"/>`;
 }
 function B(e) {
 	let t = e ? p[e] : void 0;
-	return z(!e || !t ? `<rect x="2" y="4" width="22" height="18" rx="3.5" fill="${He}" stroke="${Ue}" stroke-width="1.5"/>` : `<rect x="2" y="4" width="22" height="18" rx="3.5" fill="${t.fill}" stroke="${t.stroke}" stroke-width="1.5"/>` + nn(e, 13, 13, 12, t.stroke));
+	return z(!e || !t ? `<rect x="2" y="4" width="22" height="18" rx="3.5" fill="${Ve}" stroke="${He}" stroke-width="1.5"/>` : `<rect x="2" y="4" width="22" height="18" rx="3.5" fill="${t.fill}" stroke="${t.stroke}" stroke-width="1.5"/>` + tn(e, 13, 13, 12, t.stroke));
 }
-function rn(e, t = 18) {
+function nn(e, t = 18) {
 	let n = p[e], r = n?.stroke ?? "#8A8577";
-	return `<svg class="cm-palette-svg" width="${t}" height="${t}" viewBox="0 0 24 24" aria-hidden="true">${!n || e === "generic" ? `<circle cx="12" cy="12" r="9" fill="none" stroke="${r}" stroke-width="1.8" stroke-dasharray="2.4 2.4"/>` : `<path d="${e === "core" ? en : tn}" fill="${r}"/>`}</svg>`;
+	return `<svg class="cm-palette-svg" width="${t}" height="${t}" viewBox="0 0 24 24" aria-hidden="true">${!n || e === "generic" ? `<circle cx="12" cy="12" r="9" fill="none" stroke="${r}" stroke-width="1.8" stroke-dasharray="2.4 2.4"/>` : `<path d="${e === "core" ? $t : en}" fill="${r}"/>`}</svg>`;
 }
 function V(e) {
 	return z(`<rect x="1" y="6.5" width="24" height="13" rx="3" fill="${l[e] ?? "#8A8577"}"/><text x="13" y="16.4" text-anchor="middle" font-size="9.5" font-weight="700" fill="${u}" font-family="${O.family}">${e}</text>`);
@@ -1353,7 +1350,7 @@ function H(e = "upstream-downstream", t = 24) {
 }
 //#endregion
 //#region src/draw/lucide.ts
-var an = {
+var rn = {
 	"arrow-left-right": "<path d=\"M8 3 4 7l4 4\"/><path d=\"M4 7h16\"/><path d=\"m16 21 4-4-4-4\"/><path d=\"M20 17H4\"/>",
 	"arrow-right": "<path d=\"M5 12h14\"/><path d=\"m12 5 7 7-7 7\"/>",
 	"circle-x": "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"m15 9-6 6\"/><path d=\"m9 9 6 6\"/>",
@@ -1367,28 +1364,28 @@ var an = {
 	users: "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/>",
 	x: "<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>"
 };
-function on(e, t, n) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${n}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${an[e]}</svg>`;
+function an(e, t, n) {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${n}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${rn[e]}</svg>`;
 }
 function U(e) {
-	return on(e, 16, 2.5);
+	return an(e, 16, 2.5);
 }
-function sn(e) {
-	return on(e, 20, 2);
+function on(e) {
+	return an(e, 20, 2);
 }
 //#endregion
 //#region src/palette/CmPaletteProvider.ts
-var cn = "tools", ln = "cm-1-contexts", un = 24;
-function dn(e, t) {
+var sn = "tools", cn = "cm-1-contexts", ln = 24;
+function un(e, t) {
 	return `<div class="entry cm-palette-entry"${t ? " draggable=\"true\"" : ""}>${e}</div>`;
 }
-function fn(e) {
+function dn(e) {
 	return e.charAt(0) + e.slice(1).toLowerCase();
 }
-function pn(e) {
+function fn(e) {
 	return e.type === "click" && e.detail === 0;
 }
-var mn = class {
+var pn = class {
 	create;
 	lassoTool;
 	factory;
@@ -1418,20 +1415,20 @@ var mn = class {
 	getPaletteEntries() {
 		let e = {};
 		e["lasso-tool"] = {
-			group: cn,
+			group: sn,
 			title: "Lasso",
-			html: dn(sn("square-dashed-mouse-pointer"), !1),
+			html: un(on("square-dashed-mouse-pointer"), !1),
 			action: { click: (e) => this.lassoTool.activateSelection(e) }
 		};
 		for (let t of n) {
 			let n = (e) => {
 				let n = this.factory.createNewContext(t.type, t.label);
-				pn(e) ? this.placeInFreeRect(n) : this.create.start(e, n);
+				fn(e) ? this.placeInFreeRect(n) : this.create.start(e, n);
 			};
 			e[`context.${t.type}`] = {
-				group: ln,
-				title: fn(t.label),
-				html: dn(B(t.type), !0),
+				group: cn,
+				title: dn(t.label),
+				html: un(B(t.type), !0),
 				action: {
 					dragstart: n,
 					click: n
@@ -1449,7 +1446,7 @@ var mn = class {
 			let n = t;
 			return Math.abs(n.x + n.width / 2 - e.x) < 1 && Math.abs(n.y + n.height / 2 - e.y) < 1;
 		});
-		for (; r(n);) n.x += un, n.y += un;
+		for (; r(n);) n.x += ln, n.y += ln;
 		let i = this.modeling.createShape(e, n, this.canvas.getRootElement());
 		this.selection.select(i), this.canvas.focus(), this.labelEditing.activate(i);
 	}
@@ -1465,7 +1462,7 @@ var mn = class {
 			y: e.y + (t.top + r / 2) / e.scale
 		};
 	}
-}, hn = {
+}, mn = {
 	__depends__: [
 		be,
 		xe,
@@ -1477,25 +1474,25 @@ var mn = class {
 		L
 	],
 	__init__: ["cmPaletteProvider"],
-	cmPaletteProvider: ["type", mn]
-}, W = "cm-subdomain-menu", gn = "cm-pattern-menu", G = "cm-roles-menu", K = "cm-popup-active", q = 8, _n = {
+	cmPaletteProvider: ["type", pn]
+}, W = "cm-subdomain-menu", hn = "cm-pattern-menu", G = "cm-roles-menu", K = "cm-popup-active", q = 8, gn = {
 	OHS: "Open Host Service is one-size-fits-all and not applicable in a customer-supplier relationship.",
 	CF: "Conformist is not applicable in a customer-supplier relationship — a customer can negotiate."
 };
-function vn(e) {
+function _n(e) {
 	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 function J(e, t, n = {}) {
-	let r = n.draggable ? " draggable=\"true\"" : "", i = n.danger ? " cm-pad-entry--danger" : "", a = vn(t);
+	let r = n.draggable ? " draggable=\"true\"" : "", i = n.danger ? " cm-pad-entry--danger" : "", a = _n(t);
 	return `<div class="entry cm-pad-entry${i}"${r} title="${a}" aria-label="${a}">${e}</div>`;
 }
-function yn(e, t) {
+function vn(e, t) {
 	let n = t.getBoundingClientRect();
 	e.style.left = `${n.right + q}px`, e.style.top = `${n.top}px`;
 	let r = e.getBoundingClientRect();
 	r.right > window.innerWidth - 8 && (e.style.left = `${Math.max(8, n.left - r.width - q)}px`), r.bottom > window.innerHeight - 8 && (e.style.top = `${Math.max(8, window.innerHeight - 8 - r.height)}px`);
 }
-var bn = class {
+var yn = class {
 	contextPad;
 	popupMenu;
 	eventBus;
@@ -1538,7 +1535,7 @@ var bn = class {
 			}
 			let r = f.get();
 			r.length === 1 ? e.open(r[0], !0) : r.length > 1 && e.open(r, !0);
-		}), t.registerProvider(W, { getPopupMenuEntries: (e) => this.subdomainMenuEntries(e) }), t.registerProvider(gn, { getPopupMenuEntries: (e) => this.patternMenuEntries(e) }), t.registerProvider(G, { getPopupMenuEntries: (e) => this.rolesMenuEntries(e) }), n.on("autoPlace", (e) => {
+		}), t.registerProvider(W, { getPopupMenuEntries: (e) => this.subdomainMenuEntries(e) }), t.registerProvider(hn, { getPopupMenuEntries: (e) => this.patternMenuEntries(e) }), t.registerProvider(G, { getPopupMenuEntries: (e) => this.rolesMenuEntries(e) }), n.on("autoPlace", (e) => {
 			let { source: t, shape: n } = e, r = {
 				x: ce(t).right + Oe + n.width / 2,
 				y: _(t).y
@@ -1669,7 +1666,7 @@ var bn = class {
 		let t = f[e.pattern], n = { pattern: {
 			group: "edit",
 			html: J(H(t?.pattern), `Change pattern — currently ${t?.label ?? e.pattern}`),
-			action: { click: (t) => this.openMenu(t, e, gn, "Relationship pattern") }
+			action: { click: (t) => this.openMenu(t, e, hn, "Relationship pattern") }
 		} };
 		return t && !t.symmetric && (n.roles = {
 			group: "edit",
@@ -1714,10 +1711,10 @@ var bn = class {
 			let e = document.createElement("div");
 			e.className = "cm-pad-prompt__hint", e.textContent = "Esc to cancel · ⌘/Ctrl+Enter to save", r.appendChild(e);
 		}
-		this.canvas.getContainer().appendChild(r), yn(r, n), i.focus(), i instanceof HTMLTextAreaElement ? i.setSelectionRange(i.value.length, i.value.length) : i.select();
+		this.canvas.getContainer().appendChild(r), vn(r, n), i.focus(), i instanceof HTMLTextAreaElement ? i.setSelectionRange(i.value.length, i.value.length) : i.select();
 		let a = () => {
 			this.scheduler.schedule(() => {
-				n.isConnected && yn(r, n);
+				n.isConnected && vn(r, n);
 			}, "cmContextPad#placePrompt");
 		};
 		this.eventBus.on("canvas.viewbox.changed", 200, a);
@@ -1804,7 +1801,7 @@ var bn = class {
 		if (!t || t.symmetric) return {};
 		let n = e.pattern === "customer-supplier", r = e.upstreamRoles ?? [], i = e.downstreamRoles ?? [], a = {};
 		for (let t of m) {
-			let i = r.includes(t), o = n ? _n[t] : void 0, s = o !== void 0 && !i;
+			let i = r.includes(t), o = n ? gn[t] : void 0, s = o !== void 0 && !i;
 			a[`upstream-${t}`] = {
 				label: h[t].label,
 				description: o ? i ? `${o} Click to remove it.` : o : h[t].description,
@@ -1821,7 +1818,7 @@ var bn = class {
 			};
 		}
 		for (let t of s) {
-			let r = i.includes(t), o = n ? _n[t] : void 0, s = o !== void 0 && !r;
+			let r = i.includes(t), o = n ? gn[t] : void 0, s = o !== void 0 && !r;
 			a[`downstream-${t}`] = {
 				label: c[t].label,
 				description: o ? r ? `${o} Click to remove it.` : o : c[t].description,
@@ -1839,7 +1836,7 @@ var bn = class {
 		}
 		return a;
 	}
-}, xn = {
+}, bn = {
 	__depends__: [
 		Te,
 		Ee,
@@ -1854,20 +1851,20 @@ var bn = class {
 		L
 	],
 	__init__: ["cmContextPadProvider"],
-	cmContextPadProvider: ["type", bn]
+	cmContextPadProvider: ["type", yn]
 };
 //#endregion
 //#region src/keyboard/CmKeyboard.ts
-function Sn(e) {
+function xn(e) {
 	let t = e;
 	return t ? t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable : !1;
 }
-function Cn(e, t) {
+function Sn(e, t) {
 	if (!(e instanceof Node) || e instanceof Element && e.closest(".djs-palette")) return !1;
 	let n = t.ownerDocument;
 	return t.contains(e) || e === n.body || e === n.documentElement;
 }
-var wn = class {
+var Cn = class {
 	static $inject = [
 		"config.cmKeyboard",
 		"canvas",
@@ -1880,7 +1877,7 @@ var wn = class {
 	];
 	constructor(e, t, n, r, i, a, o, s) {
 		let c = t.getContainer(), l = c.ownerDocument ?? document, u = e?.undoRedoKeys ?? !0, d = (e) => {
-			if (e.defaultPrevented || !Cn(e.target, c) || Sn(e.target)) return;
+			if (e.defaultPrevented || !Sn(e.target, c) || xn(e.target)) return;
 			let t = e.ctrlKey || e.metaKey, o = e.key.toLowerCase();
 			if (t && o === "a" && !e.shiftKey && !e.altKey) {
 				e.preventDefault(), r.select(a.filter((e) => C(e)));
@@ -1898,12 +1895,12 @@ var wn = class {
 		};
 		l.addEventListener("keydown", d), o.on("diagram.destroy", () => l.removeEventListener("keydown", d));
 	}
-}, Tn = {
+}, wn = {
 	__depends__: [L],
 	__init__: ["cmKeyboard"],
-	cmKeyboard: ["type", wn]
-}, En = "cm-validation", Dn = 22, Y = 16, On = 44;
-function kn(e) {
+	cmKeyboard: ["type", Cn]
+}, Tn = "cm-validation", En = 22, Y = 16, Dn = 44;
+function On(e) {
 	let t = e.some((e) => e.kind === "error"), n = document.createElement("div");
 	n.className = "cm-validation-marker", n.dataset.severity = t ? "error" : "warning", n.innerHTML = U(t ? "circle-x" : "triangle-alert");
 	let r = document.createElement("div");
@@ -1914,13 +1911,13 @@ function kn(e) {
 	}
 	return n.appendChild(r), n;
 }
-function An(e, t, n) {
+function kn(e, t, n) {
 	let r = t[0], i = t[t.length - 1], a = i.x - r.x, o = i.y - r.y, s = Math.hypot(a, o) || 1, c = a / s, l = o / s;
 	if (n === "middle") return {
 		x: (r.x + i.x) / 2 + -l * Y,
 		y: (r.y + i.y) / 2 + c * Y
 	};
-	let u = e.pattern === "customer-supplier", d = n === "upstream" ? at(r, i, u ? "S" : "U", e.upstreamRoles ?? []) : at(i, r, u ? "C" : "D", e.downstreamRoles ?? []);
+	let u = e.pattern === "customer-supplier", d = n === "upstream" ? it(r, i, u ? "S" : "U", e.upstreamRoles ?? []) : it(i, r, u ? "C" : "D", e.downstreamRoles ?? []);
 	if (d) {
 		let e = {
 			x: d.box.x + d.box.width,
@@ -1931,7 +1928,7 @@ function An(e, t, n) {
 			y: e.y + 1
 		};
 	}
-	let f = Math.min(On, s * .35), p = n === "upstream" ? r.x + c * f : i.x - c * f, m = n === "upstream" ? r.y + l * f : i.y - l * f;
+	let f = Math.min(Dn, s * .35), p = n === "upstream" ? r.x + c * f : i.x - c * f, m = n === "upstream" ? r.y + l * f : i.y - l * f;
 	return {
 		x: p + -l * Y,
 		y: m + c * Y
@@ -1939,7 +1936,7 @@ function An(e, t, n) {
 }
 //#endregion
 //#region src/validation/index.ts
-var jn = {
+var An = {
 	__depends__: [je],
 	__init__: ["cmValidationMarkers"],
 	cmValidationMarkers: ["type", class {
@@ -1958,7 +1955,7 @@ var jn = {
 			e.on("import.render.done", i), e.on("commandStack.changed", i);
 		}
 		refresh() {
-			this.overlays.remove({ type: En });
+			this.overlays.remove({ type: Tn });
 			let e = ae(this.exporter.export()), t = /* @__PURE__ */ new Map(), n = (e, n) => {
 				for (let r of e) {
 					if (!r.relationshipId) continue;
@@ -1978,13 +1975,13 @@ var jn = {
 				if (!T(t)) continue;
 				let r = t.waypoints ?? [];
 				if (r.length < 2) continue;
-				let i = e.split(" ")[1], { x: a, y: o } = An(t, r, i), s = Math.min(...r.map((e) => e.x)), c = Math.min(...r.map((e) => e.y));
-				this.overlays.add(t, En, {
+				let i = e.split(" ")[1], { x: a, y: o } = kn(t, r, i), s = Math.min(...r.map((e) => e.x)), c = Math.min(...r.map((e) => e.y));
+				this.overlays.add(t, Tn, {
 					position: {
-						left: a - s - Dn / 2,
-						top: o - c - Dn / 2
+						left: a - s - En / 2,
+						top: o - c - En / 2
 					},
-					html: kn(n.findings)
+					html: On(n.findings)
 				});
 			}
 		}
@@ -1992,10 +1989,10 @@ var jn = {
 };
 //#endregion
 //#region src/zorder/CmZOrder.ts
-function Mn(e) {
+function jn(e) {
 	return +!T(e);
 }
-var Nn = class {
+var Mn = class {
 	canvas;
 	elementRegistry;
 	static $inject = [
@@ -2014,16 +2011,16 @@ var Nn = class {
 		});
 	}
 	reorder() {
-		let e = this.elementRegistry.getAll().filter(C).sort((e, t) => Mn(e) - Mn(t));
+		let e = this.elementRegistry.getAll().filter(C).sort((e, t) => jn(e) - jn(t));
 		for (let t of e) {
 			let e = this.canvas.getGraphics(t)?.parentNode, n = e?.parentNode;
 			e && n && n.appendChild(e);
 		}
 	}
-}, Pn = {
+}, Nn = {
 	__init__: ["cmZOrder"],
-	cmZOrder: ["type", Nn]
-}, Fn = class extends Ot {
+	cmZOrder: ["type", Mn]
+}, Pn = class extends Dt {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -2034,13 +2031,13 @@ var Nn = class {
 			L,
 			P,
 			F,
-			Gt,
-			hn,
-			xn,
+			Wt,
+			mn,
+			bn,
 			R,
-			Tn,
-			jn,
-			Pn
+			wn,
+			An,
+			Nn
 		];
 	}
 	undo() {
@@ -2055,17 +2052,17 @@ var Nn = class {
 	canRedo() {
 		return this.get("commandStack").canRedo();
 	}
-}, In = "context-maps";
-function Ln(e = {}) {
-	return Bn(new Fn({
-		...zn(e),
+}, Fn = "context-maps";
+function In(e = {}) {
+	return zn(new Pn({
+		...Rn(e),
 		undoRedoKeys: e.undoRedoKeys ?? !0
 	}), !0);
 }
-function Rn(e = {}) {
-	return Bn(new Ot(zn(e)), !1);
+function Ln(e = {}) {
+	return zn(new Dt(Rn(e)), !1);
 }
-function zn(e) {
+function Rn(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -2075,9 +2072,9 @@ function zn(e) {
 		fitOnImport: e.fitOnImport
 	};
 }
-function Bn(e, t) {
+function zn(e, t) {
 	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = /* @__PURE__ */ new Set(), s = !1, c = "", l = {
-		notation: In,
+		notation: Fn,
 		apiVersion: Me,
 		editable: t
 	};
@@ -2086,20 +2083,20 @@ function Bn(e, t) {
 	}), {
 		meta: l,
 		elements: {
-			list: () => s ? [] : i.getAll().filter(C).map(Un),
+			list: () => s ? [] : i.getAll().filter(C).map(Hn),
 			bounds(e) {
 				if (s) return;
 				let t = i.get(e);
-				return C(t) ? Hn(t) : void 0;
+				return C(t) ? Vn(t) : void 0;
 			},
 			reveal(e) {
 				if (s) return !1;
 				let t = i.get(e);
 				return C(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 			},
-			selection: () => s ? [] : Vn(a.get()),
+			selection: () => s ? [] : Bn(a.get()),
 			onSelection(e) {
-				let t = (t) => e(Vn(t.newSelection ?? []));
+				let t = (t) => e(Bn(t.newSelection ?? []));
 				return n.on("selection.changed", t), () => n.off("selection.changed", t);
 			}
 		},
@@ -2126,13 +2123,13 @@ function Bn(e, t) {
 					width: n,
 					height: i
 				};
-				return Wn(a) ? a : void 0;
+				return Un(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!s && Wn(e) && r.viewbox({
+			!s && Un(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -2152,10 +2149,10 @@ function Bn(e, t) {
 		}
 	};
 }
-function Vn(e) {
+function Bn(e) {
 	return e.filter(C).map((e) => e.id);
 }
-function Hn(e) {
+function Vn(e) {
 	let { x: t, y: n, width: r, height: i } = Ne(e);
 	return {
 		x: t,
@@ -2164,13 +2161,13 @@ function Hn(e) {
 		height: i
 	};
 }
-function Un(e) {
+function Hn(e) {
 	return e.cmLabel ? {
 		id: e.id,
 		name: e.cmLabel
 	} : { id: e.id };
 }
-function Wn(e) {
+function Un(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;
@@ -2180,7 +2177,7 @@ function X(e) {
 }
 //#endregion
 //#region src/connect-handles/CmConnectHandles.ts
-var Gn = "cm-connect-handle", Kn = 28, qn = 12, Jn = [
+var Wn = "cm-connect-handle", Gn = 28, Kn = 12, qn = [
 	{
 		side: "top",
 		rotationDeg: -90
@@ -2198,15 +2195,15 @@ var Gn = "cm-connect-handle", Kn = 28, qn = 12, Jn = [
 		rotationDeg: 180
 	}
 ];
-function Yn(e, t) {
-	let n = t.width / 2 - Kn / 2, r = t.height / 2 - Kn / 2;
+function Jn(e, t) {
+	let n = t.width / 2 - Gn / 2, r = t.height / 2 - Gn / 2;
 	switch (e) {
 		case "top": return {
 			top: -40,
 			left: n
 		};
 		case "bottom": return {
-			top: t.height + qn,
+			top: t.height + Kn,
 			left: n
 		};
 		case "left": return {
@@ -2215,11 +2212,11 @@ function Yn(e, t) {
 		};
 		case "right": return {
 			top: r,
-			left: t.width + qn
+			left: t.width + Kn
 		};
 	}
 }
-var Xn = class {
+var Yn = class {
 	eventBus;
 	selection;
 	overlays;
@@ -2239,13 +2236,13 @@ var Xn = class {
 		e.on("selection.changed", o), e.on("commandStack.changed", o), e.on(I, o);
 	}
 	refresh() {
-		if (this.overlays.remove({ type: Gn }), this.readOnly.isReadOnly()) return;
+		if (this.overlays.remove({ type: Wn }), this.readOnly.isReadOnly()) return;
 		let e = this.selection.get();
 		if (e.length !== 1) return;
 		let t = e[0];
 		if (!w(t)) return;
 		let n = t;
-		for (let { side: e, rotationDeg: r } of Jn) {
+		for (let { side: e, rotationDeg: r } of qn) {
 			let i = document.createElement("div");
 			i.className = "cm-connect-handle", i.dataset.side = e, i.title = "Connect to another context", i.setAttribute("aria-label", "Connect to another context");
 			let a = document.createElement("span");
@@ -2263,13 +2260,13 @@ var Xn = class {
 				}), this.eventBus.once("connect.cleanup", 250, () => {
 					this.selection.get().length === 0 && this.selection.select(t);
 				}));
-			}), this.overlays.add(t, Gn, {
-				position: Yn(e, n),
+			}), this.overlays.add(t, Wn, {
+				position: Jn(e, n),
 				html: i
 			});
 		}
 	}
-}, Zn = {
+}, Xn = {
 	__depends__: [
 		Se,
 		je,
@@ -2277,8 +2274,8 @@ var Xn = class {
 		L
 	],
 	__init__: ["cmConnectHandles"],
-	cmConnectHandles: ["type", Xn]
-}, Qn = [
+	cmConnectHandles: ["type", Yn]
+}, Zn = [
 	{
 		token: "OHS",
 		...h.OHS
@@ -2296,7 +2293,7 @@ var Xn = class {
 		...c.CF
 	}
 ];
-function $n() {
+function Qn() {
 	return [
 		{
 			label: "Subdomain types",
@@ -2308,7 +2305,7 @@ function $n() {
 		},
 		{
 			label: "Integration roles",
-			rows: Qn.map((e) => ({
+			rows: Zn.map((e) => ({
 				preview: V(e.token),
 				label: `${e.token} · ${e.label}`,
 				explanation: e.description
@@ -2324,9 +2321,9 @@ function $n() {
 		}
 	];
 }
-function er(e, t = {}) {
+function $n(e, t = {}) {
 	let n = [];
-	return $n().forEach((r, i) => {
+	return Qn().forEach((r, i) => {
 		if (i > 0) {
 			let t = document.createElement("div");
 			t.className = "cd-shell-legend-separator", t.setAttribute("role", "separator"), e.append(t);
@@ -2353,7 +2350,7 @@ function er(e, t = {}) {
 }
 //#endregion
 //#region src/legend/CmLegend.ts
-function tr(e) {
+function er(e) {
 	let t = document.createElement("div");
 	t.className = "cm-legend__row cm-legend-item";
 	let n = document.createElement("span");
@@ -2366,41 +2363,26 @@ function tr(e) {
 		i.style.left = `${e.right + 10}px`, i.style.top = `${e.top + e.height / 2}px`;
 	}), t.append(n, r, i), t;
 }
-function nr(e, t) {
+function tr(e, t) {
 	let n = document.createElement("div");
 	return n.className = "cm-legend__group", n.setAttribute("role", "group"), n.setAttribute("aria-label", e), n.append(...t), n;
 }
-function rr() {
+function nr() {
 	let e = document.createElement("div");
 	return e.className = "cm-legend__divider", e;
 }
-function ir(e, t) {
-	return e > ze.width && t > ze.height;
-}
-var ar = class {
-	canvas;
+var rr = class {
 	static $inject = ["canvas", "eventBus"];
 	openState = !1;
-	started = !1;
 	host;
 	constructor(e, t) {
-		this.canvas = e, this.host = document.createElement("div"), e.getContainer().appendChild(this.host), this.startFromContainerSize(), this.render(), t.on(["canvas.resized", "import.done"], () => {
-			this.startFromContainerSize() && this.render();
-		}), t.on("diagram.destroy", () => this.host.remove());
+		this.host = document.createElement("div"), e.getContainer().appendChild(this.host), this.render(), t.on("diagram.destroy", () => this.host.remove());
 	}
 	isOpen() {
 		return this.openState;
 	}
 	setOpen(e) {
-		this.started = !0, this.openState !== e && (this.openState = e, this.render());
-	}
-	startFromContainerSize() {
-		if (this.started) return !1;
-		let { width: e, height: t } = this.canvas.getSize();
-		if (!(e > 0 && t > 0)) return !1;
-		this.started = !0;
-		let n = ir(e, t);
-		return n !== this.openState && (this.openState = n, !0);
+		this.openState !== e && (this.openState = e, this.render());
 	}
 	toggle() {
 		this.setOpen(!this.openState);
@@ -2418,17 +2400,17 @@ var ar = class {
 		n.textContent = "Legend";
 		let r = document.createElement("button");
 		r.type = "button", r.className = "cm-legend__close", r.setAttribute("aria-expanded", "true"), r.setAttribute("aria-label", "Close legend"), r.innerHTML = U("x"), r.addEventListener("click", () => this.toggle()), t.append(n, r);
-		let i = $n().map((e) => nr(e.label, e.rows.map(tr))), a = document.createElement("div");
-		return a.className = "cm-legend__body", i.forEach((e, t) => a.append(...t > 0 ? [rr()] : [], e)), e.append(t, a), e;
+		let i = Qn().map((e) => tr(e.label, e.rows.map(er))), a = document.createElement("div");
+		return a.className = "cm-legend__body", i.forEach((e, t) => a.append(...t > 0 ? [nr()] : [], e)), e.append(t, a), e;
 	}
 	collapsedButton() {
 		let e = document.createElement("button");
 		return e.type = "button", e.className = "cm-legend-toggle", e.setAttribute("aria-expanded", "false"), e.setAttribute("aria-label", "Show legend"), e.textContent = "Legend", e.addEventListener("click", () => this.toggle()), e;
 	}
-}, or = {
+}, ir = {
 	__init__: ["cmLegend"],
-	cmLegend: ["type", ar]
-}, sr = "Export as JSON";
+	cmLegend: ["type", rr]
+}, ar = "Export as JSON";
 function Z(e, t, n, r) {
 	return {
 		kind: "action",
@@ -2439,7 +2421,7 @@ function Z(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-function cr(e) {
+function or(e) {
 	let { editTitle: t } = e;
 	return {
 		model: t ? [{
@@ -2451,7 +2433,7 @@ function cr(e) {
 		export: [
 			Z("export-png", "Export as PNG", e.exports.png, "file-image"),
 			Z("export-svg", "Export as SVG", e.exports.svg, "file-code-corner"),
-			Z("export-json", sr, e.exports.json),
+			Z("export-json", ar, e.exports.json),
 			Z("export-cml", "Export as CML", e.exports.cml)
 		],
 		help: [{
@@ -2465,17 +2447,17 @@ function cr(e) {
 }
 //#endregion
 //#region src/chrome/shortcuts.ts
-function lr(e, t, n) {
+function sr(e, t, n) {
 	return t === "mac" ? `⌘${e}` : `${n.ctrl}+${e}`;
 }
-function ur(e) {
+function cr(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function dr(e, t) {
+function lr(e, t) {
 	if (e === "mac") return {
 		zoomIn: "⌘+",
 		zoomOut: "⌘−",
@@ -2490,7 +2472,7 @@ function dr(e, t) {
 		fit: `${r}+1`
 	};
 }
-function fr(e, t) {
+function ur(e, t) {
 	if (e === "mac") return {
 		undo: ["⌘Z"],
 		redo: ["⌘⇧Z"],
@@ -2509,23 +2491,23 @@ function fr(e, t) {
 		lassoDrag: [`${r}+Drag`]
 	};
 }
-function pr(e) {
+function dr(e) {
 	let { platform: t, messages: n } = e;
 	return {
 		title: "File",
 		rows: [{
 			action: n.openFile ?? "Open…",
-			keys: [lr("O", t, n.keyNames)]
+			keys: [sr("O", t, n.keyNames)]
 		}, {
-			action: sr,
-			keys: [lr("S", t, n.keyNames)]
+			action: ar,
+			keys: [sr("S", t, n.keyNames)]
 		}]
 	};
 }
-function mr(e, t = {}) {
-	let { platform: n, messages: r } = e, i = dr(n, r.keyNames), a = fr(n, r.keyNames);
+function fr(e, t = {}) {
+	let { platform: n, messages: r } = e, i = lr(n, r.keyNames), a = ur(n, r.keyNames);
 	return [
-		...t.fileKeys ? [pr(e)] : [],
+		...t.fileKeys ? [dr(e)] : [],
 		{
 			title: "View",
 			rows: [
@@ -2538,7 +2520,7 @@ function mr(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(ur(e.lang)),
+					action: r.zoomToActual(cr(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -2602,19 +2584,19 @@ function Q(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-function hr(e, t, n) {
+function pr(e, t, n) {
 	let r = Q("header", "cm-dialog-header"), i = Q("h3", "cm-dialog-title", t.title);
 	i.id = t.titleId;
 	let a = Q("button", "cm-dialog-close");
 	return a.type = "button", a.setAttribute("aria-label", e.messages.close), a.innerHTML = U("x"), a.addEventListener("click", n), r.append(i, a), r;
 }
-function gr(e, t) {
+function mr(e, t) {
 	let n;
 	function r() {
 		let n = Q("dialog", `cm-dialog ${t.className}`);
 		n.setAttribute("aria-labelledby", t.titleId);
 		let r = () => n.close(), i = Q("div", "cm-dialog-panel");
-		return i.append(hr(e, t, r), ...t.content(r)), n.append(i), n.addEventListener("click", (e) => {
+		return i.append(pr(e, t, r), ...t.content(r)), n.append(i), n.addEventListener("click", (e) => {
 			e.target === n && n.close();
 		}), n.addEventListener("close", () => {
 			e.menu.trigger.hidden || e.menu.trigger.focus({ preventScroll: !0 });
@@ -2635,9 +2617,9 @@ function gr(e, t) {
 }
 //#endregion
 //#region src/chrome/ShortcutsDialog.ts
-var $ = "cm-shortcuts", _r = "cm-shortcuts-title";
-function vr(e, t) {
-	let n = Q("section", `${$}-group`), r = `${_r}-group-${t}`, i = Q("h4", `${$}-group-title`, e.title);
+var $ = "cm-shortcuts", hr = "cm-shortcuts-title";
+function gr(e, t) {
+	let n = Q("section", `${$}-group`), r = `${hr}-group-${t}`, i = Q("h4", `${$}-group-title`, e.title);
 	i.id = r;
 	let a = Q("table", `${$}-table`);
 	a.setAttribute("aria-labelledby", r);
@@ -2651,29 +2633,29 @@ function vr(e, t) {
 	}
 	return n.append(i, a), n;
 }
-function yr(e, t = {}) {
-	return gr(e, {
+function _r(e, t = {}) {
+	return mr(e, {
 		className: $,
-		titleId: _r,
+		titleId: hr,
 		title: "Keyboard shortcuts",
 		content() {
 			let n = Q("div", "cm-dialog-body cm-shortcuts-body");
-			return n.append(...mr(e, t).map(vr)), [n];
+			return n.append(...fr(e, t).map(gr)), [n];
 		}
 	});
 }
 //#endregion
 //#region src/chrome/TitleDialog.ts
-var br = "cm-title-dialog", xr = "cm-title-dialog-title", Sr = "cm-title-dialog-field";
-function Cr(e, t) {
+var vr = "cm-title-dialog", yr = "cm-title-dialog-title", br = "cm-title-dialog-field";
+function xr(e, t) {
 	let n = Q("button", "cm-dialog-button", e);
 	return n.type = t === "primary" ? "submit" : "button", n.dataset.variant = t, n;
 }
-function wr(e, t) {
+function Sr(e, t) {
 	let n = Q("input", "cm-dialog-input");
-	return n.id = Sr, n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.autofocus = !0, gr(e, {
-		className: br,
-		titleId: xr,
+	return n.id = br, n.type = "text", n.autocomplete = "off", n.spellcheck = !1, n.autofocus = !0, mr(e, {
+		className: vr,
+		titleId: yr,
 		title: "Map title",
 		beforeOpen() {
 			n.value = t.title();
@@ -2685,9 +2667,9 @@ function wr(e, t) {
 			let r = Q("form", "cm-dialog-form");
 			r.noValidate = !0;
 			let i = Q("div", "cm-dialog-body"), a = Q("label", "cm-dialog-label", "Title");
-			a.htmlFor = Sr, i.append(a, n);
-			let o = Q("div", "cm-dialog-footer"), s = Cr("Cancel", "secondary");
-			return s.addEventListener("click", e), o.append(s, Cr("Apply", "primary")), r.append(i, o), r.addEventListener("submit", (r) => {
+			a.htmlFor = br, i.append(a, n);
+			let o = Q("div", "cm-dialog-footer"), s = xr("Cancel", "secondary");
+			return s.addEventListener("click", e), o.append(s, xr("Apply", "primary")), r.append(i, o), r.addEventListener("submit", (r) => {
 				r.preventDefault();
 				let i = n.value.trim();
 				e(), i !== t.title() && t.setTitle(i);
@@ -2696,6 +2678,6 @@ function wr(e, t) {
 	});
 }
 //#endregion
-export { Re as CD_TOKENS, In as CONTEXT_MAPS_NOTATION, $e as CmBaseViewer, Xn as CmConnectHandles, bn as CmContextPadProvider, tt as CmElementFactory, bt as CmExporter, Vt as CmFlatModelBehavior, Et as CmHoverTooltip, yt as CmImporter, wn as CmKeyboard, Qt as CmLabelEditing, ar as CmLegend, Lt as CmModeling, mn as CmPaletteProvider, Jt as CmReadOnly, Rt as CmRules, Nn as CmZOrder, ot as ContextMapsRenderer, sr as JSON_EXPORT_LABEL, E as MIRAGON, Fn as Modeler, Ot as NavigatedViewer, I as READ_ONLY_CHANGED_EVENT, N as ROOT_ID, St as Viewer, Gt as cmBehaviorsModule, Zn as cmConnectHandlesModule, xn as cmContextPadModule, gt as cmDrawModule, Dt as cmHoverTooltipModule, Tn as cmKeyboardModule, R as cmLabelEditingModule, or as cmLegendModule, it as cmModelModule, P as cmModelingModule, hn as cmPaletteModule, L as cmReadOnlyModule, F as cmRulesModule, Pn as cmZOrderModule, B as contextIconSvg, cr as contextMapMenu, mr as contextMapShortcuts, Ln as createCollaborativeModeler, Rn as createCollaborativeViewer, yr as createShortcutsDialog, wr as createTitleDialog, Tt as hoverTipFor, xt as ioModule, w as isCmContext, C as isCmElement, T as isCmRelationship, $n as legendGroups, H as relationshipIconSvg, er as renderLegend, V as roleChipSvg, Le as saveSVG, rn as subdomainIconSvg };
+export { Re as CD_TOKENS, Fn as CONTEXT_MAPS_NOTATION, Qe as CmBaseViewer, Yn as CmConnectHandles, yn as CmContextPadProvider, et as CmElementFactory, yt as CmExporter, Bt as CmFlatModelBehavior, Tt as CmHoverTooltip, vt as CmImporter, Cn as CmKeyboard, Zt as CmLabelEditing, rr as CmLegend, It as CmModeling, pn as CmPaletteProvider, qt as CmReadOnly, Lt as CmRules, Mn as CmZOrder, at as ContextMapsRenderer, ar as JSON_EXPORT_LABEL, E as MIRAGON, Pn as Modeler, Dt as NavigatedViewer, I as READ_ONLY_CHANGED_EVENT, N as ROOT_ID, xt as Viewer, Wt as cmBehaviorsModule, Xn as cmConnectHandlesModule, bn as cmContextPadModule, ht as cmDrawModule, Et as cmHoverTooltipModule, wn as cmKeyboardModule, R as cmLabelEditingModule, ir as cmLegendModule, rt as cmModelModule, P as cmModelingModule, mn as cmPaletteModule, L as cmReadOnlyModule, F as cmRulesModule, Nn as cmZOrderModule, B as contextIconSvg, or as contextMapMenu, fr as contextMapShortcuts, In as createCollaborativeModeler, Ln as createCollaborativeViewer, _r as createShortcutsDialog, Sr as createTitleDialog, wt as hoverTipFor, bt as ioModule, w as isCmContext, C as isCmElement, T as isCmRelationship, Qn as legendGroups, H as relationshipIconSvg, $n as renderLegend, V as roleChipSvg, Le as saveSVG, nn as subdomainIconSvg };
 
 //# sourceMappingURL=index.js.map