@miragon/team-topologies-renderer 0.11.2 → 0.12.0

package/dist/index.js

@@ -162,7 +162,10 @@ var Me = class {
 				canvas: { container: this._container },
 				modules: t,
 				ttKeyboard: { undoRedoKeys: this._options.undoRedoKeys ?? !0 },
-				ttPalette: { freeRectCenter: this._options.freeRectCenter }
+				ttPalette: {
+					freeArea: this._options.freeArea,
+					freeRectCenter: this._options.freeRectCenter
+				}
 			}), this._describeCanvas(this._diagram);
 		}
 		return this._diagram;
@@ -1139,7 +1142,14 @@ function $t(e) {
 		y: e.y + e.height / 2
 	};
 }
-var en = class {
+function en(e, t) {
+	let { x: n, y: r, scale: i, outer: a } = e.viewbox(), o = a.width - t.left - t.right, s = a.height - t.top - t.bottom;
+	if (i > 0 && o > 0 && s > 0) return {
+		x: n + (t.left + o / 2) / i,
+		y: r + (t.top + s / 2) / i
+	};
+}
+var tn = class {
 	config;
 	create;
 	factory;
@@ -1192,7 +1202,7 @@ var en = class {
 		};
 	}
 	freePlace() {
-		let e = this.canvas.viewbox(), t = this.config?.freeRectCenter?.() ?? {
+		let e = this.canvas.viewbox(), t = this.freeAreaCentre() ?? {
 			x: e.x + e.width / 2,
 			y: e.y + e.height / 2
 		}, n = {
@@ -1205,20 +1215,24 @@ var en = class {
 		for (; r();) n.x += Xt, n.y += Xt;
 		return n;
 	}
+	freeAreaCentre() {
+		let e = this.config?.freeArea;
+		return e?.center ? e.center() : e?.insets ? en(this.canvas, e.insets()) : this.config?.freeRectCenter?.();
+	}
 	placeInFreeRect(e) {
 		if (this.readOnly?.isReadOnly()) return;
 		let t = this.modeling.createShape(e, this.freePlace(), this.canvas.getRootElement());
 		this.selection.select(t), this.canvas.focus(), T(t) && this.labelEditing?.activate(t);
 	}
-}, tn = {
+}, nn = {
 	__depends__: [
 		ge,
 		_e,
 		se
 	],
 	__init__: ["ttPaletteProvider"],
-	ttPaletteProvider: ["type", en]
-}, X = "tt.readOnly.changed", nn = 5e3, rn = [
+	ttPaletteProvider: ["type", tn]
+}, X = "tt.readOnly.changed", rn = 5e3, an = [
 	"elements.move",
 	"shape.move",
 	"shape.resize",
@@ -1230,7 +1244,7 @@ var en = class {
 	"connection.reconnect",
 	"connection.updateWaypoints",
 	"elements.delete"
-], an = class extends me {
+], on = class extends me {
 	bus;
 	static $inject = ["eventBus"];
 	readOnly = !1;
@@ -1238,7 +1252,7 @@ var en = class {
 		super(e), this.bus = e;
 	}
 	init() {
-		this.addRule(rn, nn, () => !this.readOnly && void 0);
+		this.addRule(an, rn, () => !this.readOnly && void 0);
 	}
 	isReadOnly() {
 		return this.readOnly;
@@ -1246,18 +1260,18 @@ var en = class {
 	setReadOnly(e) {
 		this.readOnly !== e && (this.readOnly = e, this.bus.fire(X, { readOnly: e }));
 	}
-}, on = {
+}, sn = {
 	__depends__: [pe],
 	__init__: ["ttReadOnly"],
-	ttReadOnly: ["type", an]
-}, sn = ".djs-context-pad .entry[data-action]";
+	ttReadOnly: ["type", on]
+}, cn = ".djs-context-pad .entry[data-action]";
 function Z(e, t, n = !0) {
 	return `<div class="entry tt-cp-entry" role="button" tabindex="${n ? 0 : -1}" aria-label="${t}">${J(e)}</div>`;
 }
-function cn(e) {
+function ln(e) {
 	return k(e) ? "Edit text" : D(e) || O(e) ? "Edit label" : "Rename";
 }
-var ln = class {
+var un = class {
 	contextPad;
 	modeling;
 	ttModeling;
@@ -1325,11 +1339,11 @@ var ln = class {
 	}
 	onEntryKeyDown(e) {
 		if (e.key !== "Enter" && e.key !== " " || e.repeat) return;
-		let t = (e.target?.closest?.(sn))?.getAttribute("data-action");
+		let t = (e.target?.closest?.(cn))?.getAttribute("data-action");
 		t && (e.preventDefault(), e.stopPropagation(), this.contextPad.triggerEntry(t, "keyboard", e));
 	}
 	editEntry(e) {
-		let t = cn(e), n = () => this.labelEditing.activate(e);
+		let t = ln(e), n = () => this.labelEditing.activate(e);
 		return {
 			group: "edit",
 			title: t,
@@ -1353,19 +1367,19 @@ var ln = class {
 			}
 		};
 	}
-}, un = {
+}, dn = {
 	__depends__: [
 		be,
 		ve,
 		ye
 	],
 	__init__: ["ttContextPadProvider"],
-	ttContextPadProvider: ["type", ln]
-}, dn = "tt-label-editing", fn = 96;
-function pn(e) {
+	ttContextPadProvider: ["type", un]
+}, fn = "tt-label-editing", pn = 96;
+function mn(e) {
 	return k(e) ? "Annotation text" : D(e) ? "Interaction label" : O(e) ? "Flow label" : "Team name";
 }
-var mn = class {
+var hn = class {
 	canvas;
 	modeling;
 	elementRegistry;
@@ -1383,11 +1397,7 @@ var mn = class {
 	constructor(e, t, n, r, i) {
 		this.canvas = t, this.modeling = n, this.elementRegistry = r, this.readOnly = i.get("ttReadOnly", !1), e.on("element.dblclick", (e) => {
 			T(e.element) && this.activate(e.element);
-		}), e.on([
-			"element.mousedown",
-			"drag.init",
-			"canvas.viewbox.changing"
-		], () => this.active?.commit()), e.on("import.render.start", () => this.cancel()), e.on(X, (e) => {
+		}), e.on(["element.mousedown", "drag.init"], () => this.active?.commit()), e.on("canvas.viewbox.changed", () => this.active?.place()), e.on("import.render.start", () => this.cancel()), e.on(X, (e) => {
 			e.readOnly && this.cancel();
 		}), e.on("diagram.destroy", () => {
 			clearTimeout(this.resumeTimer), this.suspended = null, this.cancel();
@@ -1414,53 +1424,58 @@ var mn = class {
 	}
 	activate(e, t) {
 		if (this.active?.commit(), this.readOnly?.isReadOnly()) return;
-		let n = H(e), r = n.align === "center", i = this.canvas.zoom(), a = this.canvas.viewbox(), o = r ? Math.max(n.box.width, fn) : n.box.width, s = e.x + n.box.x + (n.box.width - o) / 2, c = (e.y + n.box.y - a.y) * i, l = n.box.height * i, u = document.createElement("textarea");
-		u.className = "tt-label-editor", u.value = t ? t.value : e.ttLabel ?? "", u.rows = 1, u.setAttribute("aria-label", pn(e)), Object.assign(u.style, {
-			left: `${(s - a.x) * i}px`,
-			width: `${o * i}px`,
+		let n = H(e), r = n.align === "center", i = r ? Math.max(n.box.width, pn) : n.box.width, a = e.x + n.box.x + (n.box.width - i) / 2, o = document.createElement("textarea");
+		o.className = "tt-label-editor", o.value = t ? t.value : e.ttLabel ?? "", o.rows = 1, o.setAttribute("aria-label", mn(e)), Object.assign(o.style, {
 			fontFamily: I.family,
-			fontSize: `${n.fontSize * i}px`,
 			fontWeight: n.fontWeight,
 			letterSpacing: n.letterSpacing ?? "normal",
 			lineHeight: String(R),
 			color: n.fill,
 			textAlign: r ? "center" : "left"
 		});
-		let d = () => {
-			u.style.height = "0px";
-			let e = u.scrollHeight;
-			u.style.height = `${r ? e : Math.max(e, l)}px`, u.style.top = `${r ? c + (l - e) / 2 : c}px`;
+		let s = 0, c = 0, l = () => {
+			o.style.height = "0px";
+			let e = o.scrollHeight;
+			o.style.height = `${r ? e : Math.max(e, c)}px`, o.style.top = `${r ? s + (c - e) / 2 : s}px`;
+		}, u = () => {
+			let t = this.canvas.zoom(), r = this.canvas.viewbox();
+			s = (e.y + n.box.y - r.y) * t, c = n.box.height * t, Object.assign(o.style, {
+				left: `${(a - r.x) * t}px`,
+				width: `${i * t}px`,
+				fontSize: `${n.fontSize * t}px`
+			}), l();
 		};
-		this.canvas.getContainer().appendChild(u), this.canvas.addMarker(e, dn), d(), u.focus(), t ? u.setSelectionRange(t.selectionStart, t.selectionEnd) : u.select();
-		let f = !1, p = () => {
-			f || (f = !0, u.removeEventListener("keydown", h), u.removeEventListener("input", d), u.removeEventListener("blur", g), u.remove(), this.elementRegistry.get(e.id) === e && this.canvas.removeMarker(e, dn), this.active = null, this.canvas.restoreFocus());
-		}, m = () => {
-			if (f) return;
-			let t = u.value.trim(), n = t !== (e.ttLabel ?? "");
-			p(), n && this.modeling.updateLabel(e, t);
-		}, h = (e) => {
-			e.key === "Enter" && !e.shiftKey && !e.isComposing ? (e.preventDefault(), m(), this.canvas.focus()) : e.key === "Escape" && (e.preventDefault(), p(), this.canvas.focus());
-		}, g = () => m();
-		u.addEventListener("keydown", h), u.addEventListener("input", d), u.addEventListener("blur", g);
-		let _ = () => ({
+		this.canvas.getContainer().appendChild(o), this.canvas.addMarker(e, fn), u(), o.focus(), t ? o.setSelectionRange(t.selectionStart, t.selectionEnd) : o.select();
+		let d = !1, f = () => {
+			d || (d = !0, o.removeEventListener("keydown", m), o.removeEventListener("input", l), o.removeEventListener("blur", h), o.remove(), this.elementRegistry.get(e.id) === e && this.canvas.removeMarker(e, fn), this.active = null, this.canvas.restoreFocus());
+		}, p = () => {
+			if (d) return;
+			let t = o.value.trim(), n = t !== (e.ttLabel ?? "");
+			f(), n && this.modeling.updateLabel(e, t);
+		}, m = (e) => {
+			e.key === "Enter" && !e.shiftKey && !e.isComposing ? (e.preventDefault(), p(), this.canvas.focus()) : e.key === "Escape" && (e.preventDefault(), f(), this.canvas.focus());
+		}, h = () => p();
+		o.addEventListener("keydown", m), o.addEventListener("input", l), o.addEventListener("blur", h);
+		let g = () => ({
 			elementId: e.id,
-			value: u.value,
-			selectionStart: u.selectionStart,
-			selectionEnd: u.selectionEnd
+			value: o.value,
+			selectionStart: o.selectionStart,
+			selectionEnd: o.selectionEnd
 		});
 		this.active = {
-			commit: m,
-			cleanup: p,
-			snapshot: _
+			commit: p,
+			cleanup: f,
+			place: u,
+			snapshot: g
 		};
 	}
 	cancel() {
 		this.active?.cleanup();
 	}
-}, hn = {
+}, gn = {
 	__init__: ["ttLabelEditing"],
-	ttLabelEditing: ["type", mn]
-}, gn = 1, _n = 10, vn = {
+	ttLabelEditing: ["type", hn]
+}, _n = 1, vn = 10, yn = {
 	ArrowLeft: {
 		x: -1,
 		y: 0
@@ -1477,21 +1492,21 @@ var mn = class {
 		x: 0,
 		y: 1
 	}
-}, yn = "[aria-modal=\"true\"], dialog[open]";
-function bn(e) {
+}, bn = "[aria-modal=\"true\"], dialog[open]";
+function xn(e) {
 	let t = e;
 	return t ? t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable : !1;
 }
-function xn(e) {
+function Sn(e) {
 	return typeof e?.nodeType == "number";
 }
-function Sn(e, t) {
+function Cn(e, t) {
 	if (t.closest("[inert]")) return !1;
-	if (!xn(e) || e.nodeType === Node.DOCUMENT_NODE) return !0;
+	if (!Sn(e) || e.nodeType === Node.DOCUMENT_NODE) return !0;
 	let n = e.ownerDocument;
 	return e === n?.body || e === n?.documentElement || t.contains(e);
 }
-function Cn(e) {
+function wn(e) {
 	return !("waypoints" in e);
 }
 var Q = class {
@@ -1528,30 +1543,30 @@ var Q = class {
 				let t = a.get();
 				t.length && (e.preventDefault(), o.removeElements([...t]));
 			} else if (t && n === "v" && !e.shiftKey) e.preventDefault(), s.paste();
-			else if (!t && Object.hasOwn(vn, e.key)) {
-				let t = a.get().filter(Cn);
+			else if (!t && Object.hasOwn(yn, e.key)) {
+				let t = a.get().filter(wn);
 				if (!t.length || !c.allowed("elements.move", { shapes: t })) return;
 				e.preventDefault();
-				let n = vn[e.key], r = e.shiftKey ? _n : gn;
+				let n = yn[e.key], r = e.shiftKey ? vn : _n;
 				o.moveElements(t, {
 					x: n.x * r,
 					y: n.y * r
 				});
 			}
 		}, _ = (e) => {
-			if (e.defaultPrevented || e.altKey || e.isComposing || bn(e.target) || !Sn(e.target, u) || d.querySelector(yn)) return;
+			if (e.defaultPrevented || e.altKey || e.isComposing || xn(e.target) || !Cn(e.target, u) || d.querySelector(bn)) return;
 			let t = e.ctrlKey || e.metaKey, n = e.key.toLowerCase();
 			h(e, t, n) || m?.isReadOnly() || g(e, t, n);
 		};
 		d.addEventListener("keydown", _), t.on("diagram.destroy", () => d.removeEventListener("keydown", _));
 	}
-}, wn = {
+}, Tn = {
 	__init__: ["ttKeyboard"],
 	ttKeyboard: ["type", Q]
 };
 //#endregion
 //#region src/copy-paste/TtCopyPaste.ts
-function Tn(e) {
+function En(e) {
 	switch (e) {
 		case "team": return "team";
 		case "interaction": return "int";
@@ -1561,7 +1576,7 @@ function Tn(e) {
 		default: return;
 	}
 }
-var En = class extends Se {
+var Dn = class extends Se {
 	elementFactory;
 	static $inject = [
 		"canvas",
@@ -1577,20 +1592,20 @@ var En = class extends Se {
 		super(e, t, n, r, i, a, o, s), this.elementFactory = r;
 	}
 	createConnection(e) {
-		let t = Tn(e.ttKind);
+		let t = En(e.ttKind);
 		return t ? this.elementFactory.createConnection({
 			...e,
 			id: v(t)
 		}) : super.createConnection(e);
 	}
 	createShape(e) {
-		let t = Tn(e.ttKind);
+		let t = En(e.ttKind);
 		return t ? this.elementFactory.createShape({
 			...e,
 			id: v(t)
 		}) : super.createShape(e);
 	}
-}, Dn = [
+}, On = [
 	"ttKind",
 	"teamType",
 	"mode",
@@ -1599,10 +1614,10 @@ var En = class extends Se {
 	"fill",
 	"stroke",
 	"ttForeign"
-], On = {
+], kn = {
 	__depends__: [xe],
 	__init__: ["ttCopyPasteProps"],
-	copyPaste: ["type", En],
+	copyPaste: ["type", Dn],
 	ttCopyPasteProps: ["type", class {
 		static $inject = ["eventBus"];
 		constructor(e) {
@@ -1610,20 +1625,20 @@ var En = class extends Se {
 				let { descriptor: t, element: n } = e;
 				if (!T(n) && !A(n)) return;
 				let r = n;
-				for (let e of Dn) r[e] !== void 0 && (t[e] = structuredClone(r[e]));
+				for (let e of On) r[e] !== void 0 && (t[e] = structuredClone(r[e]));
 			});
 		}
 	}]
 };
 //#endregion
 //#region src/zorder/TtZOrder.ts
-function kn(e) {
+function An(e) {
 	return O(e) ? 0 : E(e) ? e.teamType === "enabling" ? 3 : e.teamType === "complicated-subsystem" ? 2 : 1 : D(e) ? 4 : k(e) ? 5 : A(e) ? 6 : 1;
 }
-function An(e) {
+function jn(e) {
 	return T(e) || A(e);
 }
-var jn = class {
+var Mn = class {
 	canvas;
 	elementRegistry;
 	static $inject = [
@@ -1642,16 +1657,16 @@ var jn = class {
 		});
 	}
 	reorder() {
-		let e = this.elementRegistry.getAll().filter(An).sort((e, t) => kn(e) - kn(t));
+		let e = this.elementRegistry.getAll().filter(jn).sort((e, t) => An(e) - An(t));
 		for (let t of e) {
 			let e = this.canvas.getGraphics(t)?.parentNode, n = e?.parentNode;
 			e && n && n.appendChild(e);
 		}
 	}
-}, Mn = {
+}, Nn = {
 	__init__: ["ttZOrder"],
-	ttZOrder: ["type", jn]
-}, Nn = class extends K {
+	ttZOrder: ["type", Mn]
+}, Pn = class extends K {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -1660,16 +1675,16 @@ var jn = class {
 			le,
 			ue,
 			de,
-			on,
+			sn,
 			gt,
 			yt,
 			St,
-			tn,
-			un,
-			hn,
-			wn,
-			On,
-			Mn
+			nn,
+			dn,
+			gn,
+			Tn,
+			kn,
+			Nn
 		];
 	}
 	undo() {
@@ -1684,32 +1699,33 @@ var jn = class {
 	canRedo() {
 		return this.get("commandStack").canRedo();
 	}
-}, Pn = "team-topologies";
-function Fn(e = {}) {
-	return zn(new Nn({
-		...Ln(e),
+}, Fn = "team-topologies";
+function In(e = {}) {
+	return Bn(new Pn({
+		...Rn(e),
 		undoRedoKeys: e.undoRedoKeys ?? !0,
+		freeArea: e.freeArea,
 		freeRectCenter: e.freeRectCenter
 	}), !0, e.fitOnImport ?? !0);
 }
-function In(e = {}) {
-	return zn(new K(Ln(e)), !1, e.fitOnImport ?? !0);
+function Ln(e = {}) {
+	return Bn(new K(Rn(e)), !1, e.fitOnImport ?? !0);
 }
-function Ln(e) {
+function Rn(e) {
 	return {
 		width: "100%",
 		height: "100%",
 		additionalModules: e.additionalModules ?? []
 	};
 }
-function Rn(e) {
+function zn(e) {
 	let t = ee(e.trim() === "" ? {} : JSON.parse(e));
 	if (!t.ok) throw Error(t.error);
 	return t.document;
 }
-function zn(e, t, n) {
+function Bn(e, t, n) {
 	let r = e.get("eventBus"), i = e.get("canvas"), a = e.get("elementRegistry"), o = e.get("selection"), s = /* @__PURE__ */ new Set(), c = 0, l = !1, u = "", d = {
-		notation: Pn,
+		notation: Fn,
 		apiVersion: Ce,
 		editable: t
 	};
@@ -1720,16 +1736,28 @@ function zn(e, t, n) {
 	return {
 		meta: d,
 		elements: {
-			list: () => l ? [] : a.getAll().filter(T).map(Vn),
+			list: () => l ? [] : a.getAll().filter(T).map(Hn),
 			reveal(e) {
 				if (l) return !1;
 				let t = a.get(e);
 				return T(t) ? (o.select(t), i.scrollToElement(t), !0) : !1;
 			},
-			selection: () => l ? [] : Bn(o.get()),
+			selection: () => l ? [] : Vn(o.get()),
 			onSelection(e) {
-				let t = (t) => e(Bn(t.newSelection ?? []));
+				let t = (t) => e(Vn(t.newSelection ?? []));
 				return r.on("selection.changed", t), () => r.off("selection.changed", t);
+			},
+			bounds(e) {
+				if (l) return;
+				let t = a.get(e);
+				if (!T(t)) return;
+				let { x: n, y: r, width: i, height: o } = t;
+				return {
+					x: n,
+					y: r,
+					width: i,
+					height: o
+				};
 			}
 		},
 		diagram: e,
@@ -1738,7 +1766,7 @@ function zn(e, t, n) {
 		},
 		async importText(t) {
 			if (l) throw Error("The modeler was destroyed.");
-			let r = Rn(t);
+			let r = zn(t);
 			c += 1;
 			try {
 				let { warnings: t } = e.importDocument(r, { fit: n });
@@ -1761,13 +1789,13 @@ function zn(e, t, n) {
 					width: n,
 					height: r
 				};
-				return Hn(a) ? a : void 0;
+				return Un(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!l && Hn(e) && i.viewbox({
+			!l && Un(e) && i.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -1786,17 +1814,17 @@ function zn(e, t, n) {
 		}
 	};
 }
-function Bn(e) {
+function Vn(e) {
 	return e.filter(T).map((e) => e.id);
 }
-function Vn(e) {
+function Hn(e) {
 	let t = e.ttLabel;
 	return t ? {
 		id: e.id,
 		name: t
 	} : { id: e.id };
 }
-function Hn(e) {
+function Un(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
 	return $(t) && $(n) && $(r) && $(i) && r > 0 && i > 0;
@@ -1805,6 +1833,6 @@ function $(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
 //#endregion
-export { Te as CD_TOKENS, G as GEIST_UNICODE_RANGES, Mt as ICON_DOWNLOAD, Tt as ICON_LINK, jt as ICON_MAXIMIZE, Ot as ICON_MENU, Et as ICON_MESSAGE_SQUARE_PLUS, kt as ICON_MINUS, Ct as ICON_PENCIL, At as ICON_PLUS, Dt as ICON_SQUARE_DASHED_MOUSE_POINTER, wt as ICON_TRASH, Nt as ICON_X, j as MIRAGON, Nn as Modeler, K as NavigatedViewer, X as READ_ONLY_CHANGED_EVENT, N as ROOT_ID, Pn as TEAM_TOPOLOGIES_NOTATION, Ge as TeamTopologiesRenderer, xt as TtAssociationBehavior, Me as TtBaseViewer, ln as TtContextPadProvider, Ne as TtElementFactory, Xe as TtExporter, bt as TtFlatModelBehavior, Ye as TtImporter, Q as TtKeyboard, mn as TtLabelEditing, ht as TtLayouter, mt as TtModeling, en as TtPaletteProvider, an as TtReadOnly, vt as TtRules, rt as TtViewport, jn as TtZOrder, st as Viewer, Ut as annotationIconSvg, Fn as createCollaborativeModeler, In as createCollaborativeViewer, at as embedSvgStyles, Ht as flowIconSvg, it as geistFontFaceCss, J as iconMarkup, Gt as interactionIconSvg, ot as ioModule, k as isTtAnnotation, A as isTtAssociation, T as isTtElement, O as isTtFlow, D as isTtInteraction, E as isTtTeam, Rn as parseDocumentText, Ae as saveSVG, Vt as teamIconSvg, St as ttBehaviorsModule, un as ttContextPadModule, Je as ttDrawModule, wn as ttKeyboardModule, hn as ttLabelEditingModule, Pe as ttModelModule, gt as ttModelingModule, tn as ttPaletteModule, on as ttReadOnlyModule, yt as ttRulesModule, Mn as ttZOrderModule };
+export { Te as CD_TOKENS, G as GEIST_UNICODE_RANGES, Mt as ICON_DOWNLOAD, Tt as ICON_LINK, jt as ICON_MAXIMIZE, Ot as ICON_MENU, Et as ICON_MESSAGE_SQUARE_PLUS, kt as ICON_MINUS, Ct as ICON_PENCIL, At as ICON_PLUS, Dt as ICON_SQUARE_DASHED_MOUSE_POINTER, wt as ICON_TRASH, Nt as ICON_X, j as MIRAGON, Pn as Modeler, K as NavigatedViewer, X as READ_ONLY_CHANGED_EVENT, N as ROOT_ID, Fn as TEAM_TOPOLOGIES_NOTATION, Ge as TeamTopologiesRenderer, xt as TtAssociationBehavior, Me as TtBaseViewer, un as TtContextPadProvider, Ne as TtElementFactory, Xe as TtExporter, bt as TtFlatModelBehavior, Ye as TtImporter, Q as TtKeyboard, hn as TtLabelEditing, ht as TtLayouter, mt as TtModeling, tn as TtPaletteProvider, on as TtReadOnly, vt as TtRules, rt as TtViewport, Mn as TtZOrder, st as Viewer, Ut as annotationIconSvg, In as createCollaborativeModeler, Ln as createCollaborativeViewer, at as embedSvgStyles, Ht as flowIconSvg, it as geistFontFaceCss, J as iconMarkup, Gt as interactionIconSvg, ot as ioModule, k as isTtAnnotation, A as isTtAssociation, T as isTtElement, O as isTtFlow, D as isTtInteraction, E as isTtTeam, zn as parseDocumentText, Ae as saveSVG, Vt as teamIconSvg, St as ttBehaviorsModule, dn as ttContextPadModule, Je as ttDrawModule, Tn as ttKeyboardModule, gn as ttLabelEditingModule, Pe as ttModelModule, gt as ttModelingModule, nn as ttPaletteModule, sn as ttReadOnlyModule, yt as ttRulesModule, Nn as ttZOrderModule };
 
 //# sourceMappingURL=index.js.map