@miragon/value-chain-renderer 0.7.1 → 0.7.2

package/dist/index.js

@@ -42,55 +42,53 @@ import Ie from "diagram-js/lib/features/distribute-elements";
 import Le from "diagram-js/lib/features/keyboard";
 import Re from "diagram-js/lib/features/editor-actions";
 import ze from "diagram-js/lib/features/keyboard/KeyboardBindings";
-import { hasModifier as Be, isCmd as Ve, isKey as y } from "diagram-js/lib/features/keyboard/KeyboardUtil";
-import He from "diagram-js/lib/features/ordering/OrderingProvider";
-import Ue from "diagram-js/lib/features/copy-paste";
-import We from "diagram-js/lib/features/resize";
-import { MODELER_API_VERSION as Ge } from "@miragon/modeler-api";
-//#region src/io/saveSvg.ts
-var Ke = 20, qe = {
+import { hasModifier as Be, isCmd as Ve, isKey as He } from "diagram-js/lib/features/keyboard/KeyboardUtil";
+import Ue from "diagram-js/lib/features/ordering/OrderingProvider";
+import We from "diagram-js/lib/features/copy-paste";
+import Ge from "diagram-js/lib/features/resize";
+import { MODELER_API_VERSION as Ke } from "@miragon/modeler-api";
+// src/io/saveSvg.ts
+var qe = 20, Je = {
 	x: 0,
 	y: 0,
 	width: 800,
 	height: 600
-}, Je = [
+}, Ye = [
 	"tabindex",
 	"role",
 	"aria-label",
 	"aria-roledescription"
 ];
-function b(e, t) {
+function Xe(e, t) {
 	let n = [...e.getContainer().children].find((e) => e instanceof SVGSVGElement);
 	if (!n) throw Error("No SVG found in the canvas container.");
-	let r = t.contentBounds(Ke) ?? qe, i = n.cloneNode(!0);
-	for (let e of Je) i.removeAttribute(e);
+	let r = t.contentBounds(qe) ?? Je, i = n.cloneNode(!0);
+	for (let e of Ye) i.removeAttribute(e);
 	i.setAttribute("xmlns", "http://www.w3.org/2000/svg"), i.setAttribute("viewBox", `${r.x} ${r.y} ${r.width} ${r.height}`), i.setAttribute("width", String(r.width)), i.setAttribute("height", String(r.height));
 	let a = i.querySelector(".viewport");
 	return a && a.removeAttribute("transform"), { svg: `<?xml version="1.0" encoding="utf-8"?>\n${new XMLSerializer().serializeToString(i)}` };
 }
-//#endregion
-//#region src/model/di-types.ts
-function x(e) {
+// src/model/di-types.ts
+function y(e) {
 	return typeof e == "object" && !!e;
 }
+function b(e) {
+	return y(e) && (e.vcType === "step" || e.vcType === "orgUnit");
+}
+function x(e) {
+	return y(e) && e.vcType === "step";
+}
 function S(e) {
-	return x(e) && (e.vcType === "step" || e.vcType === "orgUnit");
+	return y(e) && e.vcType === "orgUnit";
 }
 function C(e) {
-	return x(e) && e.vcType === "step";
+	return y(e) && (e.vcType === "sequence" || e.vcType === "hierarchy" || e.vcType === "assignment") && "waypoints" in e;
 }
 function w(e) {
-	return x(e) && e.vcType === "orgUnit";
-}
-function T(e) {
-	return x(e) && (e.vcType === "sequence" || e.vcType === "hierarchy" || e.vcType === "assignment") && "waypoints" in e;
+	return b(e) || C(e);
 }
-function E(e) {
-	return S(e) || T(e);
-}
-//#endregion
-//#region src/VcBaseViewer.ts
-var Ye = class {
+// src/VcBaseViewer.ts
+var Ze = class {
 	_diagram;
 	_container;
 	_options;
@@ -127,11 +125,11 @@ var Ye = class {
 		return this.get("vcExporter").export();
 	}
 	saveSVG() {
-		return b(this.get("canvas"), this.get("vcBounds"));
+		return Xe(this.get("canvas"), this.get("vcBounds"));
 	}
 	fitViewport() {
 		let e = this.get("canvas");
-		this.get("elementRegistry").getAll().some(E) && (e.zoom("fit-viewport"), e.zoom() > 1 && e.zoom(1));
+		this.get("elementRegistry").getAll().some(w) && (e.zoom("fit-viewport"), e.zoom() > 1 && e.zoom(1));
 	}
 	clear() {
 		this.get("vcImporter").clear(), this.getOptional("commandStack")?.clear();
@@ -160,7 +158,7 @@ var Ye = class {
 	}
 	_createContainer(e) {
 		let t = e.container ?? document.createElement("div");
-		return t.classList.add("vc-container"), t.style.width = Xe(e.width ?? "100%"), t.style.height = Xe(e.height ?? (e.container ? "100%" : "600px")), t;
+		return t.classList.add("vc-container"), t.style.width = Qe(e.width ?? "100%"), t.style.height = Qe(e.height ?? (e.container ? "100%" : "600px")), t;
 	}
 	_ensureDiagram() {
 		if (!this._diagram) {
@@ -179,12 +177,11 @@ var Ye = class {
 		return this._diagram;
 	}
 };
-function Xe(e) {
+function Qe(e) {
 	return typeof e == "number" ? `${e}px` : e;
 }
-//#endregion
-//#region src/model/VcElementFactory.ts
-var Ze = class {
+// src/model/VcElementFactory.ts
+var $e = class {
 	elementFactory;
 	static $inject = ["elementFactory"];
 	constructor(e) {
@@ -233,18 +230,18 @@ var Ze = class {
 			vcLabel: e
 		});
 	}
-}, Qe = "0123456789abcdefghijklmnopqrstuvwxyz", $e = 8, et = {
+}, et = "0123456789abcdefghijklmnopqrstuvwxyz", tt = 8, nt = {
 	step: "step",
 	orgUnit: "org",
 	sequence: "sequence",
 	hierarchy: "hierarchy",
 	assignment: "assignment"
 };
-function tt() {
-	let e = crypto.getRandomValues(new Uint8Array($e));
-	return Array.from(e, (e) => Qe[e % 36]).join("");
+function rt() {
+	let e = crypto.getRandomValues(new Uint8Array(tt));
+	return Array.from(e, (e) => et[e % 36]).join("");
 }
-var nt = class extends ee {
+var it = class extends ee {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
@@ -263,52 +260,21 @@ var nt = class extends ee {
 		}
 	}
 	unusedId(e, t) {
-		let n = t?.vcType, r = typeof n == "string" && et[n] || e, i;
+		let n = t?.vcType, r = typeof n == "string" && nt[n] || e, i;
 		do
-			i = `${r}_${tt()}`;
+			i = `${r}_${rt()}`;
 		while (this.elementRegistry.get(i));
 		return i;
 	}
-}, rt = {
-	elementFactory: ["type", nt],
-	vcElementFactory: ["type", Ze]
-};
-//#endregion
-//#region src/draw/geometry.ts
-function D(e, t) {
-	return Math.min(t / 2, .4 * e);
-}
-function it(e, t) {
-	return O(0, 0, e, t);
-}
-function at(e, t) {
-	let n = D(e, t);
-	return Math.max(7, n - 5);
-}
-function O(e, t, n, r) {
-	let i = D(n, r), a = t + r / 2;
-	return [
-		`M${e},${t}`,
-		`L${e + n - i},${t}`,
-		`L${e + n},${a}`,
-		`L${e + n - i},${t + r}`,
-		`L${e},${t + r}`,
-		`L${e + i},${a}`,
-		"Z"
-	].join("");
+}, at = {
+	elementFactory: ["type", it],
+	vcElementFactory: ["type", $e]
+}, ot;
+function st() {
+	return ot ??= typeof document < "u" && typeof CanvasRenderingContext2D < "u" ? document.createElement("canvas").getContext("2d") : null, ot;
 }
-function k(e, t, n, r) {
-	let i = n / 2, a = r / 2, o = e + i;
-	return [
-		`M${o},${t}`,
-		`A${i},${a} 0 0 1 ${o},${t + r}`,
-		`A${i},${a} 0 0 1 ${o},${t}`,
-		"Z"
-	].join("");
-}
-//#endregion
-//#region src/theme/cd-tokens.generated.json
-var ot = {
+// src/theme/cd-tokens.generated.json
+var T = {
 	"--cd-ui-grund": "#F9F7F7",
 	"--cd-ui-flaeche": "#FFFFFF",
 	"--cd-ui-flaeche-hoch": "#FFFFFF",
@@ -335,36 +301,266 @@ var ot = {
 	"--cd-ui-wortmarke": "#00E676",
 	"--cd-ui-backdrop": "rgba(29, 29, 29, 0.42)",
 	"--cd-ui-chrome-deckkraft": "84%"
-}, A = {
-	ink: ot["--cd-ui-text"],
-	fill: ot["--cd-ui-plot"]
-}, j = {
+}, E = {
+	"--cd-blau": "#335DE5",
+	"--cd-gruen": "#00E676",
+	"--cd-grau": "#F9F7F7",
+	"--cd-schwarz": "#1D1D1D",
+	"--cd-weiss": "#FFFFFF",
+	"--cd-blau-link": "#2B50D4",
+	"--cd-blau-hell": "#6B8AFF",
+	"--cd-success": "#00E676",
+	"--cd-success-soft": "#DAFBEB",
+	"--cd-success-hell": "#00E676",
+	"--cd-warning": "#FFB000",
+	"--cd-warning-soft": "#FFF1D2",
+	"--cd-warning-hell": "#FFB000",
+	"--cd-danger": "#CD1839",
+	"--cd-danger-soft": "#FBEEF0",
+	"--cd-danger-hell": "#FB6D73",
+	"--cd-info": "#335DE5",
+	"--cd-info-soft": "#EEF1FD",
+	"--cd-info-hell": "#6B8AFF",
+	"--cd-linie": "#E6E2E2",
+	"--cd-kontur": "#8F8A8A",
+	"--cd-text-leise": "#6B6666"
+}, D = {
+	ink: T["--cd-ui-text"],
+	fill: T["--cd-ui-plot"],
+	surround: T["--cd-ui-grund"]
+}, O = {
 	family: "'Geist Variable', 'Geist', ui-sans-serif, system-ui, sans-serif",
 	size: 12,
 	lineHeight: 1.2
-}, st = [
+}, ct = [
 	{ label: "Default" },
 	{
 		label: "Blue",
-		color: "hsl(205, 100%, 45%)"
+		color: E["--cd-blau"]
 	},
 	{
 		label: "Green",
-		color: "hsl(150, 86%, 34%)"
+		color: E["--cd-gruen"]
 	},
 	{
-		label: "Orange",
-		color: "hsl(29, 89%, 44%)"
+		label: "Gray",
+		color: E["--cd-grau"]
 	},
 	{
-		label: "Red",
-		color: "hsl(360, 100%, 45%)"
+		label: "Black",
+		color: E["--cd-schwarz"]
+	},
+	{
+		label: "White",
+		color: E["--cd-weiss"]
 	},
 	{
-		label: "Purple",
-		color: "hsl(287, 65%, 44%)"
+		label: "Amber",
+		color: E["--cd-warning"]
+	},
+	{
+		label: "Red",
+		color: E["--cd-danger"]
+	}
+], k = {
+	dark: E["--cd-schwarz"],
+	light: E["--cd-weiss"]
+};
+// src/draw/fill.ts
+function lt(e) {
+	let t = e === void 0 ? void 0 : ft(e);
+	if (!t) return {
+		fill: D.fill,
+		label: D.ink,
+		halo: D.fill
+	};
+	let n = xt(t);
+	return {
+		fill: _t(t),
+		label: yt(n),
+		halo: vt(n)
+	};
+}
+var ut = {
+	label: D.ink,
+	halo: D.surround
+}, dt = /* @__PURE__ */ new Map();
+function ft(e) {
+	return dt.has(e) || dt.set(e, pt(e)), dt.get(e);
+}
+function pt(e) {
+	let t = st();
+	if (!t) return gt(e);
+	let n = mt(t, e);
+	if (n !== void 0) return gt(n) ?? ht(t, n);
+}
+function mt(e, t) {
+	e.fillStyle = D.ink, e.fillStyle = t;
+	let n = String(e.fillStyle);
+	return e.fillStyle = D.fill, e.fillStyle = t, String(e.fillStyle) === n ? n : void 0;
+}
+function ht(e, t) {
+	e.clearRect(0, 0, 1, 1), e.fillStyle = t, e.fillRect(0, 0, 1, 1);
+	let [n = 0, r = 0, i = 0, a = 0] = e.getImageData(0, 0, 1, 1).data;
+	return e.clearRect(0, 0, 1, 1), [
+		n,
+		r,
+		i,
+		Number((a / 255).toFixed(3))
+	];
+}
+function gt(e) {
+	let t = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(e.trim())?.[1];
+	if (t) {
+		let e = t.length <= 4 ? [...t].map((e) => e + e).join("") : t, n = (t) => parseInt(e.slice(t * 2, t * 2 + 2), 16);
+		return [
+			n(0),
+			n(1),
+			n(2),
+			e.length === 8 ? n(3) / 255 : 1
+		];
+	}
+	let n = /^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+)\s*)?\)$/i.exec(e.trim());
+	if (n) {
+		let [, e, t, r, i] = n;
+		return [
+			Number(e),
+			Number(t),
+			Number(r),
+			i === void 0 ? 1 : Number(i)
+		];
+	}
+}
+function _t([e, t, n, r]) {
+	return r < 1 ? `rgba(${e}, ${t}, ${n}, ${Number(r.toFixed(3))})` : vt([
+		e,
+		t,
+		n
+	]);
+}
+function vt(e) {
+	return `#${e.map((e) => Math.round(e).toString(16).padStart(2, "0")).join("")}`.toUpperCase();
+}
+function yt(e) {
+	let t = Ct(e, bt(k.dark));
+	return Ct(e, bt(k.light)) > t ? k.light : k.dark;
+}
+function bt(e) {
+	let [t, n, r] = gt(e) ?? [
+		0,
+		0,
+		0
+	];
+	return [
+		t,
+		n,
+		r
+	];
+}
+function xt([e, t, n, r]) {
+	let i = bt(D.fill), a = (e, t) => e * r + t * (1 - r);
+	return [
+		a(e, i[0]),
+		a(t, i[1]),
+		a(n, i[2])
+	];
+}
+function St([e, t, n]) {
+	let r = (e) => {
+		let t = e / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
+}
+function Ct(e, t) {
+	let [n, r] = [St(e), St(t)].sort((e, t) => t - e);
+	return (n + .05) / (r + .05);
+}
+// src/draw/geometry.ts
+function A(e, t) {
+	return Math.min(t / 2, .4 * e);
+}
+function wt(e, t) {
+	return j(0, 0, e, t);
+}
+function Tt(e, t) {
+	let n = A(e, t);
+	return Math.max(7, n - 5);
+}
+function j(e, t, n, r) {
+	let i = A(n, r), a = t + r / 2;
+	return [
+		`M${e},${t}`,
+		`L${e + n - i},${t}`,
+		`L${e + n},${a}`,
+		`L${e + n - i},${t + r}`,
+		`L${e},${t + r}`,
+		`L${e + i},${a}`,
+		"Z"
+	].join("");
+}
+function M(e, t, n, r) {
+	let i = n / 2, a = r / 2, o = e + i;
+	return [
+		`M${o},${t}`,
+		`A${i},${a} 0 0 1 ${o},${t + r}`,
+		`A${i},${a} 0 0 1 ${o},${t}`,
+		"Z"
+	].join("");
+}
+function Et(e, t, n) {
+	let r = t / 2;
+	if (!(r > 0) || n < 0 || n > t) return;
+	let i = A(e, t), a = i * (1 - Math.abs(n - r) / r);
+	return [a, e - i + a];
+}
+function Dt(e, t, n) {
+	let r = e / 2, i = t / 2;
+	if (!(i > 0)) return;
+	let a = (n - i) / i;
+	if (Math.abs(a) > 1) return;
+	let o = r * Math.sqrt(1 - a * a);
+	return [r - o, r + o];
+}
+function Ot(e, t, n, r) {
+	let i = r.y + r.height / 2, a = e ? Dt(t, n, i) : Et(t, n, i);
+	return a ? (Math.min(r.x + r.width, a[1]) - Math.max(r.x, a[0])) * 2 >= r.width : !1;
+}
+// src/draw/labelBox.ts
+var kt = `${O.size}px ${O.family}`;
+function At(e) {
+	let t = st();
+	if (!t) return [];
+	t.font = kt;
+	let n = [];
+	for (let r of e.querySelectorAll("tspan")) {
+		let e = r.textContent ?? "";
+		if (!e.trim()) continue;
+		let i = Number(r.getAttribute("x")), a = Number(r.getAttribute("y")), o = t.measureText(e), s = i - Math.max(0, o.actualBoundingBoxLeft), c = i + Math.max(o.width, o.actualBoundingBoxRight), l = a - Math.max(o.fontBoundingBoxAscent, o.actualBoundingBoxAscent), u = a + Math.max(o.fontBoundingBoxDescent, o.actualBoundingBoxDescent);
+		s <= c && l <= u && n.push({
+			element: r,
+			box: {
+				x: s,
+				y: l,
+				width: c - s,
+				height: u - l
+			}
+		});
 	}
-], ct = 1500, lt = "M 1 5 L 11 10 L 1 15 Z", ut = 0, dt = class extends te {
+	return n;
+}
+function jt(e) {
+	if (e.length === 0) return;
+	let t = Math.min(...e.map(({ box: e }) => e.x)), n = Math.min(...e.map(({ box: e }) => e.y)), r = Math.max(...e.map(({ box: e }) => e.x + e.width)), i = Math.max(...e.map(({ box: e }) => e.y + e.height));
+	return {
+		x: t,
+		y: n,
+		width: r - t,
+		height: i - n
+	};
+}
+// src/draw/VcRenderer.ts
+var Mt = 1500, Nt = "M 1 5 L 11 10 L 1 15 Z", Pt = 0, Ft = class extends te {
 	elementRegistry;
 	graphicsFactory;
 	static $inject = [
@@ -373,39 +569,40 @@ var ot = {
 		"graphicsFactory"
 	];
 	textUtil = new ne({ style: {
-		fontFamily: j.family,
-		fontSize: j.size,
+		fontFamily: O.family,
+		fontSize: O.size,
 		fontWeight: "normal",
-		lineHeight: j.lineHeight
+		lineHeight: O.lineHeight
 	} });
-	markerSuffix = `${ut += 1}`;
+	markerSuffix = `${Pt += 1}`;
+	labelBoxes = /* @__PURE__ */ new WeakMap();
 	constructor(e, t, n) {
-		super(e, ct), this.elementRegistry = t, this.graphicsFactory = n, this.relayoutLabelsWhenTheFontArrives(e);
+		super(e, Mt), this.elementRegistry = t, this.graphicsFactory = n, this.relayoutLabelsWhenTheFontArrives(e);
 	}
 	relayoutLabelsWhenTheFontArrives(e) {
-		let t = typeof document > "u" ? void 0 : document.fonts, n = `${j.size}px ${j.family}`;
+		let t = typeof document > "u" ? void 0 : document.fonts, n = `${O.size}px ${O.family}`;
 		if (!t || t.check(n)) return;
 		let r = !1;
 		e.on("diagram.destroy", () => {
 			r = !0;
 		}), t.load(n).then((e) => {
-			if (!(r || e.length === 0)) for (let e of this.elementRegistry.getAll()) S(e) && e.vcLabel && this.graphicsFactory.update("shape", e, this.elementRegistry.getGraphics(e));
+			if (!(r || e.length === 0)) for (let e of this.elementRegistry.getAll()) b(e) && e.vcLabel && this.graphicsFactory.update("shape", e, this.elementRegistry.getGraphics(e));
 		}, () => void 0);
 	}
 	canRender(e) {
-		return S(e) || T(e);
+		return b(e) || C(e);
 	}
 	drawShape(e, t) {
-		let n = t, r = n.color ?? A.ink, i = w(n), a = h("path");
+		let n = t, r = lt(n.color), i = S(n), a = h("path");
 		if (m(a, {
-			d: i ? k(0, 0, n.width, n.height) : it(n.width, n.height),
-			fill: A.fill,
-			stroke: r,
+			d: i ? M(0, 0, n.width, n.height) : wt(n.width, n.height),
+			fill: r.fill,
+			stroke: D.ink,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round"
-		}), p(e, a), n.vcLabel) {
-			let t = i ? 12 : at(n.width, n.height), a = this.textUtil.createText(n.vcLabel, {
+		}), p(e, a), this.labelBoxes.delete(t), n.vcLabel) {
+			let a = i ? 12 : Tt(n.width, n.height), o = this.textUtil.createText(n.vcLabel, {
 				box: {
 					width: n.width,
 					height: n.height
@@ -414,17 +611,39 @@ var ot = {
 				padding: {
 					top: 7,
 					bottom: 7,
-					left: t,
-					right: t
+					left: a,
+					right: a
 				},
-				style: { fill: r }
+				style: {
+					fill: r.label,
+					stroke: r.halo,
+					"stroke-width": 3,
+					"stroke-linejoin": "round",
+					"paint-order": "stroke"
+				}
+			});
+			p(e, o);
+			let s = At(o);
+			for (let e of s) Ot(i, n.width, n.height, e.box) || m(e.element, {
+				fill: ut.label,
+				stroke: ut.halo
 			});
-			p(e, a);
+			let c = jt(s);
+			c && this.labelBoxes.set(t, c);
 		}
 		return a;
 	}
+	labelBounds(e) {
+		let t = this.labelBoxes.get(e);
+		if (t) return {
+			x: e.x + t.x,
+			y: e.y + t.y,
+			width: t.width,
+			height: t.height
+		};
+	}
 	drawConnection(e, t) {
-		let n = t, r = A.ink, i = {
+		let n = t, r = D.ink, i = {
 			stroke: r,
 			"stroke-width": 2,
 			"stroke-linecap": "round",
@@ -439,7 +658,7 @@ var ot = {
 		return p(e, a), a;
 	}
 	getShapePath(e) {
-		return w(e) ? k(e.x, e.y, e.width, e.height) : O(e.x, e.y, e.width, e.height);
+		return S(e) ? M(e.x, e.y, e.width, e.height) : j(e.x, e.y, e.width, e.height);
 	}
 	getConnectionPath(e) {
 		let [t, ...n] = e.waypoints;
@@ -462,7 +681,7 @@ var ot = {
 			});
 			let a = h("path");
 			m(a, {
-				d: lt,
+				d: Nt,
 				fill: t,
 				stroke: t,
 				"stroke-width": 1,
@@ -471,29 +690,33 @@ var ot = {
 		}
 		return `url(#${n})`;
 	}
-}, ft = {
+}, N = {
 	__init__: ["vcRenderer"],
-	vcRenderer: ["type", dt]
-}, pt = class {
+	vcRenderer: ["type", Ft]
+}, It = class {
 	elementRegistry;
-	static $inject = ["elementRegistry"];
-	constructor(e) {
-		this.elementRegistry = e;
+	vcRenderer;
+	static $inject = ["elementRegistry", "vcRenderer"];
+	constructor(e, t) {
+		this.elementRegistry = e, this.vcRenderer = t;
 	}
 	isEmpty() {
-		return !this.elementRegistry.getAll().some(S);
+		return !this.elementRegistry.getAll().some(b);
 	}
 	contentBounds(e = 0) {
 		if (this.isEmpty()) return;
-		let t = this.elementRegistry.filter(E), { x: n, y: r, width: i, height: a } = ie(t);
+		let t = this.elementRegistry.filter(w), n = t.filter(b).flatMap((e) => this.vcRenderer.labelBounds(e) ?? []), { x: r, y: i, width: a, height: o } = ie([...t, ...n]);
 		return {
-			x: n - e,
-			y: r - e,
-			width: i + 2 * e,
-			height: a + 2 * e
+			x: r - e,
+			y: i - e,
+			width: a + 2 * e,
+			height: o + 2 * e
 		};
 	}
-}, mt = { vcBounds: ["type", pt] }, M = "vc-root", ht = 20, gt = .001, _t = class {
+}, Lt = {
+	__depends__: [N],
+	vcBounds: ["type", It]
+}, P = "vc-root", Rt = 20, zt = .001, Bt = class {
 	canvas;
 	elementFactory;
 	vcElementFactory;
@@ -549,19 +772,19 @@ var ot = {
 		let e = new Set(this.canvas.getRootElements());
 		for (let t of [...this.elementRegistry.getAll()]) if (e.has(t)) t.id === "vc-root" && (t.businessObject = void 0);
 		else try {
-			T(t) ? this.canvas.removeConnection(t) : S(t) && this.canvas.removeShape(t);
+			C(t) ? this.canvas.removeConnection(t) : b(t) && this.canvas.removeShape(t);
 		} catch {}
 	}
 	diagramRoot() {
-		let e = this.elementRegistry.get(M);
-		e || (e = this.elementFactory.createRoot({ id: M }), this.canvas.setRootElement(e));
+		let e = this.elementRegistry.get(P);
+		e || (e = this.elementFactory.createRoot({ id: P }), this.canvas.setRootElement(e));
 		for (let t of this.canvas.getRootElements()) t !== e && this.canvas.removeRootElement(t);
 		return e;
 	}
 	fitToContent() {
 		let { width: e, height: t } = this.canvas.getSize();
 		if (!(e > 0 && t > 0)) return;
-		let n = this.vcBounds.contentBounds(ht);
+		let n = this.vcBounds.contentBounds(Rt);
 		if (!n) {
 			this.canvas.viewbox({
 				x: 0,
@@ -571,7 +794,7 @@ var ot = {
 			});
 			return;
 		}
-		let r = Math.max(Math.min(e / n.width, t / n.height, 1), gt);
+		let r = Math.max(Math.min(e / n.width, t / n.height, 1), zt);
 		this.canvas.viewbox({
 			x: n.x + n.width / 2 - e / 2 / r,
 			y: n.y + n.height / 2 - t / 2 / r,
@@ -579,7 +802,7 @@ var ot = {
 			height: t / r
 		});
 	}
-}, vt = class {
+}, Vt = class {
 	elementRegistry;
 	static $inject = ["elementRegistry"];
 	constructor(e) {
@@ -588,7 +811,7 @@ var ot = {
 	export() {
 		let e = [], n = [];
 		for (let t of this.elementRegistry.getAll()) if (t.id !== "vc-root") {
-			if (T(t)) {
+			if (C(t)) {
 				if (!t.source || !t.target) continue;
 				let e = t.businessObject;
 				n.push({
@@ -602,7 +825,7 @@ var ot = {
 						y: e.y
 					}))
 				});
-			} else if (S(t)) {
+			} else if (b(t)) {
 				let n = t.businessObject, r = n ? c(n) : {}, i = {
 					x: t.x,
 					y: t.y,
@@ -644,13 +867,12 @@ var ot = {
 		});
 	}
 	rootData() {
-		return this.elementRegistry.get(M)?.businessObject;
+		return this.elementRegistry.get(P)?.businessObject;
 	}
 };
-//#endregion
-//#region src/io/png.ts
-async function yt(e, t = 2) {
-	let { width: n, height: r } = bt(e), i = URL.createObjectURL(new Blob([e], { type: "image/svg+xml" }));
+// src/io/png.ts
+async function Ht(e, t = 2) {
+	let { width: n, height: r } = Ut(e), i = URL.createObjectURL(new Blob([e], { type: "image/svg+xml" }));
 	try {
 		let e = new Image();
 		e.width = n, e.height = r, await new Promise((t, n) => {
@@ -660,7 +882,7 @@ async function yt(e, t = 2) {
 		a.width = Math.round(n * t), a.height = Math.round(r * t);
 		let o = a.getContext("2d");
 		if (!o) throw Error("Canvas 2D context not available.");
-		o.fillStyle = A.fill, o.fillRect(0, 0, a.width, a.height), o.drawImage(e, 0, 0, a.width, a.height);
+		o.fillStyle = D.fill, o.fillRect(0, 0, a.width, a.height), o.drawImage(e, 0, 0, a.width, a.height);
 		let s = await new Promise((e) => a.toBlob(e, "image/png"));
 		if (!s) throw Error("PNG generation failed.");
 		return s;
@@ -668,34 +890,33 @@ async function yt(e, t = 2) {
 		URL.revokeObjectURL(i);
 	}
 }
-function bt(e) {
+function Ut(e) {
 	let t = /width="(\d+(?:\.\d+)?)"/.exec(e), n = /height="(\d+(?:\.\d+)?)"/.exec(e);
 	return {
 		width: t ? Number(t[1]) : 1e3,
 		height: n ? Number(n[1]) : 700
 	};
 }
-function xt(e) {
+function Wt(e) {
 	return new Promise((t, n) => {
 		let r = new FileReader();
 		r.onload = () => t(String(r.result).split(",")[1] ?? ""), r.onerror = () => n(/* @__PURE__ */ Error("Could not read the export blob.")), r.readAsDataURL(e);
 	});
 }
-//#endregion
-//#region src/io/index.ts
-var St = {
-	__depends__: [mt],
-	vcImporter: ["type", _t],
-	vcExporter: ["type", vt]
-}, Ct = class extends Ye {
+// src/io/index.ts
+var Gt = {
+	__depends__: [Lt],
+	vcImporter: ["type", Bt],
+	vcExporter: ["type", Vt]
+}, Kt = class extends Ze {
 	_getModules() {
 		return [
-			rt,
-			ft,
-			St
+			at,
+			N,
+			Gt
 		];
 	}
-}, N = class extends Ct {
+}, F = class extends Kt {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -704,31 +925,30 @@ var St = {
 			se
 		];
 	}
-}, wt = class {
+}, qt = class {
 	execute(e) {
 		let { element: t, properties: n } = e, r = t, i = {};
-		for (let e of Object.keys(n)) i[e] = r[e], Tt(r, e, n[e]);
+		for (let e of Object.keys(n)) i[e] = r[e], Jt(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)) Tt(r, e, n[e]);
+		if (n) for (let e of Object.keys(n)) Jt(r, e, n[e]);
 		return [t];
 	}
 };
-function Tt(e, t, n) {
+function Jt(e, t, n) {
 	n === void 0 ? delete e[t] : e[t] = n;
 }
-//#endregion
-//#region src/modeling/VcModeling.ts
-var Et = "element.updateProperties", Dt = class {
+// src/modeling/VcModeling.ts
+var Yt = "element.updateProperties", Xt = class {
 	commandStack;
 	static $inject = ["commandStack"];
 	constructor(e) {
-		this.commandStack = e, e.registerHandler(Et, wt);
+		this.commandStack = e, e.registerHandler(Yt, qt);
 	}
 	updateProperties(e, t) {
-		this.commandStack.execute(Et, {
+		this.commandStack.execute(Yt, {
 			element: e,
 			properties: t
 		});
@@ -742,7 +962,7 @@ var Et = "element.updateProperties", Dt = class {
 	setConnectionType(e, t) {
 		t !== e.vcType && this.updateProperties(e, { vcType: t });
 	}
-}, Ot = 25, kt = 10, At = 10, jt = class extends ve {
+}, Zt = 25, Qt = 10, $t = 10, en = class extends ve {
 	connectionDocking;
 	static $inject = ["connectionDocking"];
 	constructor(e) {
@@ -754,7 +974,7 @@ var Et = "element.updateProperties", Dt = class {
 			x: e.x,
 			y: e.y
 		})) ?? [];
-		let i = It(e) ? this.hierarchyWaypoints(n, r, t) : this.sequenceWaypoints(e, n, r, t), a = {
+		let i = on(e) ? this.hierarchyWaypoints(n, r, t) : this.sequenceWaypoints(e, n, r, t), a = {
 			...e,
 			source: n,
 			target: r,
@@ -763,9 +983,9 @@ var Et = "element.updateProperties", Dt = class {
 		try {
 			o = this.connectionDocking.getCroppedWaypoints(a, n, r);
 		} catch {}
-		if (!Lt(o)) {
+		if (!sn(o)) {
 			let e = [g(n), g(r)];
-			return Lt(e) ? e : [];
+			return sn(e) ? e : [];
 		}
 		return o;
 	}
@@ -783,9 +1003,9 @@ var Et = "element.updateProperties", Dt = class {
 	hierarchyWaypoints(e, t, n) {
 		let r = g(e), i = g(t);
 		if (t.y >= e.y + e.height) {
-			let n = Nt(e), a = n.length ? n : [t];
-			if (Pt(a, e)) return _(ye(r, i, "v:v"));
-			let o = e.y + e.height, s = Math.min(...a.map((e) => e.y)), c = Math.max(o + kt, (o + s) / 2), l = Math.min(...a.map((e) => e.x)), u = r.x <= l - 10 ? r.x : l - Ot;
+			let n = nn(e), a = n.length ? n : [t];
+			if (rn(a, e)) return _(ye(r, i, "v:v"));
+			let o = e.y + e.height, s = Math.min(...a.map((e) => e.y)), c = Math.max(o + Qt, (o + s) / 2), l = Math.min(...a.map((e) => e.x)), u = r.x <= l - 10 ? r.x : l - Zt;
 			return _([
 				r,
 				{
@@ -806,42 +1026,41 @@ var Et = "element.updateProperties", Dt = class {
 		return _(be(e, t, r, i, { preferredLayouts: ["v:v"] }));
 	}
 };
-function Mt(e) {
+function tn(e) {
 	return {
-		min: e.x + At,
-		max: e.x + e.width - D(e.width, e.height) - At
+		min: e.x + $t,
+		max: e.x + e.width - A(e.width, e.height) - $t
 	};
 }
-function Nt(e) {
-	return (e.outgoing ?? []).filter((e) => It(e)).map((e) => e.target).filter((e) => !!e);
+function nn(e) {
+	return (e.outgoing ?? []).filter((e) => on(e)).map((e) => e.target).filter((e) => !!e);
 }
-function Pt(e, t) {
+function rn(e, t) {
 	if (!e.length) return !1;
 	if (e.length >= 2) {
 		let t = e.map((e) => e.y);
-		return Math.max(...t) - Math.min(...t) <= Ft;
+		return Math.max(...t) - Math.min(...t) <= an;
 	}
-	let n = e[0], r = n.x + n.width / 2, i = Mt(t);
+	let n = e[0], r = n.x + n.width / 2, i = tn(t);
 	return r >= i.min && r <= i.max;
 }
-var Ft = 10;
-function It(e) {
+var an = 10;
+function on(e) {
 	return e.vcType === "hierarchy";
 }
-function Lt(e) {
+function sn(e) {
 	return e.every((e) => Number.isFinite(e.x) && Number.isFinite(e.y));
 }
-//#endregion
-//#region src/modeling/VcConnectionTypeBehavior.ts
-var Rt = class extends xe {
+// src/modeling/VcConnectionTypeBehavior.ts
+var cn = class extends xe {
 	static $inject = ["eventBus", "modeling"];
 	constructor(e, t) {
 		super(e), this.postExecute(["element.updateProperties"], (e) => {
 			let { element: n, properties: r } = e;
-			r && "vcType" in r && T(n) && t.layoutConnection(n);
+			r && "vcType" in r && C(n) && t.layoutConnection(n);
 		}, !0);
 	}
-}, zt = class extends xe {
+}, ln = class extends xe {
 	modeling;
 	layouter;
 	static $inject = [
@@ -863,74 +1082,72 @@ var Rt = class extends xe {
 			e.shape,
 			...e.shapes ?? [],
 			...e.elements ?? []
-		].filter(S), n = e.connection, r = /* @__PURE__ */ new Set();
-		T(n) && n.vcType === "hierarchy" && n.source && r.add(n.source);
+		].filter(b), n = e.connection, r = /* @__PURE__ */ new Set();
+		C(n) && n.vcType === "hierarchy" && n.source && r.add(n.source);
 		for (let e of t) {
-			Bt(e).length && r.add(e);
-			for (let t of e.incoming ?? []) T(t) && t.vcType === "hierarchy" && t.source && r.add(t.source);
+			un(e).length && r.add(e);
+			for (let t of e.incoming ?? []) C(t) && t.vcType === "hierarchy" && t.source && r.add(t.source);
 		}
-		for (let e of r) for (let t of Bt(e)) Vt(this.layouter.layoutConnection(t), t.waypoints ?? []) || this.modeling.layoutConnection(t);
+		for (let e of r) for (let t of un(e)) dn(this.layouter.layoutConnection(t), t.waypoints ?? []) || this.modeling.layoutConnection(t);
 	}
 };
-function Bt(e) {
-	return (e.outgoing ?? []).filter((e) => T(e) && e.vcType === "hierarchy");
+function un(e) {
+	return (e.outgoing ?? []).filter((e) => C(e) && e.vcType === "hierarchy");
 }
-function Vt(e, t) {
+function dn(e, t) {
 	return e.length === t.length && e.every((e, n) => e.x === t[n].x && e.y === t[n].y);
 }
-//#endregion
-//#region src/modeling/index.ts
-var Ht = {
+// src/modeling/index.ts
+var fn = {
 	__init__: [
 		"vcModeling",
 		"vcConnectionTypeBehavior",
 		"vcHierarchyRelayoutBehavior"
 	],
-	vcModeling: ["type", Dt],
-	vcConnectionTypeBehavior: ["type", Rt],
-	vcHierarchyRelayoutBehavior: ["type", zt],
-	layouter: ["type", jt],
+	vcModeling: ["type", Xt],
+	vcConnectionTypeBehavior: ["type", cn],
+	vcHierarchyRelayoutBehavior: ["type", ln],
+	layouter: ["type", en],
 	connectionDocking: ["type", _e]
-}, Ut = class extends Ce {
+}, pn = class extends Ce {
 	vcConnect;
 	static $inject = ["eventBus", "vcConnect"];
 	constructor(e, t) {
 		super(e), this.vcConnect = t;
 	}
 	init() {
-		this.addRule("connection.start", (e) => S(e.source)), this.addRule("connection.create", (e) => {
+		this.addRule("connection.start", (e) => b(e.source)), this.addRule("connection.create", (e) => {
 			let { source: t, target: n } = e, r = this.resolveType(t, n);
-			return !r || Kt(t, n, r) ? !1 : { vcType: r };
+			return !r || gn(t, n, r) ? !1 : { vcType: r };
 		}), this.addRule("connection.reconnect", (e) => {
 			let { source: t, target: n, connection: r } = e;
-			return !T(r) || !S(t) || !S(n) || t === n || !Gt(r.vcType, t, n) ? !1 : !Kt(t, n, r.vcType, r);
-		}), this.addRule("connection.updateWaypoints", (e) => T(e.connection)), this.addRule("shape.create", (e) => Wt(e.target)), this.addRule("elements.create", (e) => Wt(e.target)), this.addRule(["shape.move", "elements.move"], () => !0), this.addRule("shape.resize", (e) => S(e.shape)), this.addRule(["elements.align", "elements.distribute"], (e) => (e.elements ?? []).filter(S));
+			return !C(r) || !b(t) || !b(n) || t === n || !hn(r.vcType, t, n) ? !1 : !gn(t, n, r.vcType, r);
+		}), this.addRule("connection.updateWaypoints", (e) => C(e.connection)), this.addRule("shape.create", (e) => mn(e.target)), this.addRule("elements.create", (e) => mn(e.target)), this.addRule(["shape.move", "elements.move"], () => !0), this.addRule("shape.resize", (e) => b(e.shape)), this.addRule(["elements.align", "elements.distribute"], (e) => (e.elements ?? []).filter(b));
 	}
 	resolveType(e, t) {
-		if (!S(e) || !S(t) || e === t) return null;
-		if (C(e) && C(t)) {
+		if (!b(e) || !b(t) || e === t) return null;
+		if (x(e) && x(t)) {
 			let e = this.vcConnect.pendingType;
 			return e === "assignment" ? null : e;
 		}
-		return C(e) && w(t) || w(e) && C(t) ? "assignment" : null;
+		return x(e) && S(t) || S(e) && x(t) ? "assignment" : null;
 	}
 };
-function Wt(e) {
-	return !!e && !S(e) && !T(e) && !e.parent;
+function mn(e) {
+	return !!e && !b(e) && !C(e) && !e.parent;
 }
-function Gt(e, t, n) {
-	return e === "assignment" ? C(t) && w(n) || w(t) && C(n) : C(t) && C(n);
+function hn(e, t, n) {
+	return e === "assignment" ? x(t) && S(n) || S(t) && x(n) : x(t) && x(n);
 }
-function Kt(e, t, n, r) {
-	return [...e.outgoing ?? [], ...n === "assignment" ? e.incoming ?? [] : []].some((e) => e !== r && T(e) && e.vcType === n && (e.target === t || e.source === t));
+function gn(e, t, n, r) {
+	return [...e.outgoing ?? [], ...n === "assignment" ? e.incoming ?? [] : []].some((e) => e !== r && C(e) && e.vcType === n && (e.target === t || e.source === t));
 }
-//#endregion
-//#region src/rules/index.ts
-var qt = {
+// src/rules/index.ts
+var _n = {
 	__depends__: [Se],
 	__init__: ["vcRules"],
-	vcRules: ["type", Ut]
-}, Jt = class {
+	vcRules: ["type", pn]
+}, vn = class {
 	connect;
 	static $inject = ["connect", "eventBus"];
 	pendingType = "sequence";
@@ -946,11 +1163,11 @@ var qt = {
 	start(e, t, n) {
 		this.pendingType = n, this.connect.start(e, t);
 	}
-}, Yt = {
+}, yn = {
 	__depends__: [we],
 	__init__: ["vcConnect"],
-	vcConnect: ["type", Jt]
-}, Xt = class {
+	vcConnect: ["type", vn]
+}, bn = class {
 	autoPlace;
 	create;
 	factory;
@@ -975,16 +1192,16 @@ var qt = {
 	createShape(e) {
 		return e === "assignment" ? this.factory.createNewOrgUnit() : this.factory.createNewStep();
 	}
-}, Zt = 200, Qt = 45, $t = 45, en = 30, tn = 20, nn = 30, rn = 10, an = class {
+}, xn = 200, Sn = 45, Cn = 45, wn = 30, Tn = 20, En = 30, Dn = 10, On = class {
 	static $inject = [
 		"eventBus",
 		"vcConnect",
 		"elementRegistry"
 	];
 	constructor(e, t, n) {
-		e.on("autoPlace", Zt, (e) => {
+		e.on("autoPlace", xn, (e) => {
 			let { source: n, shape: r } = e;
-			if (!S(n)) return;
+			if (!b(n)) return;
 			let i = this.desiredPosition(t.pendingType, n, r);
 			return this.deconflict(i, r);
 		}), this.elementRegistry = n;
@@ -995,67 +1212,66 @@ var qt = {
 	}
 	sequencePosition(e, t) {
 		return {
-			x: e.x + e.width + Qt + t.width / 2,
+			x: e.x + e.width + Sn + t.width / 2,
 			y: e.y + e.height / 2
 		};
 	}
 	assignmentPosition(e, t) {
 		return {
 			x: e.x + e.width / 2,
-			y: e.y + e.height + $t + t.height / 2
+			y: e.y + e.height + Cn + t.height / 2
 		};
 	}
 	hierarchyPosition(e, t) {
-		let n = Nt(e);
+		let n = nn(e);
 		if (!n.length) return {
 			x: e.x + e.width / 2 + 10 + t.width / 2,
-			y: e.y + e.height + $t + t.height / 2
+			y: e.y + e.height + Cn + t.height / 2
 		};
-		if (Pt(n, e)) {
-			let e = on(n);
+		if (rn(n, e)) {
+			let e = kn(n);
 			return {
-				x: e.x + e.width + tn + t.width / 2,
+				x: e.x + e.width + Tn + t.width / 2,
 				y: e.y + t.height / 2
 			};
 		}
-		let r = sn(n);
+		let r = An(n);
 		return {
 			x: r.x + t.width / 2,
-			y: r.y + r.height + en + t.height / 2
+			y: r.y + r.height + wn + t.height / 2
 		};
 	}
 	deconflict(e, t) {
-		let n = this.elementRegistry.getAll().filter(S), r = { ...e };
+		let n = this.elementRegistry.getAll().filter(b), r = { ...e };
 		for (let e = 0; e < 50; e += 1) {
 			let e = {
-				x: r.x - t.width / 2 - rn,
-				y: r.y - t.height / 2 - rn,
+				x: r.x - t.width / 2 - Dn,
+				y: r.y - t.height / 2 - Dn,
 				width: t.width + 20,
 				height: t.height + 20
 			};
 			if (!n.some((t) => t.x < e.x + e.width && t.x + t.width > e.x && t.y < e.y + e.height && t.y + t.height > e.y)) break;
-			r.y += nn;
+			r.y += En;
 		}
 		return r;
 	}
 };
-function on(e) {
+function kn(e) {
 	return e.reduce((e, t) => !e || t.x + t.width > e.x + e.width ? t : e, void 0);
 }
-function sn(e) {
+function An(e) {
 	return e.reduce((e, t) => !e || t.y + t.height > e.y + e.height ? t : e, void 0);
 }
-//#endregion
-//#region src/append/index.ts
-var cn = {
+// src/append/index.ts
+var jn = {
 	__depends__: [
 		Te,
 		Ee,
 		De
 	],
 	__init__: ["vcAutoPlaceBehavior", "vcCreatePreviewBehavior"],
-	vcAppend: ["type", Xt],
-	vcAutoPlaceBehavior: ["type", an],
+	vcAppend: ["type", bn],
+	vcAutoPlaceBehavior: ["type", On],
 	vcCreatePreviewBehavior: ["type", class {
 		static $inject = ["injector", "eventBus"];
 		constructor(e, t) {
@@ -1082,7 +1298,7 @@ var cn = {
 			}));
 		}
 	}]
-}, ln = {
+}, Mn = {
 	"square-dashed-mouse-pointer": "<path d=\"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z\"/><path d=\"M5 3a2 2 0 0 0-2 2\"/><path d=\"M19 3a2 2 0 0 1 2 2\"/><path d=\"M5 21a2 2 0 0 1-2-2\"/><path d=\"M9 3h1\"/><path d=\"M9 21h2\"/><path d=\"M14 3h1\"/><path d=\"M3 9v1\"/><path d=\"M21 9v2\"/><path d=\"M3 14v1\"/>",
 	hand: "<path d=\"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2\"/><path d=\"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2\"/><path d=\"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8\"/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"/>",
 	"unfold-horizontal": "<path d=\"M16 12h6\"/><path d=\"M8 12H2\"/><path d=\"M12 2v2\"/><path d=\"M12 8v2\"/><path d=\"M12 14v2\"/><path d=\"M12 20v2\"/><path d=\"m19 15 3-3-3-3\"/><path d=\"m5 9-3 3 3 3\"/>",
@@ -1092,10 +1308,10 @@ var cn = {
 	"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\"/>",
 	"align-start-vertical": "<rect width=\"9\" height=\"6\" x=\"6\" y=\"14\" rx=\"2\"/><rect width=\"16\" height=\"6\" x=\"6\" y=\"4\" rx=\"2\"/><path d=\"M2 2v20\"/>",
 	x: "<path d=\"M18 6 6 18\"/><path d=\"m6 6 12 12\"/>"
-}, P = {
+}, I = {
 	size: 16,
 	strokeWidth: 2.5
-}, F = {
+}, L = {
 	size: 20,
 	strokeWidth: 2
 };
@@ -1104,43 +1320,41 @@ var cn = {
 * Copyright (c) 2026 Lucide Icons and Contributors
 * Derived from Feather, as Lucide's LICENSE lists them: trash and x. Feather @license MIT
 * Copyright (c) 2013-present Cole Bemis */
-function I(e, t = P) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${t.size}" height="${t.size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${ln[e]}</svg>`;
+function R(e, t = I) {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${t.size}" height="${t.size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${t.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${Mn[e]}</svg>`;
 }
-//#endregion
-//#region src/draw/icons.ts
-function L(e, t = "0 0 24 24") {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${P.size}" height="${P.size}" viewBox="${t}" fill="none" stroke="currentColor" stroke-width="${P.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${e}</svg>`;
+// src/draw/icons.ts
+function z(e, t = "0 0 24 24") {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${I.size}" height="${I.size}" viewBox="${t}" fill="none" stroke="currentColor" stroke-width="${I.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${e}</svg>`;
 }
-function un(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="${A.fill}" stroke="${A.ink}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${e}</svg>`;
-}
-var R = {
-	handTool: I("hand", F),
-	lassoTool: I("square-dashed-mouse-pointer", F),
-	spaceTool: I("unfold-horizontal", F),
-	globalConnect: I("workflow", F),
-	createStep: un("<path d=\"M3 7 h12 l6 5 -6 5 H3 l4.5 -5 Z\"/>"),
-	createOrgUnit: un("<ellipse cx=\"12\" cy=\"12\" rx=\"9.5\" ry=\"6.5\"/>"),
-	appendStep: L("<path d=\"M2.5 12 h4.5 m-2 -2 2 2 -2 2\" stroke-dasharray=\"2.6 2\"/><path d=\"M9 7 h8 l4 5 -4 5 H9 l3 -5 Z\"/>"),
-	appendSubStep: L("<path d=\"M7 3 v8.5 h2.5\" /><path d=\"M11 7 h7.5 l3 4.5 -3 4.5 H11 l2.5 -4.5 Z\" transform=\"translate(-1.5 0.5)\"/>", "0 0 22 22"),
-	connectSequence: L("<path d=\"M4 19 L17.5 5.5\" stroke-dasharray=\"3 2.6\"/><path d=\"M13 5 h5.5 v5.5\" />"),
-	connectHierarchy: L("<path d=\"M6 4 v14 h11.5 m-3.5 -3.5 3.5 3.5 -3.5 3.5\"/>"),
-	appendOrgUnit: L("<path d=\"M12 3.5 v5\"/><ellipse cx=\"12\" cy=\"15\" rx=\"8.5\" ry=\"5.5\"/>"),
-	toggleType: I("arrow-left-right"),
-	align: I("align-start-vertical"),
-	color: I("palette"),
-	trash: I("trash")
+function Nn(e) {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="${D.fill}" stroke="${D.ink}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${e}</svg>`;
+}
+var B = {
+	handTool: R("hand", L),
+	lassoTool: R("square-dashed-mouse-pointer", L),
+	spaceTool: R("unfold-horizontal", L),
+	globalConnect: R("workflow", L),
+	createStep: Nn("<path d=\"M3 7 h12 l6 5 -6 5 H3 l4.5 -5 Z\"/>"),
+	createOrgUnit: Nn("<ellipse cx=\"12\" cy=\"12\" rx=\"9.5\" ry=\"6.5\"/>"),
+	appendStep: z("<path d=\"M2.5 12 h4.5 m-2 -2 2 2 -2 2\" stroke-dasharray=\"2.6 2\"/><path d=\"M9 7 h8 l4 5 -4 5 H9 l3 -5 Z\"/>"),
+	appendSubStep: z("<path d=\"M7 3 v8.5 h2.5\" /><path d=\"M11 7 h7.5 l3 4.5 -3 4.5 H11 l2.5 -4.5 Z\" transform=\"translate(-1.5 0.5)\"/>", "0 0 22 22"),
+	connectSequence: z("<path d=\"M4 19 L17.5 5.5\" stroke-dasharray=\"3 2.6\"/><path d=\"M13 5 h5.5 v5.5\" />"),
+	connectHierarchy: z("<path d=\"M6 4 v14 h11.5 m-3.5 -3.5 3.5 3.5 -3.5 3.5\"/>"),
+	appendOrgUnit: z("<path d=\"M12 3.5 v5\"/><ellipse cx=\"12\" cy=\"15\" rx=\"8.5\" ry=\"5.5\"/>"),
+	toggleType: R("arrow-left-right"),
+	align: R("align-start-vertical"),
+	color: R("palette"),
+	trash: R("trash")
 };
-function z(e, t = !1) {
+function V(e, t = !1) {
 	return `<div class="entry vc-palette-entry"${t ? " draggable=\"true\"" : ""}>${e}</div>`;
 }
-function B(e, t = !1) {
+function H(e, t = !1) {
 	return `<div class="entry vc-cp-entry"${t ? " draggable=\"true\"" : ""}>${e}</div>`;
 }
-//#endregion
-//#region src/palette/VcPaletteProvider.ts
-var dn = 24, fn = class {
+// src/palette/VcPaletteProvider.ts
+var Pn = 24, Fn = class {
 	create;
 	factory;
 	handTool;
@@ -1175,41 +1389,41 @@ var dn = 24, fn = class {
 		let e = (e) => (t) => {
 			if (this.editLock()?.isReadOnly()) return;
 			let n = e();
-			pn(t) ? this.placeInFreeRect(n) : this.create.start(t, n);
+			In(t) ? this.placeInFreeRect(n) : this.create.start(t, n);
 		}, t = e(() => this.factory.createNewStep()), n = e(() => this.factory.createNewOrgUnit());
 		return {
 			"lasso-tool": {
 				group: "tools",
 				title: "Lasso",
 				shortcut: "L",
-				html: z(R.lassoTool),
+				html: V(B.lassoTool),
 				action: { click: (e) => this.lassoTool.activateSelection(e, !1) }
 			},
 			"hand-tool": {
 				group: "tools",
 				title: "Hand",
 				shortcut: "H",
-				html: z(R.handTool),
+				html: V(B.handTool),
 				action: { click: (e) => this.handTool.activateHand(e, !1, !1) }
 			},
 			"space-tool": {
 				group: "tools",
 				title: "Create or remove space",
 				shortcut: "S",
-				html: z(R.spaceTool),
+				html: V(B.spaceTool),
 				action: { click: (e) => this.spaceTool.activateSelection(e, !1, !1) }
 			},
 			"global-connect-tool": {
 				group: "tools",
 				title: "Connect",
 				shortcut: "C",
-				html: z(R.globalConnect),
+				html: V(B.globalConnect),
 				action: { click: (e) => this.globalConnect.start(e, !1) }
 			},
 			"create.step": {
 				group: "value-chain",
 				title: "Step",
-				html: z(R.createStep, !0),
+				html: V(B.createStep, !0),
 				action: {
 					click: t,
 					dragstart: t
@@ -1218,7 +1432,7 @@ var dn = 24, fn = class {
 			"create.org-unit": {
 				group: "value-chain",
 				title: "Organizational unit",
-				html: z(R.createOrgUnit, !0),
+				html: V(B.createOrgUnit, !0),
 				action: {
 					click: n,
 					dragstart: n
@@ -1231,7 +1445,7 @@ var dn = 24, fn = class {
 			x: t.x,
 			y: t.y
 		};
-		for (; this.centreTaken(n);) n.x += dn, n.y += dn;
+		for (; this.centreTaken(n);) n.x += Pn, n.y += Pn;
 		let r = this.modeling.createShape(e, n, this.canvas.getRootElement());
 		this.selection.select(r), this.canvas.focus(), this.injector.get("directEditing", !1)?.activate(r);
 	}
@@ -1256,18 +1470,17 @@ var dn = 24, fn = class {
 		};
 	}
 	centreTaken(e) {
-		return this.elementRegistry.filter(S).some((t) => Math.abs(t.x + t.width / 2 - e.x) < 1 && Math.abs(t.y + t.height / 2 - e.y) < 1);
+		return this.elementRegistry.filter(b).some((t) => Math.abs(t.x + t.width / 2 - e.x) < 1 && Math.abs(t.y + t.height / 2 - e.y) < 1);
 	}
 	editLock() {
 		return this.injector.get("vcReadOnly", !1);
 	}
 };
-function pn(e) {
+function In(e) {
 	return e.type === "click" && e.detail === 0;
 }
-//#endregion
-//#region src/palette/index.ts
-var mn = {
+// src/palette/index.ts
+var Ln = {
 	__depends__: [
 		Oe,
 		Ee,
@@ -1277,42 +1490,42 @@ var mn = {
 		Me
 	],
 	__init__: ["vcPaletteProvider"],
-	vcPaletteProvider: ["type", fn]
-}, V = "vc-color-picker";
-function hn(e) {
-	return `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><rect x="1" y="1" width="14" height="14" rx="2" fill="${A.fill}" stroke="${e}" stroke-width="2"/></svg>`;
+	vcPaletteProvider: ["type", Fn]
+}, U = "vc-color-picker";
+function Rn(e) {
+	return `<svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true"><rect x="1" y="1" width="14" height="14" rx="2" fill="${lt(e).fill}" stroke="${D.ink}" stroke-width="2"/></svg>`;
 }
-var gn = class {
+var zn = class {
 	vcModeling;
 	static $inject = ["popupMenu", "vcModeling"];
 	constructor(e, t) {
-		this.vcModeling = t, e.registerProvider(V, this);
+		this.vcModeling = t, e.registerProvider(U, this);
 	}
 	getPopupMenuEntries(e) {
 		let t = Array.isArray(e) ? e[0] : e;
-		if (!S(t)) return {};
+		if (!b(t)) return {};
 		let n = {};
-		for (let e of st) n[`color-${e.label.toLowerCase()}`] = {
+		for (let e of ct) n[`color-${e.label.toLowerCase()}`] = {
 			label: e.label,
-			imageHtml: hn(e.color ?? A.ink),
+			imageHtml: Rn(e.color),
 			action: () => this.vcModeling.setColor(t, e.color)
 		};
 		return n;
 	}
-}, H = "vc-align-elements";
-function U(e) {
+}, W = "vc-align-elements";
+function G(e) {
 	return `<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" aria-hidden="true">${e}</svg>`;
 }
-var W = {
-	left: U("<path d=\"M3 2v12\"/><rect x=\"5\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5\" y=\"9\" width=\"5\" height=\"3\"/>"),
-	center: U("<path d=\"M8 2v12\"/><rect x=\"4\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5.5\" y=\"9\" width=\"5\" height=\"3\"/>"),
-	right: U("<path d=\"M13 2v12\"/><rect x=\"3\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"6\" y=\"9\" width=\"5\" height=\"3\"/>"),
-	top: U("<path d=\"M2 3h12\"/><rect x=\"4\" y=\"5\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5\" width=\"3\" height=\"5\"/>"),
-	middle: U("<path d=\"M2 8h12\"/><rect x=\"4\" y=\"4\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5.5\" width=\"3\" height=\"5\"/>"),
-	bottom: U("<path d=\"M2 13h12\"/><rect x=\"4\" y=\"3\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"6\" width=\"3\" height=\"5\"/>"),
-	horizontal: U("<rect x=\"2\" y=\"5\" width=\"3\" height=\"6\"/><rect x=\"6.5\" y=\"5\" width=\"3\" height=\"6\"/><rect x=\"11\" y=\"5\" width=\"3\" height=\"6\"/>"),
-	vertical: U("<rect x=\"5\" y=\"2\" width=\"6\" height=\"3\"/><rect x=\"5\" y=\"6.5\" width=\"6\" height=\"3\"/><rect x=\"5\" y=\"11\" width=\"6\" height=\"3\"/>")
-}, _n = class {
+var K = {
+	left: G("<path d=\"M3 2v12\"/><rect x=\"5\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	center: G("<path d=\"M8 2v12\"/><rect x=\"4\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5.5\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	right: G("<path d=\"M13 2v12\"/><rect x=\"3\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"6\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	top: G("<path d=\"M2 3h12\"/><rect x=\"4\" y=\"5\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5\" width=\"3\" height=\"5\"/>"),
+	middle: G("<path d=\"M2 8h12\"/><rect x=\"4\" y=\"4\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5.5\" width=\"3\" height=\"5\"/>"),
+	bottom: G("<path d=\"M2 13h12\"/><rect x=\"4\" y=\"3\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"6\" width=\"3\" height=\"5\"/>"),
+	horizontal: G("<rect x=\"2\" y=\"5\" width=\"3\" height=\"6\"/><rect x=\"6.5\" y=\"5\" width=\"3\" height=\"6\"/><rect x=\"11\" y=\"5\" width=\"3\" height=\"6\"/>"),
+	vertical: G("<rect x=\"5\" y=\"2\" width=\"6\" height=\"3\"/><rect x=\"5\" y=\"6.5\" width=\"6\" height=\"3\"/><rect x=\"5\" y=\"11\" width=\"6\" height=\"3\"/>")
+}, Bn = class {
 	alignElements;
 	distributeElements;
 	static $inject = [
@@ -1321,10 +1534,10 @@ var W = {
 		"distributeElements"
 	];
 	constructor(e, t, n) {
-		this.alignElements = t, this.distributeElements = n, e.registerProvider(H, this);
+		this.alignElements = t, this.distributeElements = n, e.registerProvider(W, this);
 	}
 	getPopupMenuEntries(e) {
-		let t = (Array.isArray(e) ? e : [e]).filter(S);
+		let t = (Array.isArray(e) ? e : [e]).filter(b);
 		if (t.length < 2) return {};
 		let n = (e, n, r) => ({
 			label: n,
@@ -1332,26 +1545,26 @@ var W = {
 			imageHtml: r,
 			action: () => this.alignElements.trigger(t, e)
 		}), r = {
-			"align-left": n("left", "Align left", W.left),
-			"align-center": n("center", "Align center", W.center),
-			"align-right": n("right", "Align right", W.right),
-			"align-top": n("top", "Align top", W.top),
-			"align-middle": n("middle", "Align middle", W.middle),
-			"align-bottom": n("bottom", "Align bottom", W.bottom)
+			"align-left": n("left", "Align left", K.left),
+			"align-center": n("center", "Align center", K.center),
+			"align-right": n("right", "Align right", K.right),
+			"align-top": n("top", "Align top", K.top),
+			"align-middle": n("middle", "Align middle", K.middle),
+			"align-bottom": n("bottom", "Align bottom", K.bottom)
 		};
 		return t.length >= 3 && (r["distribute-horizontally"] = {
 			label: "Distribute horizontally",
 			group: "distribute",
-			imageHtml: W.horizontal,
+			imageHtml: K.horizontal,
 			action: () => this.distributeElements.trigger(t, "horizontal")
 		}, r["distribute-vertically"] = {
 			label: "Distribute vertically",
 			group: "distribute",
-			imageHtml: W.vertical,
+			imageHtml: K.vertical,
 			action: () => this.distributeElements.trigger(t, "vertical")
 		}), r;
 	}
-}, vn = class {
+}, Vn = class {
 	modeling;
 	popupMenu;
 	vcAppend;
@@ -1373,56 +1586,56 @@ var W = {
 	getContextPadEntries(e) {
 		let t = {};
 		if (this.readOnly.isReadOnly()) return t;
-		if (C(e) && this.addStepEntries(t, e), w(e)) {
+		if (x(e) && this.addStepEntries(t, e), S(e)) {
 			let n = (t) => {
 				this.vcConnect.start(t, e, "assignment");
 			};
 			t["connect.assignment"] = {
 				group: "connect",
 				title: "Connect to step",
-				html: B(R.connectHierarchy, !0),
+				html: H(B.connectHierarchy, !0),
 				action: {
 					click: n,
 					dragstart: n
 				}
 			};
 		}
-		if (S(e) && (t["set-color"] = {
+		if (b(e) && (t["set-color"] = {
 			group: "edit",
 			title: "Set color",
-			html: B(R.color),
+			html: H(B.color),
 			action: { click: (t) => {
 				let n = t;
-				this.popupMenu.open(e, V, {
+				this.popupMenu.open(e, U, {
 					x: n.clientX,
 					y: n.clientY
 				});
 			} }
-		}), T(e) && e.vcType !== "assignment") {
+		}), C(e) && e.vcType !== "assignment") {
 			let n = e, r = n.vcType === "sequence" ? "hierarchy" : "sequence";
 			t["toggle-type"] = {
 				group: "edit",
 				title: `Switch to "${r === "sequence" ? "is predecessor of" : "is process-oriented superior"}"`,
-				html: B(R.toggleType),
+				html: H(B.toggleType),
 				action: { click: () => this.vcModeling.setConnectionType(n, r) }
 			};
 		}
-		return (S(e) || T(e)) && (t.delete = {
+		return (b(e) || C(e)) && (t.delete = {
 			group: "edit",
 			title: "Delete",
-			html: B(R.trash),
+			html: H(B.trash),
 			action: { click: () => this.modeling.removeElements([e]) }
 		}), t;
 	}
 	getMultiElementContextPadEntries(e) {
 		let t = {};
-		return this.readOnly.isReadOnly() || (e.filter(S).length >= 2 && (t.align = {
+		return this.readOnly.isReadOnly() || (e.filter(b).length >= 2 && (t.align = {
 			group: "edit",
 			title: "Align / distribute",
-			html: B(R.align),
+			html: H(B.align),
 			action: { click: (t) => {
 				let n = t;
-				this.popupMenu.open(e, H, {
+				this.popupMenu.open(e, W, {
 					x: n.clientX,
 					y: n.clientY
 				});
@@ -1430,7 +1643,7 @@ var W = {
 		}), t.delete = {
 			group: "edit",
 			title: "Delete",
-			html: B(R.trash),
+			html: H(B.trash),
 			action: { click: () => this.modeling.removeElements([...e]) }
 		}), t;
 	}
@@ -1445,7 +1658,7 @@ var W = {
 		e["append.step"] = {
 			group: "model",
 			title: "Append step (is predecessor of)",
-			html: B(R.appendStep, !0),
+			html: H(B.appendStep, !0),
 			action: {
 				click: n("sequence"),
 				dragstart: r("sequence")
@@ -1453,7 +1666,7 @@ var W = {
 		}, e["append.sub-step"] = {
 			group: "model",
 			title: "Append sub-step (is process-oriented superior)",
-			html: B(R.appendSubStep, !0),
+			html: H(B.appendSubStep, !0),
 			action: {
 				click: n("hierarchy"),
 				dragstart: r("hierarchy")
@@ -1461,7 +1674,7 @@ var W = {
 		}, e["append.org-unit"] = {
 			group: "model",
 			title: "Append organizational unit",
-			html: B(R.appendOrgUnit, !0),
+			html: H(B.appendOrgUnit, !0),
 			action: {
 				click: n("assignment"),
 				dragstart: r("assignment")
@@ -1469,7 +1682,7 @@ var W = {
 		}, e["connect.sequence"] = {
 			group: "connect",
 			title: "Connect (is predecessor of)",
-			html: B(R.connectSequence, !0),
+			html: H(B.connectSequence, !0),
 			action: {
 				click: i("sequence"),
 				dragstart: i("sequence")
@@ -1477,18 +1690,18 @@ var W = {
 		}, e["connect.hierarchy"] = {
 			group: "connect",
 			title: "Connect (is process-oriented superior)",
-			html: B(R.connectHierarchy, !0),
+			html: H(B.connectHierarchy, !0),
 			action: {
 				click: i("hierarchy"),
 				dragstart: i("hierarchy")
 			}
 		};
 	}
-}, yn = {
+}, Hn = {
 	__depends__: [Ne, v],
 	__init__: ["vcContextPadProvider"],
-	vcContextPadProvider: ["type", vn]
-}, bn = class {
+	vcContextPadProvider: ["type", Vn]
+}, Un = class {
 	directEditing;
 	canvas;
 	vcModeling;
@@ -1504,12 +1717,12 @@ var W = {
 	resumeTimer;
 	constructor(e, t, n, r, i) {
 		this.directEditing = e, this.canvas = t, this.vcModeling = r, this.elementRegistry = i, e.registerProvider(this), n.on("element.dblclick", (t) => {
-			t.element && S(t.element) && e.activate(t.element);
+			t.element && b(t.element) && e.activate(t.element);
 		}), n.on("autoPlace.end", 500, (t) => {
-			t.shape && S(t.shape) && e.activate(t.shape);
+			t.shape && b(t.shape) && e.activate(t.shape);
 		}), n.on("create.end", 500, (t) => {
 			let { source: n, shape: r, canExecute: i } = t.context;
-			n && i && r && S(r) && e.activate(r);
+			n && i && r && b(r) && e.activate(r);
 		}), n.on([
 			"element.mousedown",
 			"drag.init",
@@ -1525,7 +1738,7 @@ var W = {
 	}
 	openEdit() {
 		let e = this.directEditing._active?.element;
-		if (this.directEditing.isActive() && S(e)) return {
+		if (this.directEditing.isActive() && b(e)) return {
 			element: e,
 			text: this.directEditing.getValue()
 		};
@@ -1546,7 +1759,7 @@ var W = {
 	}
 	resume(e) {
 		let t = this.elementRegistry.get(e.elementId);
-		if (!S(t) || !this.directEditing.activate(t)) return;
+		if (!b(t) || !this.directEditing.activate(t)) return;
 		let n = this.directEditing._textbox?.content;
 		if (!n) return;
 		n.innerText = e.text;
@@ -1567,8 +1780,8 @@ var W = {
 		}), t.content.style.fontSize = n.style?.fontSize ?? "", e.context.bounds = n.bounds;
 	}
 	activate(e) {
-		if (!S(e)) return;
-		let t = e, n = this.canvas.getAbsoluteBBox(t), r = this.canvas.zoom(), i = (w(t) ? 12 : at(t.width, t.height)) * r;
+		if (!b(e)) return;
+		let t = e, n = this.canvas.getAbsoluteBBox(t), r = this.canvas.zoom(), i = (S(t) ? 12 : Tt(t.width, t.height)) * r;
 		return {
 			bounds: {
 				x: n.x + i,
@@ -1577,10 +1790,10 @@ var W = {
 				height: n.height
 			},
 			style: {
-				fontFamily: j.family,
-				fontSize: `${j.size * r}px`,
+				fontFamily: O.family,
+				fontSize: `${O.size * r}px`,
 				fontWeight: "normal",
-				lineHeight: String(j.lineHeight),
+				lineHeight: String(O.lineHeight),
 				textAlign: "center",
 				backgroundColor: "var(--cd-ui-flaeche-hoch)",
 				border: "1px solid var(--cd-ui-interaktion)"
@@ -1590,31 +1803,46 @@ var W = {
 		};
 	}
 	update(e, t) {
-		this.vcModeling.updateLabel(e, xn(t));
+		this.vcModeling.updateLabel(e, Wn(t));
 	}
 };
-function xn(e) {
+function Wn(e) {
 	return e.replace(/\r\n?/g, "\n").trim();
 }
-//#endregion
-//#region src/label-editing/index.ts
-var Sn = {
+// src/label-editing/index.ts
+var Gn = {
 	__depends__: [Pe],
 	__init__: ["vcLabelEditingProvider"],
-	vcLabelEditingProvider: ["type", bn]
-}, Cn = {
+	vcLabelEditingProvider: ["type", Un]
+}, Kn = {
 	__depends__: [v],
 	__init__: ["vcColorPickerProvider"],
-	vcColorPickerProvider: ["type", gn]
-}, wn = {
+	vcColorPickerProvider: ["type", zn]
+}, qn = {
 	__depends__: [
 		v,
 		Fe,
 		Ie
 	],
 	__init__: ["vcAlignMenuProvider"],
-	vcAlignMenuProvider: ["type", _n]
-}, Tn = /* @__PURE__ */ new Set(["undo", "redo"]), En = class extends ze {
+	vcAlignMenuProvider: ["type", Bn]
+}, Jn = 1e4, Yn = ["palette.trigger", "contextPad.trigger"], Xn = class {
+	static $inject = ["eventBus", "canvas"];
+	constructor(e, t) {
+		e.on("keyboard.keydown", Jn, (e) => Zn(e.keyEvent) ? void 0 : !1), e.on(Yn, (e) => {
+			let n = e.event?.type;
+			n === "dragstart" || n === "click" && Qn(e.event) ? t.focus() : n === "click" && t.restoreFocus();
+		});
+	}
+};
+function Zn(e) {
+	return typeof e.key == "string" && !e.defaultPrevented && !e.isComposing;
+}
+function Qn(e) {
+	return (e?.detail ?? 0) > 0;
+}
+// src/keyboard/VcKeyboardBindings.ts
+var $n = /* @__PURE__ */ new Set(["undo", "redo"]), er = class extends ze {
 	static $inject = [
 		"eventBus",
 		"keyboard",
@@ -1625,25 +1853,25 @@ var Sn = {
 		super(e, t), this.undoRedoKeys = n?.undoRedoKeys ?? !0;
 	}
 	registerBindings(e, t) {
-		let n = this.undoRedoKeys ? t : Object.create(t, { isRegistered: { value: (e) => !Tn.has(e) && t.isRegistered(e) } });
+		let n = this.undoRedoKeys ? t : Object.create(t, { isRegistered: { value: (e) => !$n.has(e) && t.isRegistered(e) } });
 		super.registerBindings(e, n);
 		let r = (n, r) => {
 			t.isRegistered(n) && e.addListener(r);
 		}, i = (e, n) => {
 			r(e, (r) => {
 				let i = r.keyEvent;
-				if (y(n, i) && !Be(i)) return t.trigger(e, {}), !0;
+				if (He(n, i) && !Be(i)) return t.trigger(e, {}), !0;
 			});
 		};
 		i("lassoTool", ["l", "L"]), i("handTool", ["h", "H"]), i("spaceTool", ["s", "S"]), i("globalConnectTool", ["c", "C"]), i("directEditing", ["e", "E"]), r("selectAll", (e) => {
 			let n = e.keyEvent;
-			if (Ve(n) && y(["a", "A"], n) && !n.shiftKey && !n.altKey) return t.trigger("selectAll", {}), !0;
+			if (Ve(n) && He(["a", "A"], n) && !n.shiftKey && !n.altKey) return t.trigger("selectAll", {}), !0;
 		});
 	}
-}, Dn = 1500, On = class {
+}, tr = 1500, nr = class {
 	static $inject = ["eventBus", "injector"];
 	constructor(e, t) {
-		e.on("editorActions.init", Dn, (e) => {
+		e.on("editorActions.init", tr, (e) => {
 			let { editorActions: n } = e, r = t.get("vcReadOnly", !1), i = () => !r?.isReadOnly(), a = (e, r, i, a = () => !0) => {
 				let o = t.get(r, !1);
 				o && n.register({ [e]: () => {
@@ -1652,7 +1880,7 @@ var Sn = {
 			};
 			a("handTool", "handTool", (e) => e.toggle()), a("lassoTool", "lassoTool", (e) => e.toggle()), a("spaceTool", "spaceTool", (e) => e.toggle(), i), a("globalConnectTool", "globalConnect", (e) => e.toggle(), i);
 			let o = t.get("elementRegistry", !1), s = t.get("selection", !1);
-			o && s && n.register({ selectAll: () => s.select(o.filter(E)) });
+			o && s && n.register({ selectAll: () => s.select(o.filter(w)) });
 			let c = t.get("directEditing", !1);
 			c && s && n.register({ directEditing: () => {
 				let e = s.get();
@@ -1660,53 +1888,54 @@ var Sn = {
 			} });
 		});
 	}
-}, kn = {
+}, rr = {
 	__depends__: [Le, Re],
-	__init__: ["vcEditorActions"],
-	keyboardBindings: ["type", En],
-	vcEditorActions: ["type", On]
-}, An = class extends He {
+	__init__: ["vcEditorActions", "vcCanvasKeys"],
+	keyboardBindings: ["type", er],
+	vcEditorActions: ["type", nr],
+	vcCanvasKeys: ["type", Xn]
+}, ir = class extends Ue {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		super(e);
 	}
 	getOrdering(e, t) {
-		return T(e) ? {
+		return C(e) ? {
 			parent: t,
-			index: (t.children ?? []).filter((t) => t !== e && T(t)).length
+			index: (t.children ?? []).filter((t) => t !== e && C(t)).length
 		} : { parent: t };
 	}
-}, jn = {
+}, ar = {
 	__init__: ["vcOrderingProvider"],
-	vcOrderingProvider: ["type", An]
-}, Mn = class {
+	vcOrderingProvider: ["type", ir]
+}, or = class {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		e.on("copyPaste.copyElement", (e) => {
 			let { descriptor: t, element: n } = e;
-			S(n) ? (t.vcType = n.vcType, t.vcLabel = n.vcLabel, n.color !== void 0 && (t.color = n.color), n.link !== void 0 && (t.link = n.link)) : T(n) && (t.vcType = n.vcType);
+			b(n) ? (t.vcType = n.vcType, t.vcLabel = n.vcLabel, n.color !== void 0 && (t.color = n.color), n.link !== void 0 && (t.link = n.link)) : C(n) && (t.vcType = n.vcType);
 		});
 	}
-}, Nn = {
-	__depends__: [Ue],
+}, sr = {
+	__depends__: [We],
 	__init__: ["vcCopyPasteBehavior"],
-	vcCopyPasteBehavior: ["type", Mn]
-}, Pn = class {
+	vcCopyPasteBehavior: ["type", or]
+}, cr = class {
 	static $inject = ["eventBus"];
 	constructor(e) {
 		e.on("resize.start", (e) => {
-			S(e.context.shape) && (e.context.minDimensions = { ...i });
+			b(e.context.shape) && (e.context.minDimensions = { ...i });
 		}), e.on("spaceTool.getMinDimensions", (e) => {
 			let t = {};
-			for (let n of e.shapes) S(n) && (t[n.id] = { ...i });
+			for (let n of e.shapes) b(n) && (t[n.id] = { ...i });
 			return t;
 		});
 	}
-}, Fn = {
-	__depends__: [We],
+}, lr = {
+	__depends__: [Ge],
 	__init__: ["vcResizeBehavior"],
-	vcResizeBehavior: ["type", Pn]
-}, In = "valueChain.readOnly.changed", G = 5e3, Ln = [
+	vcResizeBehavior: ["type", cr]
+}, ur = "valueChain.readOnly.changed", q = 5e3, dr = [
 	"elements.move",
 	"shape.move",
 	"shape.resize",
@@ -1720,32 +1949,32 @@ var Sn = {
 	"elements.delete",
 	"elements.align",
 	"elements.distribute"
-], Rn = class extends Ce {
+], fr = class extends Ce {
 	bus;
 	injector;
 	static $inject = ["eventBus", "injector"];
 	readOnly = !1;
 	constructor(e, t) {
-		super(e), this.bus = e, this.injector = t, e.on("copyPaste.pasteElements", G, () => !this.readOnly && void 0), e.on("directEditing.activate.allowed", G, () => !this.readOnly && void 0);
+		super(e), this.bus = e, this.injector = t, e.on("copyPaste.pasteElements", q, () => !this.readOnly && void 0), e.on("directEditing.activate.allowed", q, () => !this.readOnly && void 0);
 	}
 	init() {
-		this.addRule(Ln, G, () => !this.readOnly && void 0);
+		this.addRule(dr, q, () => !this.readOnly && void 0);
 	}
 	isReadOnly() {
 		return this.readOnly;
 	}
 	setReadOnly(e) {
-		this.readOnly !== e && (this.readOnly = e, e && this.interruptEdits(), this.bus.fire(In, { readOnly: e }));
+		this.readOnly !== e && (this.readOnly = e, e && this.interruptEdits(), this.bus.fire(ur, { readOnly: e }));
 	}
 	interruptEdits() {
 		let e = (e) => this.injector.get(e, !1);
 		e("directEditing")?.cancel(), e("dragging")?.cancel(), e("popupMenu")?.close(), e("contextPad")?.close();
 	}
-}, zn = {
+}, pr = {
 	__depends__: [Se],
 	__init__: ["vcReadOnly"],
-	vcReadOnly: ["type", Rn]
-}, Bn = class extends N {
+	vcReadOnly: ["type", fr]
+}, mr = class extends F {
 	_getModules() {
 		return [
 			...super._getModules(),
@@ -1758,20 +1987,20 @@ var Sn = {
 			me,
 			he,
 			ge,
-			zn,
-			Ht,
-			qt,
-			Yt,
-			cn,
-			mn,
+			pr,
+			fn,
+			_n,
 			yn,
-			Sn,
-			Cn,
-			wn,
-			kn,
 			jn,
-			Nn,
-			Fn
+			Ln,
+			Hn,
+			Gn,
+			Kn,
+			qn,
+			rr,
+			ar,
+			sr,
+			lr
 		];
 	}
 	undo() {
@@ -1786,19 +2015,19 @@ var Sn = {
 	canRedo() {
 		return this.get("commandStack").canRedo();
 	}
-}, Vn = "value-chain", Hn = "New value chain";
-function Un(e = {}) {
-	return qn(new Bn({
-		...Gn(e),
+}, hr = "value-chain", gr = "New value chain";
+function _r(e = {}) {
+	return xr(new mr({
+		...yr(e),
 		undoRedoKeys: e.undoRedoKeys ?? !0,
 		freeArea: e.freeArea,
 		freeRectCenter: e.freeRectCenter
 	}), !0);
 }
-function Wn(e = {}) {
-	return qn(new N(Gn(e)), !1);
+function vr(e = {}) {
+	return xr(new F(yr(e)), !1);
 }
-function Gn(e) {
+function yr(e) {
 	return {
 		width: "100%",
 		height: "100%",
@@ -1806,13 +2035,13 @@ function Gn(e) {
 		fitOnImport: e.fitOnImport ?? !0
 	};
 }
-function Kn(e) {
-	return e.trim() === "" ? o(Hn) : u(e);
+function br(e) {
+	return e.trim() === "" ? o(gr) : u(e);
 }
-function qn(e, t) {
+function xr(e, t) {
 	let n = e.get("eventBus"), r = e.get("canvas"), i = e.get("elementRegistry"), a = e.get("selection"), o = e.get("vcBounds"), s = /* @__PURE__ */ new Set(), c = !1, l = "", u = {
-		notation: Vn,
-		apiVersion: Ge,
+		notation: hr,
+		apiVersion: Ke,
 		editable: t
 	};
 	return t && n.on("commandStack.changed", () => {
@@ -1820,21 +2049,21 @@ function qn(e, t) {
 	}), {
 		meta: u,
 		elements: {
-			list: () => c ? [] : i.getAll().filter(S).map(Jn),
+			list: () => c ? [] : i.getAll().filter(b).map(Cr),
 			reveal(e) {
 				if (c) return !1;
 				let t = i.get(e);
-				return S(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
+				return b(t) ? (a.select(t), r.scrollToElement(t), !0) : !1;
 			},
-			selection: () => c ? [] : K(a.get()),
+			selection: () => c ? [] : Sr(a.get()),
 			onSelection(e) {
-				let t = (t) => e(K(t.newSelection ?? []));
+				let t = (t) => e(Sr(t.newSelection ?? []));
 				return n.on("selection.changed", t), () => n.off("selection.changed", t);
 			},
 			bounds(e) {
 				if (c) return;
 				let t = i.get(e);
-				if (!S(t)) return;
+				if (!b(t)) return;
 				let { x: n, y: r, width: a, height: o } = t;
 				return {
 					x: n,
@@ -1851,7 +2080,7 @@ function qn(e, t) {
 		importText(t) {
 			if (c) return Promise.reject(/* @__PURE__ */ Error("The modeler was destroyed."));
 			try {
-				let n = e.importDocument(Kn(t));
+				let n = e.importDocument(br(t));
 				return Promise.resolve({ warnings: n.map((e) => e.message) });
 			} catch (e) {
 				return Promise.reject(e instanceof Error ? e : Error(String(e)));
@@ -1871,13 +2100,13 @@ function qn(e, t) {
 					width: n,
 					height: i
 				};
-				return Yn(a) ? a : void 0;
+				return wr(a) ? a : void 0;
 			} catch {
 				return;
 			}
 		},
 		setViewState(e) {
-			!c && Yn(e) && r.viewbox({
+			!c && wr(e) && r.viewbox({
 				x: e.x,
 				y: e.y,
 				width: e.width,
@@ -1899,26 +2128,25 @@ function qn(e, t) {
 		}
 	};
 }
-function K(e) {
-	return e.filter(S).map((e) => e.id);
+function Sr(e) {
+	return e.filter(b).map((e) => e.id);
 }
-function Jn(e) {
+function Cr(e) {
 	return e.vcLabel ? {
 		id: e.id,
 		name: e.vcLabel
 	} : { id: e.id };
 }
-function Yn(e) {
+function wr(e) {
 	if (typeof e != "object" || !e) return !1;
 	let { x: t, y: n, width: r, height: i } = e;
-	return q(t) && q(n) && q(r) && q(i) && r > 0 && i > 0;
+	return J(t) && J(n) && J(r) && J(i) && r > 0 && i > 0;
 }
-function q(e) {
+function J(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-//#endregion
-//#region src/diagram-menu/menu.ts
-function J(e, t, n, r) {
+// src/diagram-menu/menu.ts
+function Y(e, t, n, r) {
 	return {
 		kind: "action",
 		id: e,
@@ -1928,14 +2156,14 @@ function J(e, t, n, r) {
 		onSelect: () => n.onSelect()
 	};
 }
-var Y = "Export as JSON";
-function Xn(e) {
+var X = "Export as JSON";
+function Tr(e) {
 	let { exports: t } = e;
 	return {
 		export: [
-			J("export-png", "Export as PNG", t.png, "file-image"),
-			J("export-svg", "Export as SVG", t.svg, "file-code-corner"),
-			...t.json ? [J("export-json", Y, t.json)] : []
+			Y("export-png", "Export as PNG", t.png, "file-image"),
+			Y("export-svg", "Export as SVG", t.svg, "file-code-corner"),
+			...t.json ? [Y("export-json", X, t.json)] : []
 		],
 		help: [{
 			kind: "dialog",
@@ -1946,25 +2174,24 @@ function Xn(e) {
 		}]
 	};
 }
-//#endregion
-//#region src/diagram-menu/shortcuts.ts
-var X = [
+// src/diagram-menu/shortcuts.ts
+var Z = [
 	"←",
 	"↑",
 	"→",
 	"↓"
 ];
-function Zn(e, t, n) {
+function Er(e, t, n) {
 	return t === "mac" ? `⌘${e}` : `${n.ctrl}+${e}`;
 }
-function Qn(e) {
+function Dr(e) {
 	try {
 		return new Intl.NumberFormat(e, { style: "percent" }).format(1);
 	} catch {
 		return new Intl.NumberFormat("en", { style: "percent" }).format(1);
 	}
 }
-function $n(e, t) {
+function Or(e, t) {
 	if (e === "mac") return {
 		zoomIn: "⌘+",
 		zoomOut: "⌘−",
@@ -1979,7 +2206,7 @@ function $n(e, t) {
 		fit: `${r}+1`
 	};
 }
-function er(e, t) {
+function kr(e, t) {
 	if (e === "mac") return {
 		undo: ["⌘Z"],
 		redo: ["⌘⇧Z"],
@@ -1989,8 +2216,8 @@ function er(e, t) {
 		paste: ["⌘V"],
 		duplicate: ["⌘D"],
 		remove: ["⌫"],
-		coarseMove: X.map((e) => `⇧${e}`),
-		moveCanvas: X.map((e) => `⌘${e}`),
+		coarseMove: Z.map((e) => `⇧${e}`),
+		moveCanvas: Z.map((e) => `⌘${e}`),
 		lassoDrag: ["⇧ Drag"]
 	};
 	let { ctrl: n, shift: r } = t;
@@ -2003,28 +2230,28 @@ function er(e, t) {
 		paste: [`${n}+V`],
 		duplicate: [`${n}+D`],
 		remove: ["Del", "Backspace"],
-		coarseMove: X.map((e) => `${r}+${e}`),
-		moveCanvas: X.map((e) => `${n}+${e}`),
+		coarseMove: Z.map((e) => `${r}+${e}`),
+		moveCanvas: Z.map((e) => `${n}+${e}`),
 		lassoDrag: [`${r}+Drag`]
 	};
 }
-function tr(e) {
+function Ar(e) {
 	let { platform: t, messages: n } = e;
 	return {
 		title: "File",
 		rows: [{
 			action: n.openFile ?? "Open…",
-			keys: [Zn("O", t, n.keyNames)]
+			keys: [Er("O", t, n.keyNames)]
 		}, {
-			action: Y,
-			keys: [Zn("S", t, n.keyNames)]
+			action: X,
+			keys: [Er("S", t, n.keyNames)]
 		}]
 	};
 }
-function nr(e, t = {}) {
-	let { platform: n, messages: r } = e, i = $n(n, r.keyNames), a = er(n, r.keyNames);
+function jr(e, t = {}) {
+	let { platform: n, messages: r } = e, i = Or(n, r.keyNames), a = kr(n, r.keyNames);
 	return [
-		...t.fileKeys ? [tr(e)] : [],
+		...t.fileKeys ? [Ar(e)] : [],
 		{
 			title: "View",
 			rows: [
@@ -2037,7 +2264,7 @@ function nr(e, t = {}) {
 					keys: [i.zoomOut]
 				},
 				{
-					action: r.zoomToActual(Qn(e.lang)),
+					action: r.zoomToActual(Dr(e.lang)),
 					keys: [i.zoomToActual]
 				},
 				{
@@ -2091,7 +2318,7 @@ function nr(e, t = {}) {
 				},
 				{
 					action: "Move selection",
-					keys: X
+					keys: Z
 				},
 				{
 					action: "Move selection in large steps",
@@ -2130,41 +2357,40 @@ function nr(e, t = {}) {
 		}
 	];
 }
-//#endregion
-//#region src/diagram-menu/ShortcutsDialog.ts
-var Z = "vc-shortcuts", Q = "vc-shortcuts-title";
+// src/diagram-menu/ShortcutsDialog.ts
+var Q = "vc-shortcuts", Mr = "vc-shortcuts-title";
 function $(e, t, n) {
 	let r = document.createElement(e);
 	return r.className = t, n !== void 0 && (r.textContent = n), r;
 }
-function rr(e, t) {
-	let n = $("section", `${Z}-group`), r = `${Q}-group-${t}`, i = $("h4", `${Z}-group-title`, e.title);
+function Nr(e, t) {
+	let n = $("section", `${Q}-group`), r = `${Mr}-group-${t}`, i = $("h4", `${Q}-group-title`, e.title);
 	i.id = r;
-	let a = $("table", `${Z}-table`);
+	let a = $("table", `${Q}-table`);
 	a.setAttribute("aria-labelledby", r);
 	let o = a.createTBody();
 	for (let t of e.rows) {
-		let e = o.insertRow(), n = $("th", `${Z}-action`, t.action);
+		let e = o.insertRow(), n = $("th", `${Q}-action`, t.action);
 		n.scope = "row";
-		let r = $("td", `${Z}-keys`);
-		for (let e of t.keys) r.append($("kbd", `${Z}-key`, e));
+		let r = $("td", `${Q}-keys`);
+		for (let e of t.keys) r.append($("kbd", `${Q}-key`, e));
 		e.append(n, r);
 	}
 	return n.append(i, a), n;
 }
-function ir(e, t, n) {
-	let r = $("div", `${Z}-panel`), i = $("header", `${Z}-header`), a = $("h3", `${Z}-title`, "Keyboard shortcuts");
-	a.id = Q;
-	let o = $("button", `${Z}-close`);
-	o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = I("x"), o.addEventListener("click", n), i.append(a, o);
-	let s = $("div", `${Z}-body`);
-	return s.append(...nr(e, t).map(rr)), r.append(i, s), r;
+function Pr(e, t, n) {
+	let r = $("div", `${Q}-panel`), i = $("header", `${Q}-header`), a = $("h3", `${Q}-title`, "Keyboard shortcuts");
+	a.id = Mr;
+	let o = $("button", `${Q}-close`);
+	o.type = "button", o.setAttribute("aria-label", e.messages.close), o.innerHTML = R("x"), o.addEventListener("click", n), i.append(a, o);
+	let s = $("div", `${Q}-body`);
+	return s.append(...jr(e, t).map(Nr)), r.append(i, s), r;
 }
-function ar(e, t = {}) {
+function Fr(e, t = {}) {
 	let n;
 	function r() {
-		let n = $("dialog", Z);
-		return n.setAttribute("aria-labelledby", Q), n.append(ir(e, t, () => n.close())), n.addEventListener("click", (e) => {
+		let n = $("dialog", Q);
+		return n.setAttribute("aria-labelledby", Mr), n.append(Pr(e, t, () => n.close())), n.addEventListener("click", (e) => {
 			e.target === n && n.close();
 		}), n.addEventListener("close", () => {
 			e.menu.trigger.hidden || e.menu.trigger.focus({ preventScroll: !0 });
@@ -2183,7 +2409,6 @@ function ar(e, t = {}) {
 		}
 	};
 }
-//#endregion
-export { H as ALIGN_MENU_PROVIDER_ID, Hn as BLANK_DOCUMENT_NAME, A as COLORS, st as COLOR_OPTIONS, V as COLOR_PICKER_PROVIDER_ID, j as FONT, R as ICONS, Y as JSON_EXPORT_LABEL, Bn as Modeler, N as NavigatedViewer, In as READ_ONLY_CHANGED_EVENT, M as ROOT_ID, Vn as VALUE_CHAIN_NOTATION, _n as VcAlignMenuProvider, Xt as VcAppend, Ye as VcBaseViewer, pt as VcBounds, gn as VcColorPickerProvider, Jt as VcConnect, Rt as VcConnectionTypeBehavior, vn as VcContextPadProvider, Mn as VcCopyPasteBehavior, nt as VcDiagramElementFactory, On as VcEditorActions, Ze as VcElementFactory, vt as VcExporter, _t as VcImporter, En as VcKeyboardBindings, bn as VcLabelEditingProvider, jt as VcLayouter, Dt as VcModeling, An as VcOrderingProvider, fn as VcPaletteProvider, Rn as VcReadOnly, dt as VcRenderer, Pn as VcResizeBehavior, Ut as VcRules, Ct as Viewer, xt as blobToBase64, it as chevronPath, O as chevronPathAt, Un as createCollaborativeModeler, Wn as createCollaborativeViewer, ar as createShortcutsDialog, Xn as diagramMenu, nr as diagramShortcuts, k as ellipsePathAt, St as ioModule, w as isOrgUnit, C as isStep, T as isVcConnection, E as isVcElement, S as isVcShape, D as notchDepth, b as saveSVG, yt as svgToPng, wn as vcAlignMenuModule, cn as vcAppendModule, mt as vcBoundsModule, Cn as vcColorPickerModule, Yt as vcConnectModule, yn as vcContextPadModule, Nn as vcCopyPasteModule, ft as vcDrawModule, kn as vcKeyboardModule, Sn as vcLabelEditingModule, rt as vcModelModule, Ht as vcModelingModule, jn as vcOrderingModule, mn as vcPaletteModule, zn as vcReadOnlyModule, Fn as vcResizeModule, qt as vcRulesModule };
+export { W as ALIGN_MENU_PROVIDER_ID, gr as BLANK_DOCUMENT_NAME, D as COLORS, ct as COLOR_OPTIONS, U as COLOR_PICKER_PROVIDER_ID, O as FONT, B as ICONS, X as JSON_EXPORT_LABEL, mr as Modeler, F as NavigatedViewer, ur as READ_ONLY_CHANGED_EVENT, P as ROOT_ID, hr as VALUE_CHAIN_NOTATION, Bn as VcAlignMenuProvider, bn as VcAppend, Ze as VcBaseViewer, It as VcBounds, zn as VcColorPickerProvider, vn as VcConnect, cn as VcConnectionTypeBehavior, Vn as VcContextPadProvider, or as VcCopyPasteBehavior, it as VcDiagramElementFactory, nr as VcEditorActions, $e as VcElementFactory, Vt as VcExporter, Bt as VcImporter, er as VcKeyboardBindings, Un as VcLabelEditingProvider, en as VcLayouter, Xt as VcModeling, ir as VcOrderingProvider, Fn as VcPaletteProvider, fr as VcReadOnly, Ft as VcRenderer, cr as VcResizeBehavior, pn as VcRules, Kt as Viewer, Wt as blobToBase64, wt as chevronPath, j as chevronPathAt, _r as createCollaborativeModeler, vr as createCollaborativeViewer, Fr as createShortcutsDialog, Tr as diagramMenu, jr as diagramShortcuts, M as ellipsePathAt, Gt as ioModule, S as isOrgUnit, x as isStep, C as isVcConnection, w as isVcElement, b as isVcShape, A as notchDepth, Xe as saveSVG, Ht as svgToPng, qn as vcAlignMenuModule, jn as vcAppendModule, Lt as vcBoundsModule, Kn as vcColorPickerModule, yn as vcConnectModule, Hn as vcContextPadModule, sr as vcCopyPasteModule, N as vcDrawModule, rr as vcKeyboardModule, Gn as vcLabelEditingModule, at as vcModelModule, fn as vcModelingModule, ar as vcOrderingModule, Ln as vcPaletteModule, pr as vcReadOnlyModule, lr as vcResizeModule, _n as vcRulesModule };
 
 //# sourceMappingURL=index.js.map