@miragon/context-maps-renderer 0.0.1

package/dist/index.js

@@ -0,0 +1,1279 @@
+import e from "diagram-js/lib/Diagram";
+import t from "diagram-js/lib/layout/CroppingConnectionDocking";
+import { ALL_SUBDOMAIN_SPECS as n, DOCUMENT_VERSION as r, MARK_COLORS as i, MARK_TEXT_COLOR as a, RELATIONSHIP_PATTERN_SPECS as o, SUBDOMAIN_TYPE_SPECS as s, isSymmetricPattern as c, newId as l, validateDocument as u } from "@miragon/context-maps-schema-model";
+import d from "diagram-js/lib/core/ElementFactory";
+import { getMid as f } from "diagram-js/lib/layout/LayoutUtil";
+import p from "diagram-js/lib/draw/BaseRenderer";
+import { append as m, attr as h, clear as g, create as _ } from "tiny-svg";
+import v from "diagram-js/lib/features/selection";
+import y from "diagram-js/lib/navigation/zoomscroll";
+import b from "diagram-js/lib/navigation/movecanvas";
+import x from "diagram-js/lib/features/connection-preview";
+import S from "diagram-js/lib/features/modeling";
+import C from "diagram-js/lib/features/move";
+import w from "diagram-js/lib/features/outline";
+import ee from "diagram-js/lib/features/resize";
+import te from "diagram-js/lib/features/rules";
+import ne from "diagram-js/lib/features/rules/RuleProvider";
+import re from "diagram-js/lib/command/CommandInterceptor";
+import { hasPrimaryModifier as ie } from "diagram-js/lib/util/Mouse";
+import ae from "diagram-js/lib/features/palette";
+import oe from "diagram-js/lib/features/create";
+import se from "diagram-js/lib/features/connect";
+import ce from "diagram-js/lib/features/overlays";
+//#region src/model/di-types.ts
+function T(e) {
+	return typeof e == "object" && e ? e.cmKind : void 0;
+}
+function E(e) {
+	return typeof T(e) == "string";
+}
+function D(e) {
+	return T(e) === "context";
+}
+function O(e) {
+	return T(e) === "relationship";
+}
+//#endregion
+//#region src/io/saveSvg.ts
+var k = 40;
+function A(e, t) {
+	let n = e.getContainer().querySelector("svg");
+	if (!n) throw Error("No SVG found in the canvas container.");
+	let r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
+	for (let e of t.getAll()) {
+		if (!D(e)) continue;
+		let t = e;
+		r = Math.min(r, t.x), i = Math.min(i, t.y), a = Math.max(a, t.x + t.width), o = Math.max(o, t.y + t.height);
+	}
+	Number.isFinite(r) || (r = 0, i = 0, a = 100, o = 100);
+	let s = r - k, c = i - k, l = a - r + k * 2, u = o - i + k * 2, d = n.cloneNode(!0);
+	d.setAttribute("xmlns", "http://www.w3.org/2000/svg"), d.setAttribute("viewBox", `${s} ${c} ${l} ${u}`), d.setAttribute("width", String(Math.round(l))), d.setAttribute("height", String(Math.round(u)));
+	let f = d.querySelector(".viewport");
+	return f && f.removeAttribute("transform"), { svg: "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n" + new XMLSerializer().serializeToString(d) };
+}
+//#endregion
+//#region src/io/types.ts
+var j = "cm-root";
+//#endregion
+//#region src/CmBaseViewer.ts
+function M(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+var N = 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("cm-djs-container"), t.style.width = M(e.width ?? "100%"), t.style.height = M(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);
+	}
+	importDocument(e) {
+		let t = this._ensureDiagram(), n = t.get("eventBus"), r = t.get("cmImporter");
+		r.clear();
+		let i = r.import(e);
+		return this._fit(), n.fire("import.done", { warnings: i }), { warnings: i };
+	}
+	exportDocument() {
+		return this.get("cmExporter").export();
+	}
+	setMeta(e) {
+		let t = this.get("canvas"), n;
+		try {
+			n = t.getRootElement();
+		} catch {
+			return;
+		}
+		if (!n || n.id !== "cm-root") return;
+		let r = n.businessObject ?? { title: "Untitled context map" };
+		n.businessObject = {
+			...r,
+			...e
+		};
+	}
+	getMeta() {
+		try {
+			return this.get("canvas").getRootElement().businessObject;
+		} catch {
+			return;
+		}
+	}
+	saveSVG() {
+		return A(this.get("canvas"), this.get("elementRegistry"));
+	}
+	_fit(e = 84, t = 56) {
+		let n = this.get("canvas"), r = this.get("elementRegistry"), i = Infinity, a = Infinity, o = -Infinity, s = -Infinity;
+		for (let e of r.getAll()) {
+			let t = e;
+			typeof t.x != "number" || typeof t.y != "number" || typeof t.width != "number" || typeof t.height != "number" || (i = Math.min(i, t.x), a = Math.min(a, t.y), o = Math.max(o, t.x + t.width), s = Math.max(s, t.y + t.height));
+		}
+		if (!Number.isFinite(i)) return;
+		let c = this._container.getBoundingClientRect(), l = c.width, u = c.height, d = Math.max(o - i, 1), f = Math.max(s - a, 1);
+		if (!l || !u) {
+			n.zoom("fit-viewport");
+			return;
+		}
+		let p = Math.min((l - 2 * t) / d, (u - e - t) / f, 1.25);
+		n.viewbox({
+			x: i + d / 2 - l / 2 / p,
+			y: a - e / p,
+			width: l / p,
+			height: u / p
+		});
+	}
+	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;
+	}
+}, P = class {
+	elementFactory;
+	static $inject = ["elementFactory"];
+	constructor(e) {
+		this.elementFactory = e;
+	}
+	createContext(e) {
+		return this.elementFactory.createShape({
+			id: e.id,
+			x: e.position.x,
+			y: e.position.y,
+			width: e.size.width,
+			height: e.size.height,
+			cmKind: "context",
+			cmLabel: e.label,
+			...e.subdomainType ? { subdomainType: e.subdomainType } : {},
+			...e.team ? { team: e.team } : {},
+			...e.description ? { description: e.description } : {},
+			...e.fill ? { fill: e.fill } : {},
+			...e.stroke ? { stroke: e.stroke } : {}
+		});
+	}
+	createRelationship(e, t, n, r) {
+		return this.elementFactory.createConnection({
+			id: e.id,
+			source: t,
+			target: n,
+			waypoints: r,
+			cmKind: "relationship",
+			pattern: e.pattern,
+			...e.upstreamRoles?.length ? { upstreamRoles: [...e.upstreamRoles] } : {},
+			...e.downstreamRoles?.length ? { downstreamRoles: [...e.downstreamRoles] } : {},
+			...e.label ? { cmLabel: e.label } : {},
+			...e.description ? { description: e.description } : {},
+			...e.implementationTechnology ? { implementationTechnology: e.implementationTechnology } : {}
+		});
+	}
+	createNewContext(e, t) {
+		let n = s[e];
+		return this.elementFactory.createShape({
+			width: n.defaultSize.width,
+			height: n.defaultSize.height,
+			cmKind: "context",
+			subdomainType: e,
+			cmLabel: t ?? "New Context"
+		});
+	}
+}, le = class extends d {
+	create(e, t) {
+		return !t?.id && (e === "shape" || e === "connection") && (t = {
+			...t,
+			id: l(e === "shape" ? "ctx" : "rel")
+		}), super.create(e, t);
+	}
+}, ue = class {
+	docking;
+	static $inject = ["connectionDocking"];
+	constructor(e) {
+		this.docking = e;
+	}
+	layoutConnection(e, t = {}) {
+		let n = t.source ?? e.source, r = t.target ?? e.target, i = [n ? f(n) : t.connectionStart || void 0, r ? f(r) : t.connectionEnd || void 0].filter(Boolean);
+		return e.waypoints = i, n && r && i.length === 2 ? this.docking.getCroppedWaypoints(e, n, r) : i;
+	}
+}, F = {
+	elementFactory: ["type", le],
+	cmElementFactory: ["type", P],
+	connectionDocking: ["type", t]
+}, I = {
+	blau: "#335DE5",
+	blauLink: "#2B50D4",
+	blauHell: "#6B8AFF",
+	gruen: "#00E676",
+	grau: "#F9F7F7",
+	schwarz: "#1D1D1D",
+	weiss: "#FFFFFF",
+	success: "#0B7A55",
+	warning: "#92610A",
+	danger: "#C92A2A",
+	info: "#2B50D4",
+	gradientBrand: "linear-gradient(120deg, #335DE5 30%, #00E676)"
+}, de = {
+	"--cd-blau": I.blau,
+	"--cd-gruen": I.gruen,
+	"--cd-grau": I.grau,
+	"--cd-schwarz": I.schwarz,
+	"--cd-weiss": I.weiss,
+	"--cd-blau-link": I.blauLink,
+	"--cd-blau-hell": I.blauHell,
+	"--cd-success": I.success,
+	"--cd-success-soft": "rgba(11, 122, 85, 0.12)",
+	"--cd-warning": I.warning,
+	"--cd-warning-soft": "rgba(146, 97, 10, 0.12)",
+	"--cd-danger": I.danger,
+	"--cd-danger-soft": "rgba(201, 42, 42, 0.12)",
+	"--cd-info": I.info,
+	"--cd-info-soft": "rgba(43, 80, 212, 0.12)",
+	"--cd-gradient-brand": I.gradientBrand
+}, fe = 1500;
+I.blau;
+var L = I.schwarz, R = "#5B5B5B", z = {
+	family: "'Geist Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
+	label: 13.5,
+	small: 11
+}, B = I.weiss;
+//#endregion
+//#region src/draw/endRoleChips.ts
+function V(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 = z.small * .64, u = z.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,
+		y: e.y + c * h
+	};
+	return {
+		box: {
+			x: g.x - p / 2,
+			y: g.y - m / 2,
+			width: p,
+			height: m
+		},
+		center: g,
+		chipWidths: d,
+		chipHeight: u,
+		innerWidth: f,
+		gap: 3
+	};
+}
+//#endregion
+//#region src/draw/ContextMapsRenderer.ts
+var pe = "#F1F1EE", H = "#8A8577", U = class extends p {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		super(e, fe);
+	}
+	canRender(e) {
+		return E(e);
+	}
+	drawShape(e, t) {
+		if (g(e), D(t)) return this.drawContext(e, t);
+		let n = h(_("rect"), {
+			width: t.width,
+			height: t.height,
+			fill: "#eee"
+		});
+		return m(e, n), n;
+	}
+	drawConnection(e, t) {
+		if (g(e), O(t)) return this.drawRelationship(e, t);
+		let n = h(_("polyline"), {
+			points: (t.waypoints ?? []).map((e) => `${e.x},${e.y}`).join(" "),
+			fill: "none",
+			stroke: L
+		});
+		return m(e, n), n;
+	}
+	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 = e.waypoints ?? [];
+		return t.length === 0 ? "" : t.map((e, t) => `${t === 0 ? "M" : "L"}${e.x},${e.y}`).join("");
+	}
+	drawContext(e, t) {
+		let n = t.subdomainType ? s[t.subdomainType] : void 0, r = Math.max(t.width, 1), i = Math.max(t.height, 1), a = h(_("rect"), {
+			x: 1,
+			y: 1,
+			width: r - 2,
+			height: i - 2,
+			rx: 8,
+			ry: 8,
+			fill: t.fill ?? n?.fill ?? pe,
+			stroke: t.stroke ?? n?.stroke ?? H,
+			"stroke-width": 2,
+			"stroke-linejoin": "round"
+		});
+		m(e, a);
+		let o = !!t.team;
+		if (this.appendLabel(e, t.cmLabel ?? "", r, o ? i - 18 : i, { "font-weight": "650" }), t.subdomainType && n) {
+			m(e, _e(t.subdomainType, 15, 15, 18, n.stroke));
+			let r = h(_("text"), {
+				x: 28,
+				y: 15,
+				"font-family": z.family,
+				"font-size": z.small,
+				"font-weight": "700",
+				fill: n.stroke,
+				"text-anchor": "start",
+				"dominant-baseline": "central",
+				"letter-spacing": "0.03em"
+			});
+			r.textContent = n.label, m(e, r);
+		}
+		if (t.team) {
+			let n = 19 + t.team.length * z.small * .55, a = r / 2 - n / 2, o = i - 12;
+			m(e, ye(a + 14 / 2, o, 14, R));
+			let s = h(_("text"), {
+				x: a + 14 + 5,
+				y: o,
+				"font-family": z.family,
+				"font-size": z.small,
+				fill: R,
+				"text-anchor": "start",
+				"dominant-baseline": "central"
+			});
+			s.textContent = t.team, m(e, s);
+		}
+		return a;
+	}
+	drawRelationship(e, t) {
+		let n = o[t.pattern] ?? o["upstream-downstream"], r = t.waypoints ?? [], i = n.dash, a = h(_("polyline"), {
+			points: r.map((e) => `${e.x},${e.y}`).join(" "),
+			fill: "none",
+			stroke: n.stroke,
+			"stroke-width": n.strokeWidth,
+			"stroke-linejoin": "round",
+			"stroke-linecap": "round",
+			...i ? { "stroke-dasharray": i } : {}
+		});
+		if (m(e, a), r.length >= 2) {
+			let i = r[0], a = r[r.length - 1], o = t.upstreamRoles ?? [], s = t.downstreamRoles ?? [];
+			if (n.symmetric) {
+				let t = (i.x + a.x) / 2, r = (i.y + a.y) / 2;
+				this.chip(e, t, r, n.abbreviation, B, n.stroke, n.stroke);
+			} else {
+				let n = t.pattern === "customer-supplier";
+				this.endMarkers(e, i, a, n ? "S" : "U", o), this.endMarkers(e, a, i, n ? "C" : "D", s);
+			}
+		}
+		return a;
+	}
+	endMarkers(e, t, n, r, a) {
+		let o = n.x - t.x, s = n.y - t.y, c = Math.hypot(o, s) || 1, l = o / c, u = s / c, d = i[r] ?? L, f = h(_("text"), {
+			x: t.x + l * 11,
+			y: t.y + u * 11,
+			"font-family": z.family,
+			"font-size": z.small + 1,
+			"font-weight": "800",
+			fill: d,
+			stroke: B,
+			"stroke-width": 3,
+			"paint-order": "stroke",
+			"text-anchor": "middle",
+			"dominant-baseline": "central"
+		});
+		f.textContent = r, m(e, f);
+		let p = V(t, n, r, a);
+		if (!p) return;
+		let { box: g, center: v, chipWidths: y, chipHeight: b, innerWidth: x, gap: S } = p, C = v.y;
+		m(e, h(_("rect"), {
+			x: g.x,
+			y: g.y,
+			width: g.width,
+			height: g.height,
+			rx: 6,
+			ry: 6,
+			fill: B,
+			"fill-opacity": .96,
+			stroke: "#d9d5cc",
+			"stroke-width": 1
+		}));
+		let w = v.x - x / 2;
+		a.forEach((t, n) => {
+			let r = y[n], a = i[t] ?? H;
+			this.miniChip(e, w + r / 2, C, r, b, t, a), w += r + S;
+		});
+	}
+	miniChip(e, t, n, r, i, o, s) {
+		m(e, h(_("rect"), {
+			x: t - r / 2,
+			y: n - i / 2,
+			width: r,
+			height: i,
+			rx: 3,
+			ry: 3,
+			fill: s,
+			stroke: me(s),
+			"stroke-width": 1
+		}));
+		let c = h(_("text"), {
+			x: t,
+			y: n,
+			"font-family": z.family,
+			"font-size": z.small,
+			"font-weight": "700",
+			fill: a,
+			"text-anchor": "middle",
+			"dominant-baseline": "central"
+		});
+		c.textContent = o, m(e, c);
+	}
+	chip(e, t, n, r, i, a, o) {
+		if (!r) return;
+		let s = z.small * .64, c = r.length * s + 12, l = z.small + 8;
+		m(e, h(_("rect"), {
+			x: t - c / 2,
+			y: n - l / 2,
+			width: c,
+			height: l,
+			rx: 4,
+			ry: 4,
+			fill: i,
+			stroke: o,
+			"stroke-width": 1,
+			...i === B ? { "fill-opacity": .95 } : {}
+		}));
+		let u = h(_("text"), {
+			x: t,
+			y: n,
+			"font-family": z.family,
+			"font-size": z.small,
+			"font-weight": "700",
+			fill: a,
+			"text-anchor": "middle",
+			"dominant-baseline": "central"
+		});
+		u.textContent = r, m(e, u);
+	}
+	appendLabel(e, t, n, r, i) {
+		let a = typeof i["font-size"] == "number" ? i["font-size"] : z.label, o = be(t, n - 20, a), s = a * 1.2, c = r / 2 - (o.length - 1) * s / 2;
+		o.forEach((t, r) => {
+			let o = h(_("text"), {
+				x: n / 2,
+				y: c + r * s,
+				"font-family": z.family,
+				"font-size": a,
+				fill: L,
+				"text-anchor": "middle",
+				"dominant-baseline": "central",
+				...i
+			});
+			o.textContent = t, m(e, o);
+		});
+	}
+};
+function me(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 he = "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", ge = "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 _e(e, t, n, r, i) {
+	if (e === "generic") {
+		let e = _("g");
+		return m(e, h(_("circle"), {
+			cx: t,
+			cy: n,
+			r: r / 2 - 1,
+			fill: "none",
+			stroke: i,
+			"stroke-width": 1.6,
+			"stroke-dasharray": "2.2 2.2"
+		})), e;
+	}
+	let a = r / 24, o = e === "supporting" ? " rotate(90 12 12)" : "", s = _("g");
+	return h(s, { transform: `translate(${t - 12 * a} ${n - 12 * a}) scale(${a})${o}` }), m(s, h(_("path"), {
+		d: e === "core" ? he : ge,
+		fill: i
+	})), s;
+}
+var ve = "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 ye(e, t, n, r) {
+	let i = n / 24, a = _("g");
+	return h(a, { transform: `translate(${e - 12 * i} ${t - 12 * i}) scale(${i})` }), m(a, h(_("path"), {
+		d: ve,
+		fill: r
+	})), a;
+}
+function be(e, t, n) {
+	let r = Math.max(4, Math.floor(t / (n * .58))), i = e.split(/\s+/).filter(Boolean);
+	if (i.length === 0) return [];
+	let a = [], o = "";
+	for (let e of i) {
+		let t = o ? `${o} ${e}` : e;
+		t.length > r && o ? (a.push(o), o = e) : o = t;
+	}
+	return o && a.push(o), a;
+}
+//#endregion
+//#region src/draw/index.ts
+var W = {
+	__init__: ["cmRenderer"],
+	cmRenderer: ["type", U]
+};
+//#endregion
+//#region src/io/CmImporter.ts
+function G(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,
+		y: r
+	};
+	let o = i === 0 ? Infinity : e.width / 2 / Math.abs(i), s = a === 0 ? Infinity : e.height / 2 / Math.abs(a), c = Math.min(o, s);
+	return {
+		x: n + i * c,
+		y: r + a * c
+	};
+}
+function K(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+var q = class {
+	canvas;
+	elementFactory;
+	factory;
+	eventBus;
+	elementRegistry;
+	static $inject = [
+		"canvas",
+		"elementFactory",
+		"cmElementFactory",
+		"eventBus",
+		"elementRegistry"
+	];
+	constructor(e, t, n, r, i) {
+		this.canvas = e, this.elementFactory = t, this.factory = n, this.eventBus = r, this.elementRegistry = i;
+	}
+	import(e) {
+		let t = [];
+		this.eventBus.fire("import.render.start", { document: e });
+		let n;
+		try {
+			n = this.canvas.getRootElement();
+		} catch {
+			n = void 0;
+		}
+		let r;
+		n && n.id === "cm-root" ? r = n : (r = this.elementFactory.createRoot({ id: j }), this.canvas.setRootElement(r)), r.businessObject = { title: e.title };
+		let i = /* @__PURE__ */ new Map();
+		for (let t of e.contexts) {
+			let e = this.factory.createContext(t);
+			i.set(t.id, e);
+		}
+		for (let n of e.relationships) {
+			let e = i.get(n.from), a = i.get(n.to);
+			if (!e || !a) {
+				t.push({
+					message: `Relationship "${n.id}" references a missing context; skipped.`,
+					elementId: n.id
+				});
+				continue;
+			}
+			let o = [G(e, K(a)), G(a, K(e))], s = this.factory.createRelationship(n, e, a, o);
+			this.canvas.addConnection(s, r);
+		}
+		for (let e of i.values()) this.canvas.addShape(e, r);
+		return this.eventBus.fire("import.render.done", { warnings: t }), t;
+	}
+	clear() {
+		for (let e of [...this.elementRegistry.getAll()]) if (e.id !== "cm-root") try {
+			"waypoints" in e ? this.canvas.removeConnection(e.id) : this.canvas.removeShape(e.id);
+		} catch {}
+	}
+}, J = class {
+	elementRegistry;
+	canvas;
+	static $inject = ["elementRegistry", "canvas"];
+	constructor(e, t) {
+		this.elementRegistry = e, this.canvas = t;
+	}
+	export() {
+		let e;
+		try {
+			e = this.canvas.getRootElement().businessObject;
+		} catch {
+			e = void 0;
+		}
+		let t = [], n = [];
+		for (let e of this.elementRegistry.getAll()) if (e.id !== "cm-root") {
+			if (D(e)) {
+				let n = e;
+				t.push({
+					id: e.id,
+					label: e.cmLabel ?? "",
+					position: {
+						x: n.x,
+						y: n.y
+					},
+					size: {
+						width: n.width,
+						height: n.height
+					},
+					...e.subdomainType ? { subdomainType: e.subdomainType } : {},
+					...e.team ? { team: e.team } : {},
+					...e.description ? { description: e.description } : {},
+					...e.fill ? { fill: e.fill } : {},
+					...e.stroke ? { stroke: e.stroke } : {}
+				});
+			} else if (O(e)) {
+				let t = e.source, r = e.target;
+				if (!t?.id || !r?.id) continue;
+				n.push({
+					id: e.id,
+					from: t.id,
+					to: r.id,
+					pattern: e.pattern,
+					...e.upstreamRoles?.length ? { upstreamRoles: [...e.upstreamRoles] } : {},
+					...e.downstreamRoles?.length ? { downstreamRoles: [...e.downstreamRoles] } : {},
+					...e.cmLabel ? { label: e.cmLabel } : {},
+					...e.description ? { description: e.description } : {},
+					...e.implementationTechnology ? { implementationTechnology: e.implementationTechnology } : {}
+				});
+			}
+		}
+		return {
+			version: r,
+			title: e?.title ?? "Untitled context map",
+			contexts: t,
+			relationships: n
+		};
+	}
+}, Y = {
+	cmImporter: ["type", q],
+	cmExporter: ["type", J]
+}, X = class extends N {
+	_getModules() {
+		return [
+			F,
+			W,
+			Y
+		];
+	}
+}, Z = class extends X {
+	_getModules() {
+		return [
+			...super._getModules(),
+			v,
+			y,
+			b
+		];
+	}
+};
+//#endregion
+//#region src/modeling/cmd/UpdatePropertiesHandler.ts
+function xe(e, t, n) {
+	n === void 0 ? delete e[t] : e[t] = n;
+}
+var Se = class {
+	execute(e) {
+		let { element: t, properties: n } = e, r = t, i = {};
+		for (let e of Object.keys(n)) i[e] = r[e], xe(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)) xe(r, e, n[e]);
+		return [t];
+	}
+};
+//#endregion
+//#region src/modeling/cmd/SwapEndsHandler.ts
+function Ce(e) {
+	let t = e.source;
+	return e.source = e.target, e.target = t, Array.isArray(e.waypoints) && (e.waypoints = [...e.waypoints].reverse()), [e];
+}
+var we = class {
+	execute(e) {
+		return Ce(e.connection);
+	}
+	revert(e) {
+		return Ce(e.connection);
+	}
+}, Te = "element.updateProperties", Ee = "relationship.swapEnds", De = class {
+	commandStack;
+	elementRegistry;
+	graphicsFactory;
+	static $inject = [
+		"commandStack",
+		"elementRegistry",
+		"graphicsFactory"
+	];
+	constructor(e, t, n) {
+		this.commandStack = e, this.elementRegistry = t, this.graphicsFactory = n, e.registerHandler(Te, Se), e.registerHandler(Ee, we);
+	}
+	redraw(e) {
+		let t = this.elementRegistry.getGraphics(e);
+		t && this.graphicsFactory.update(O(e) ? "connection" : "shape", e, t);
+	}
+	swapEnds(e) {
+		this.commandStack.execute(Ee, { connection: e }), this.redraw(e);
+	}
+	updateProperties(e, t) {
+		this.commandStack.execute(Te, {
+			element: e,
+			properties: t
+		}), this.redraw(e);
+	}
+	updateLabel(e, t) {
+		this.updateProperties(e, { cmLabel: t || void 0 });
+	}
+	setSubdomainType(e, t) {
+		this.updateProperties(e, { subdomainType: t });
+	}
+	setTeam(e, t) {
+		this.updateProperties(e, { team: t || void 0 });
+	}
+	setDescription(e, t) {
+		this.updateProperties(e, { description: t || void 0 });
+	}
+	setColors(e, t, n) {
+		this.updateProperties(e, {
+			fill: t,
+			stroke: n
+		});
+	}
+	setPattern(e, t) {
+		let n = { pattern: t };
+		if (c(t)) n.upstreamRoles = void 0, n.downstreamRoles = void 0;
+		else if (t === "customer-supplier") {
+			let t = (e.upstreamRoles ?? []).filter((e) => e !== "OHS"), r = (e.downstreamRoles ?? []).filter((e) => e !== "CF");
+			n.upstreamRoles = t.length ? t : void 0, n.downstreamRoles = r.length ? r : void 0;
+		}
+		this.updateProperties(e, n);
+	}
+	setUpstreamRoles(e, t) {
+		this.updateProperties(e, { upstreamRoles: t.length ? t : void 0 });
+	}
+	setDownstreamRoles(e, t) {
+		this.updateProperties(e, { downstreamRoles: t.length ? t : void 0 });
+	}
+	setImplementationTechnology(e, t) {
+		this.updateProperties(e, { implementationTechnology: t || void 0 });
+	}
+}, Oe = {
+	__init__: ["cmModeling"],
+	cmModeling: ["type", De],
+	layouter: ["type", ue]
+}, ke = class extends ne {
+	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", () => !0), this.addRule("connection.create", (e) => je(e.source, e.target)), this.addRule("connection.reconnect", (e) => !!je(e.source, e.target, e.connection)), this.addRule("connection.updateWaypoints", () => !0);
+	}
+};
+function Ae(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 je(e, t, n) {
+	return !D(e) || !D(t) || e === t || Ae(e, t, n) ? !1 : {
+		cmKind: "relationship",
+		pattern: "upstream-downstream"
+	};
+}
+//#endregion
+//#region src/rules/index.ts
+var Me = {
+	__depends__: [te],
+	__init__: ["cmRules"],
+	cmRules: ["type", ke]
+}, Ne = class extends re {
+	static $inject = [
+		"eventBus",
+		"canvas",
+		"modeling"
+	];
+	constructor(e, t, n) {
+		super(e), this.preExecute(["shape.create", "elements.create"], (e) => {
+			e.parent = t.getRootElement();
+		}, !0), this.postExecute([
+			"shape.move",
+			"elements.move",
+			"shape.resize"
+		], (e) => {
+			let t = e.shapes ?? (e.shape ? [e.shape] : []), r = /* @__PURE__ */ new Set();
+			for (let e of t) {
+				let t = [...e.incoming ?? [], ...e.outgoing ?? []];
+				for (let e of t) r.has(e.id) || (r.add(e.id), n.layoutConnection(e));
+			}
+		}, !0);
+	}
+}, Pe = "cm-dragging", Fe = class {
+	static $inject = ["eventBus", "canvas"];
+	constructor(e, t) {
+		e.on("drag.init", () => {
+			t.getContainer().classList.add(Pe);
+		}), e.on("drag.cleanup", () => {
+			t.getContainer().classList.remove(Pe);
+		});
+	}
+}, Ie = 2e3, Le = {
+	__init__: [
+		"cmFlatModelBehavior",
+		"cmDragBehavior",
+		"cmClickSelectionBehavior"
+	],
+	cmFlatModelBehavior: ["type", Ne],
+	cmDragBehavior: ["type", Fe],
+	cmClickSelectionBehavior: ["type", class {
+		static $inject = ["eventBus", "selection"];
+		constructor(e, t) {
+			e.on("element.click", Ie, (e) => {
+				let n = e.element;
+				if (E(n) && !ie(e) && t.isSelected(n)) return !1;
+			});
+		}
+	}]
+};
+//#endregion
+//#region src/draw/palette-icons.ts
+function Re(e) {
+	return `<svg class="cm-palette-svg" width="24" height="24" viewBox="0 0 26 26" aria-hidden="true">${e}</svg>`;
+}
+var ze = "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", Be = "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 Ve(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" ? ze : Be}" fill="${i}" transform="${s}"/>`;
+}
+function He(e) {
+	let t = s[e];
+	return Re(`<rect x="2" y="4" width="22" height="18" rx="3.5" fill="${t.fill}" stroke="${t.stroke}" stroke-width="1.5"/>` + Ve(e, 13, 13, 12, t.stroke));
+}
+function Ue(e = "upstream-downstream") {
+	let t = o[e], n = t.dash ? ` stroke-dasharray="${t.dash}"` : "", r = Math.min(t.strokeWidth, 2.6);
+	return Re(`<g stroke="${t.stroke}" stroke-width="${r}" stroke-linecap="round"><circle cx="5" cy="13" r="2.5" fill="${t.stroke}" stroke="none"/><line x1="7" y1="13" x2="19" y2="13"${n}/><circle cx="21" cy="13" r="2.5" fill="${t.stroke}" stroke="none"/></g>`);
+}
+//#endregion
+//#region src/palette/CmPaletteProvider.ts
+var We = "cm-1-contexts";
+function Ge(e, t) {
+	return `<div class="entry cm-palette-entry" draggable="true" title="${t}">${e}</div>`;
+}
+var Ke = class {
+	create;
+	factory;
+	static $inject = [
+		"palette",
+		"create",
+		"cmElementFactory"
+	];
+	constructor(e, t, n) {
+		this.create = t, this.factory = n, e.registerProvider(this);
+	}
+	getPaletteEntries() {
+		let e = {};
+		for (let t of n) {
+			let n = (e) => this.create.start(e, this.factory.createNewContext(t.type, t.label));
+			e[`context.${t.type}`] = {
+				group: We,
+				title: `${t.label} — ${t.description}`,
+				html: Ge(He(t.type), `${t.label} — ${t.description}`),
+				action: {
+					dragstart: n,
+					click: n
+				}
+			};
+		}
+		return e;
+	}
+}, qe = {
+	__depends__: [
+		ae,
+		oe,
+		se
+	],
+	__init__: ["cmPaletteProvider"],
+	cmPaletteProvider: ["type", Ke]
+}, Je = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z";
+function Ye(e, t = 18) {
+	return `<svg width="${t}" height="${t}" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="${e}"/></svg>`;
+}
+//#endregion
+//#region src/connect-handles/CmConnectHandles.ts
+var Xe = "cm-connect-handle", Ze = 28, Qe = 12, $e = [
+	{
+		side: "top",
+		rotationDeg: -90
+	},
+	{
+		side: "right",
+		rotationDeg: 0
+	},
+	{
+		side: "bottom",
+		rotationDeg: 90
+	},
+	{
+		side: "left",
+		rotationDeg: 180
+	}
+];
+function et(e, t) {
+	let n = t.width / 2 - Ze / 2, r = t.height / 2 - Ze / 2;
+	switch (e) {
+		case "top": return {
+			top: -40,
+			left: n
+		};
+		case "bottom": return {
+			top: t.height + Qe,
+			left: n
+		};
+		case "left": return {
+			top: r,
+			left: -40
+		};
+		case "right": return {
+			top: r,
+			left: t.width + Qe
+		};
+	}
+}
+var tt = class {
+	eventBus;
+	selection;
+	overlays;
+	dragging;
+	static $inject = [
+		"eventBus",
+		"selection",
+		"overlays",
+		"connect",
+		"dragging"
+	];
+	constructor(e, t, n, r, i) {
+		this.eventBus = e, this.selection = t, this.overlays = n, this.dragging = i;
+		let a = () => this.refresh();
+		e.on("selection.changed", a), e.on("commandStack.changed", a);
+	}
+	refresh() {
+		this.overlays.remove({ type: Xe });
+		let e = this.selection.get();
+		if (e.length !== 1) return;
+		let t = e[0];
+		if (!D(t)) return;
+		let n = t;
+		for (let { side: e, rotationDeg: r } of $e) {
+			let i = document.createElement("div");
+			i.className = "cm-connect-handle", i.dataset.side = e, i.title = "Connect to another context", i.innerHTML = `<span style="display:flex;transform:rotate(${r}deg)">${Ye(Je)}</span>`, i.addEventListener("mousedown", (e) => {
+				e.button === 0 && (e.preventDefault(), e.stopPropagation(), this.dragging.init(e, "connect", {
+					autoActivate: !1,
+					trapClick: !1,
+					data: {
+						shape: t,
+						context: {
+							start: t,
+							connectionStart: f(t)
+						}
+					}
+				}), this.eventBus.once("connect.cleanup", 250, () => {
+					this.selection.get().length === 0 && this.selection.select(t);
+				}));
+			}), this.overlays.add(t, Xe, {
+				position: et(e, n),
+				html: i
+			});
+		}
+	}
+}, nt = {
+	__depends__: [
+		se,
+		ce,
+		v
+	],
+	__init__: ["cmConnectHandles"],
+	cmConnectHandles: ["type", tt]
+}, rt = class {
+	canvas;
+	modeling;
+	static $inject = [
+		"eventBus",
+		"canvas",
+		"cmModeling"
+	];
+	active = null;
+	constructor(e, t, n) {
+		this.canvas = t, this.modeling = n, e.on("element.dblclick", (e) => {
+			E(e.element) && this.activate(e.element);
+		}), e.on([
+			"element.mousedown",
+			"drag.init",
+			"canvas.viewbox.changing"
+		], () => this.active?.commit());
+	}
+	activate(e) {
+		this.active?.commit();
+		let t = this.canvas.getContainer(), n = this.canvas.zoom(), r = this.canvas.viewbox(), { x: i, y: a } = it(e), o = (i - r.x) * n - 170 / 2, s = (a - r.y) * n - 14, c = document.createElement("input");
+		c.type = "text", c.className = "cm-label-input", c.value = e.cmLabel ?? "", c.style.position = "absolute", c.style.left = `${o}px`, c.style.top = `${s}px`, c.style.width = "170px", t.appendChild(c), c.focus(), c.select();
+		let l = !1, u = () => {
+			l || (l = !0, c.removeEventListener("keydown", f), c.removeEventListener("blur", p), c.remove(), this.active = null);
+		}, d = () => {
+			if (l) return;
+			let t = c.value.trim(), n = t !== (e.cmLabel ?? "");
+			u(), n && this.modeling.updateLabel(e, t);
+		}, f = (e) => {
+			e.key === "Enter" ? (e.preventDefault(), d()) : e.key === "Escape" && (e.preventDefault(), u());
+		}, p = () => d();
+		c.addEventListener("keydown", f), c.addEventListener("blur", p), this.active = {
+			commit: d,
+			cleanup: u
+		};
+	}
+	cancel() {
+		this.active?.cleanup();
+	}
+};
+function it(e) {
+	if (O(e)) {
+		let t = e.waypoints ?? [];
+		if (t.length >= 2) {
+			let e = t[0], n = t[t.length - 1];
+			return {
+				x: (e.x + n.x) / 2,
+				y: (e.y + n.y) / 2
+			};
+		}
+		return t.length === 1 ? {
+			x: t[0].x,
+			y: t[0].y
+		} : {
+			x: 0,
+			y: 0
+		};
+	}
+	let t = e;
+	return {
+		x: t.x + t.width / 2,
+		y: t.y + t.height / 2
+	};
+}
+//#endregion
+//#region src/label-editing/index.ts
+var at = {
+	__init__: ["cmLabelEditing"],
+	cmLabelEditing: ["type", rt]
+};
+//#endregion
+//#region src/keyboard/CmKeyboard.ts
+function ot(e) {
+	let t = e;
+	return t ? t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable : !1;
+}
+var st = class {
+	static $inject = [
+		"canvas",
+		"commandStack",
+		"selection",
+		"modeling"
+	];
+	constructor(e, t, n, r) {
+		(e.getContainer().ownerDocument ?? document).addEventListener("keydown", (e) => {
+			if (ot(e.target)) return;
+			let i = e.ctrlKey || e.metaKey, a = e.key.toLowerCase();
+			if (i && a === "z" && !e.shiftKey) e.preventDefault(), t.canUndo() && t.undo();
+			else if (i && a === "z" && e.shiftKey || i && a === "y") e.preventDefault(), t.canRedo() && t.redo();
+			else if (a === "delete" || a === "backspace") {
+				let t = n.get();
+				t.length && (e.preventDefault(), r.removeElements([...t]));
+			}
+		});
+	}
+}, ct = {
+	__init__: ["cmKeyboard"],
+	cmKeyboard: ["type", st]
+}, lt = "cm-validation", Q = 20, $ = 16, ut = 44, dt = "#d97706", ft = "#dc2626";
+function pt(e) {
+	let t = e.some((e) => e.kind === "error") ? ft : dt, n = document.createElement("div");
+	n.className = "cm-validation-marker", n.innerHTML = `<svg width="${Q}" height="${Q}" viewBox="0 0 24 24"><path d="M12 2.5 23 21.5H1Z" fill="${t}" stroke="#fff" stroke-width="1.6" stroke-linejoin="round"/><text x="12" y="18.5" text-anchor="middle" font-size="12" font-weight="800" fill="#fff" font-family="system-ui, sans-serif">!</text></svg>`;
+	let r = document.createElement("div");
+	r.className = "cm-validation-tooltip";
+	for (let t of e) {
+		let e = document.createElement("div");
+		e.className = "cm-validation-tooltip__message", e.textContent = t.message, r.appendChild(e);
+	}
+	return n.appendChild(r), n;
+}
+function mt(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: (r.y + i.y) / 2 + c * $
+	};
+	let u = e.pattern === "customer-supplier", d = n === "upstream" ? V(r, i, u ? "S" : "U", e.upstreamRoles ?? []) : V(i, r, u ? "C" : "D", e.downstreamRoles ?? []);
+	if (d) {
+		let e = {
+			x: d.box.x + d.box.width,
+			y: d.box.y + d.box.height
+		};
+		return {
+			x: e.x + 1,
+			y: e.y + 1
+		};
+	}
+	let f = Math.min(ut, 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: m + c * $
+	};
+}
+//#endregion
+//#region src/validation/index.ts
+var ht = {
+	__depends__: [ce],
+	__init__: ["cmValidationMarkers"],
+	cmValidationMarkers: ["type", class {
+		elementRegistry;
+		overlays;
+		exporter;
+		static $inject = [
+			"eventBus",
+			"elementRegistry",
+			"overlays",
+			"cmExporter"
+		];
+		constructor(e, t, n, r) {
+			this.elementRegistry = t, this.overlays = n, this.exporter = r;
+			let i = () => this.refresh();
+			e.on("import.render.done", i), e.on("commandStack.changed", i);
+		}
+		refresh() {
+			this.overlays.remove({ type: lt });
+			let e = u(this.exporter.export()), t = /* @__PURE__ */ new Map(), n = (e, n) => {
+				for (let r of e) {
+					if (!r.relationshipId) continue;
+					let e = `${r.relationshipId} ${r.side ?? "middle"}`, i = t.get(e) ?? {
+						relationshipId: r.relationshipId,
+						findings: []
+					};
+					i.findings.push({
+						...r,
+						kind: n
+					}), t.set(e, i);
+				}
+			};
+			n(e.errors, "error"), n(e.warnings, "warning");
+			for (let [e, n] of t) {
+				let t = this.elementRegistry.get(n.relationshipId);
+				if (!O(t)) continue;
+				let r = t.waypoints ?? [];
+				if (r.length < 2) continue;
+				let i = e.split(" ")[1], { x: a, y: o } = mt(t, r, i), s = Math.min(...r.map((e) => e.x)), c = Math.min(...r.map((e) => e.y));
+				this.overlays.add(t, lt, {
+					position: {
+						left: a - s - Q / 2,
+						top: o - c - Q / 2
+					},
+					html: pt(n.findings)
+				});
+			}
+		}
+	}]
+};
+//#endregion
+//#region src/zorder/CmZOrder.ts
+function gt(e) {
+	return +!O(e);
+}
+var _t = class {
+	canvas;
+	elementRegistry;
+	static $inject = [
+		"eventBus",
+		"canvas",
+		"elementRegistry"
+	];
+	importing = !1;
+	constructor(e, t, n) {
+		this.canvas = t, this.elementRegistry = n, e.on("import.render.start", () => {
+			this.importing = !0;
+		}), e.on("import.render.done", () => {
+			this.importing = !1, this.reorder();
+		}), e.on("commandStack.changed", () => {
+			this.importing || this.reorder();
+		});
+	}
+	reorder() {
+		let e = this.elementRegistry.getAll().filter(E).sort((e, t) => gt(e) - gt(t));
+		for (let t of e) {
+			let e = this.canvas.getGraphics(t)?.parentNode, n = e?.parentNode;
+			e && n && n.appendChild(e);
+		}
+	}
+}, vt = {
+	__init__: ["cmZOrder"],
+	cmZOrder: ["type", _t]
+}, yt = class extends Z {
+	_getModules() {
+		return [
+			...super._getModules(),
+			x,
+			S,
+			C,
+			w,
+			ee,
+			Oe,
+			Me,
+			Le,
+			qe,
+			nt,
+			at,
+			ct,
+			ht,
+			vt
+		];
+	}
+	undo() {
+		this.get("commandStack").undo();
+	}
+	redo() {
+		this.get("commandStack").redo();
+	}
+	canUndo() {
+		return this.get("commandStack").canUndo();
+	}
+	canRedo() {
+		return this.get("commandStack").canRedo();
+	}
+};
+//#endregion
+export { de as CD_TOKENS, N as CmBaseViewer, tt as CmConnectHandles, P as CmElementFactory, J as CmExporter, Ne as CmFlatModelBehavior, q as CmImporter, st as CmKeyboard, rt as CmLabelEditing, De as CmModeling, Ke as CmPaletteProvider, ke as CmRules, _t as CmZOrder, U as ContextMapsRenderer, I as MIRAGON, yt as Modeler, Z as NavigatedViewer, j as ROOT_ID, X as Viewer, Le as cmBehaviorsModule, nt as cmConnectHandlesModule, W as cmDrawModule, ct as cmKeyboardModule, at as cmLabelEditingModule, F as cmModelModule, Oe as cmModelingModule, qe as cmPaletteModule, Me as cmRulesModule, vt as cmZOrderModule, He as contextIconSvg, Y as ioModule, D as isCmContext, E as isCmElement, O as isCmRelationship, Ue as relationshipIconSvg, A as saveSVG };
+
+//# sourceMappingURL=index.js.map