@miragon/value-chain-renderer 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,1432 @@
+import e from "diagram-js/lib/Diagram";
+import { getBBox as t } from "diagram-js/lib/util/Elements";
+import { CURRENT_SCHEMA_VERSION as n, DEFAULT_ORG_UNIT_SIZE as r, DEFAULT_STEP_SIZE as i, MIN_STEP_SIZE as a, validateDocument as o } from "@miragon/value-chain-schema-model";
+import s from "diagram-js/lib/core/ElementFactory";
+import c from "diagram-js/lib/draw/BaseRenderer";
+import l from "diagram-js/lib/util/Text";
+import { createLine as u } from "diagram-js/lib/util/RenderUtil";
+import { append as d, attr as f, create as p } from "tiny-svg";
+import ee from "diagram-js/lib/features/selection";
+import te from "diagram-js/lib/navigation/zoomscroll";
+import ne from "diagram-js/lib/navigation/movecanvas";
+import re from "diagram-js/lib/features/modeling";
+import ie from "diagram-js/lib/features/move";
+import ae from "diagram-js/lib/features/outline";
+import oe from "diagram-js/lib/features/bendpoints";
+import se from "diagram-js/lib/features/auto-scroll";
+import ce from "diagram-js/lib/features/grid-snapping";
+import le from "diagram-js/lib/features/snapping";
+import ue from "diagram-js/lib/features/keyboard-move-selection";
+import de from "diagram-js/lib/navigation/keyboard-move";
+import fe from "diagram-js/lib/layout/CroppingConnectionDocking";
+import pe from "diagram-js/lib/layout/BaseLayouter";
+import { getMid as m } from "diagram-js/lib/layout/LayoutUtil";
+import { connectPoints as me, connectRectangles as he, withoutRedundantPoints as h } from "diagram-js/lib/layout/ManhattanLayout";
+import ge from "diagram-js/lib/command/CommandInterceptor";
+import _e from "diagram-js/lib/features/rules";
+import ve from "diagram-js/lib/features/rules/RuleProvider";
+import ye from "diagram-js/lib/features/connect";
+import be from "diagram-js/lib/features/auto-place";
+import xe from "diagram-js/lib/features/create";
+import Se from "diagram-js/lib/features/connection-preview";
+import Ce from "diagram-js/lib/features/palette";
+import we from "diagram-js/lib/features/hand-tool";
+import Te from "diagram-js/lib/features/lasso-tool";
+import Ee from "diagram-js/lib/features/space-tool";
+import De from "diagram-js/lib/features/global-connect";
+import Oe from "diagram-js/lib/features/context-pad";
+import g from "diagram-js/lib/features/popup-menu";
+import ke from "diagram-js-direct-editing";
+import Ae from "diagram-js/lib/features/align-elements";
+import je from "diagram-js/lib/features/distribute-elements";
+import Me from "diagram-js/lib/features/keyboard";
+import Ne from "diagram-js/lib/features/editor-actions";
+import Pe from "diagram-js/lib/features/keyboard/KeyboardBindings";
+import { hasModifier as Fe, isKey as Ie } from "diagram-js/lib/features/keyboard/KeyboardUtil";
+import Le from "diagram-js/lib/features/ordering/OrderingProvider";
+import Re from "diagram-js/lib/features/copy-paste";
+import ze from "diagram-js/lib/features/resize";
+//#region src/model/di-types.ts
+function _(e) {
+	return typeof e == "object" && !!e;
+}
+function v(e) {
+	return _(e) && (e.vcType === "step" || e.vcType === "orgUnit");
+}
+function y(e) {
+	return _(e) && e.vcType === "step";
+}
+function b(e) {
+	return _(e) && e.vcType === "orgUnit";
+}
+function x(e) {
+	return _(e) && (e.vcType === "sequence" || e.vcType === "hierarchy" || e.vcType === "assignment") && "waypoints" in e;
+}
+function S(e) {
+	return v(e) || x(e);
+}
+//#endregion
+//#region src/io/saveSvg.ts
+var C = 20;
+function w(e, n) {
+	let r = e.getContainer().querySelector("svg");
+	if (!r) throw Error("No SVG found in the canvas container.");
+	let i = n.getAll().filter(S), a = i.length ? t(i) : {
+		x: 0,
+		y: 0,
+		width: 800,
+		height: 600
+	}, o = {
+		x: a.x - C,
+		y: a.y - C,
+		width: a.width + 40,
+		height: a.height + 40
+	}, s = r.cloneNode(!0);
+	s.setAttribute("xmlns", "http://www.w3.org/2000/svg"), s.setAttribute("viewBox", `${o.x} ${o.y} ${o.width} ${o.height}`), s.setAttribute("width", String(o.width)), s.setAttribute("height", String(o.height));
+	let c = s.querySelector(".viewport");
+	return c && c.removeAttribute("transform"), { svg: `<?xml version="1.0" encoding="utf-8"?>\n${new XMLSerializer().serializeToString(s)}` };
+}
+//#endregion
+//#region src/VcBaseViewer.ts
+var T = class {
+	_diagram;
+	_container;
+	_options;
+	constructor(e = {}) {
+		this._options = e, this._container = this._createContainer(e);
+	}
+	get container() {
+		return this._container;
+	}
+	get(e) {
+		return this._ensureDiagram().get(e);
+	}
+	getOptional(e) {
+		return this._ensureDiagram().get(e, !1) ?? null;
+	}
+	on(e, t, n = 1e3) {
+		this.get("eventBus").on(e, n, t);
+	}
+	off(e, t) {
+		this.get("eventBus").off(e, t);
+	}
+	importDocument(e) {
+		let t = this.get("vcImporter");
+		t.clear();
+		let n = t.import(e);
+		return this.getOptional("commandStack")?.clear(), this.fitViewport(), this.get("eventBus").fire("import.done", { warnings: n }), n;
+	}
+	exportDocument() {
+		return this.get("vcExporter").export();
+	}
+	saveSVG() {
+		return w(this.get("canvas"), this.get("elementRegistry"));
+	}
+	fitViewport() {
+		let e = this.get("canvas");
+		this.get("elementRegistry").getAll().some(S) && (e.zoom("fit-viewport"), e.zoom() > 1 && e.zoom(1));
+	}
+	clear() {
+		this.get("vcImporter").clear(), this.getOptional("commandStack")?.clear();
+	}
+	attachTo(e) {
+		this.detach(), e.appendChild(this._container), this.get("canvas").resized();
+	}
+	detach() {
+		this._container.parentNode?.removeChild(this._container);
+	}
+	destroy() {
+		this._diagram?.destroy(), this._diagram = void 0, this.detach();
+	}
+	_createContainer(e) {
+		let t = e.container ?? document.createElement("div");
+		return t.classList.add("vc-container"), t.style.width = E(e.width ?? "100%"), t.style.height = E(e.height ?? (e.container ? "100%" : "600px")), t;
+	}
+	_ensureDiagram() {
+		if (!this._diagram) {
+			let t = [...this._getModules(), ...this._options.additionalModules ?? []];
+			this._diagram = new e({
+				canvas: { container: this._container },
+				modules: t
+			});
+		}
+		return this._diagram;
+	}
+};
+function E(e) {
+	return typeof e == "number" ? `${e}px` : e;
+}
+//#endregion
+//#region src/model/VcElementFactory.ts
+var D = class {
+	elementFactory;
+	static $inject = ["elementFactory"];
+	constructor(e) {
+		this.elementFactory = e;
+	}
+	createElement(e) {
+		return this.elementFactory.createShape({
+			id: e.id,
+			x: e.bounds.x,
+			y: e.bounds.y,
+			width: e.bounds.width,
+			height: e.bounds.height,
+			vcType: e.elementType,
+			vcLabel: e.name,
+			...e.color === void 0 ? {} : { color: e.color },
+			...e.elementType === "step" && e.link !== void 0 ? { link: e.link } : {},
+			businessObject: e
+		});
+	}
+	createConnection(e, t, n) {
+		return this.elementFactory.createConnection({
+			id: e.id,
+			source: t,
+			target: n,
+			waypoints: e.waypoints.map((e) => ({
+				x: e.x,
+				y: e.y
+			})),
+			vcType: e.connectionType,
+			businessObject: e
+		});
+	}
+	createNewStep(e = "") {
+		return this.elementFactory.createShape({
+			width: i.width,
+			height: i.height,
+			vcType: "step",
+			vcLabel: e
+		});
+	}
+	createNewOrgUnit(e = "") {
+		return this.elementFactory.createShape({
+			width: r.width,
+			height: r.height,
+			vcType: "orgUnit",
+			vcLabel: e
+		});
+	}
+}, O = class extends s {
+	elementRegistry;
+	static $inject = ["elementRegistry"];
+	counters = /* @__PURE__ */ new Map();
+	constructor(e) {
+		super(), this.elementRegistry = e;
+	}
+	create(e, t) {
+		let n = t?.id ? t : {
+			...t,
+			id: this.unusedId(e)
+		};
+		switch (e) {
+			case "root": return super.create(e, n);
+			case "shape": return super.create(e, n);
+			case "connection": return super.create(e, n);
+			case "label": return super.create(e, n);
+		}
+	}
+	unusedId(e) {
+		let t = this.counters.get(e) ?? 0, n;
+		do
+			t += 1, n = `${e}_${t}`;
+		while (this.elementRegistry.get(n));
+		return this.counters.set(e, t), n;
+	}
+}, k = {
+	elementFactory: ["type", O],
+	vcElementFactory: ["type", D]
+};
+//#endregion
+//#region src/draw/geometry.ts
+function A(e, t) {
+	return Math.min(t / 2, .4 * e);
+}
+function j(e, t) {
+	return N(0, 0, e, t);
+}
+function M(e, t) {
+	let n = A(e, t);
+	return Math.max(7, n - 5);
+}
+function N(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 P(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/draw/styles.ts
+var F = {
+	ink: "hsl(225, 10%, 15%)",
+	fill: "white"
+}, I = {
+	family: "Arial, sans-serif",
+	size: 12,
+	lineHeight: 1.2
+}, L = [
+	{ label: "Default" },
+	{
+		label: "Blue",
+		color: "hsl(205, 100%, 45%)"
+	},
+	{
+		label: "Green",
+		color: "hsl(150, 86%, 34%)"
+	},
+	{
+		label: "Orange",
+		color: "hsl(29, 89%, 44%)"
+	},
+	{
+		label: "Red",
+		color: "hsl(360, 100%, 45%)"
+	},
+	{
+		label: "Purple",
+		color: "hsl(287, 65%, 44%)"
+	}
+], Be = 1500, Ve = "M 1 5 L 11 10 L 1 15 Z", He = 0, R = class extends c {
+	static $inject = ["eventBus"];
+	textUtil = new l({ style: {
+		fontFamily: I.family,
+		fontSize: I.size,
+		fontWeight: "normal",
+		lineHeight: I.lineHeight
+	} });
+	markerSuffix = `${He += 1}`;
+	constructor(e) {
+		super(e, Be);
+	}
+	canRender(e) {
+		return v(e) || x(e);
+	}
+	drawShape(e, t) {
+		let n = t, r = n.color ?? F.ink, i = b(n), a = p("path");
+		if (f(a, {
+			d: i ? P(0, 0, n.width, n.height) : j(n.width, n.height),
+			fill: F.fill,
+			stroke: r,
+			"stroke-width": 2,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}), d(e, a), n.vcLabel) {
+			let t = i ? 12 : M(n.width, n.height), a = this.textUtil.createText(n.vcLabel, {
+				box: {
+					width: n.width,
+					height: n.height
+				},
+				align: "center-middle",
+				padding: {
+					top: 7,
+					bottom: 7,
+					left: t,
+					right: t
+				},
+				style: { fill: r }
+			});
+			d(e, a);
+		}
+		return a;
+	}
+	drawConnection(e, t) {
+		let n = t, r = F.ink, i = {
+			stroke: r,
+			"stroke-width": 2,
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			fill: "none"
+		};
+		if (n.vcType === "sequence" && (i["stroke-dasharray"] = "8, 5"), n.vcType !== "assignment") {
+			let t = e.ownerSVGElement;
+			t && (i["marker-end"] = this.arrowMarker(t, r));
+		}
+		let a = u(n.waypoints, i);
+		return d(e, a), a;
+	}
+	getShapePath(e) {
+		return b(e) ? P(e.x, e.y, e.width, e.height) : N(e.x, e.y, e.width, e.height);
+	}
+	getConnectionPath(e) {
+		let [t, ...n] = e.waypoints;
+		return t ? `M${t.x},${t.y}${n.map((e) => `L${e.x},${e.y}`).join("")}` : "";
+	}
+	arrowMarker(e, t) {
+		let n = `vc-arrow-${this.markerSuffix}-${t.replace(/[^a-zA-Z0-9]/g, "")}`;
+		if (!e.querySelector(`marker[id="${n}"]`)) {
+			let r = e.querySelector("defs");
+			r || (r = p("defs"), d(e, r));
+			let i = p("marker");
+			f(i, {
+				id: n,
+				viewBox: "0 0 20 20",
+				refX: 11,
+				refY: 10,
+				markerWidth: 10,
+				markerHeight: 10,
+				orient: "auto"
+			});
+			let a = p("path");
+			f(a, {
+				d: Ve,
+				fill: t,
+				stroke: t,
+				"stroke-width": 1,
+				"stroke-linejoin": "round"
+			}), d(i, a), d(r, i);
+		}
+		return `url(#${n})`;
+	}
+}, z = {
+	__init__: ["vcRenderer"],
+	vcRenderer: ["type", R]
+}, B = "vc-root", V = class {
+	canvas;
+	elementFactory;
+	vcElementFactory;
+	elementRegistry;
+	eventBus;
+	static $inject = [
+		"canvas",
+		"elementFactory",
+		"vcElementFactory",
+		"elementRegistry",
+		"eventBus"
+	];
+	constructor(e, t, n, r, i) {
+		this.canvas = e, this.elementFactory = t, this.vcElementFactory = n, this.elementRegistry = r, this.eventBus = i;
+	}
+	import(e) {
+		let t = [];
+		this.eventBus.fire("import.render.start", { document: e });
+		let n = this.ensureRoot();
+		n.businessObject = { name: e.meta.name };
+		let r = /* @__PURE__ */ new Map();
+		for (let i of e.elements) {
+			if (i.id === "vc-root") {
+				t.push({ message: `Skipped element "${i.id}": reserved id.` });
+				continue;
+			}
+			let e = this.vcElementFactory.createElement(i);
+			this.canvas.addShape(e, n), r.set(i.id, e);
+		}
+		let i = 0;
+		for (let a of e.connections) {
+			let e = r.get(a.source), o = r.get(a.target);
+			if (!e || !o) {
+				t.push({
+					message: `Skipped connection "${a.id}": unresolved endpoint.`,
+					connectionId: a.id
+				});
+				continue;
+			}
+			let s = this.vcElementFactory.createConnection(a, e, o);
+			this.canvas.addConnection(s, n, i), i += 1;
+		}
+		return this.eventBus.fire("import.render.done", {
+			document: e,
+			warnings: t
+		}), t;
+	}
+	clear() {
+		let e = this.elementRegistry.getAll();
+		for (let t of e) if (t.id === "vc-root") t.businessObject = void 0;
+		else try {
+			x(t) ? this.canvas.removeConnection(t) : v(t) && this.canvas.removeShape(t);
+		} catch {}
+	}
+	ensureRoot() {
+		let e = this.canvas.getRootElement();
+		if (e.id === "vc-root") return e;
+		let t = this.elementFactory.createRoot({ id: B });
+		return this.canvas.setRootElement(t), t;
+	}
+}, H = class {
+	elementRegistry;
+	canvas;
+	static $inject = ["elementRegistry", "canvas"];
+	constructor(e, t) {
+		this.elementRegistry = e, this.canvas = t;
+	}
+	export() {
+		let e = [], t = [];
+		for (let n of this.elementRegistry.getAll()) if (n.id !== "vc-root") {
+			if (x(n)) {
+				if (!n.source || !n.target) continue;
+				t.push({
+					id: n.id,
+					connectionType: n.vcType,
+					source: n.source.id,
+					target: n.target.id,
+					waypoints: n.waypoints.map((e) => ({
+						x: e.x,
+						y: e.y
+					}))
+				});
+			} else if (v(n)) {
+				let t = {
+					x: n.x,
+					y: n.y,
+					width: n.width,
+					height: n.height
+				}, r = n.color === void 0 ? {} : { color: n.color };
+				if (n.vcType === "orgUnit") e.push({
+					id: n.id,
+					elementType: "orgUnit",
+					name: n.vcLabel,
+					bounds: t,
+					...r
+				});
+				else {
+					let i = n.businessObject, a = n.link ?? (i?.elementType === "step" ? i.link : void 0);
+					e.push({
+						id: n.id,
+						elementType: "step",
+						name: n.vcLabel,
+						bounds: t,
+						...r,
+						...a === void 0 ? {} : { link: a }
+					});
+				}
+			}
+		}
+		let r = this.canvas.getRootElement().businessObject;
+		return o({
+			schemaVersion: n,
+			meta: { name: r?.name ?? "Untitled value chain" },
+			elements: e,
+			connections: t
+		});
+	}
+}, U = {
+	vcImporter: ["type", V],
+	vcExporter: ["type", H]
+}, W = class extends T {
+	_getModules() {
+		return [
+			k,
+			z,
+			U
+		];
+	}
+}, Ue = class extends W {
+	_getModules() {
+		return [
+			...super._getModules(),
+			ee,
+			te,
+			ne
+		];
+	}
+}, We = class {
+	execute(e) {
+		let { element: t, properties: n } = e, r = t, i = {};
+		for (let e of Object.keys(n)) i[e] = r[e], Ge(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)) Ge(r, e, n[e]);
+		return [t];
+	}
+};
+function Ge(e, t, n) {
+	n === void 0 ? delete e[t] : e[t] = n;
+}
+//#endregion
+//#region src/modeling/VcModeling.ts
+var Ke = "element.updateProperties", qe = class {
+	commandStack;
+	static $inject = ["commandStack"];
+	constructor(e) {
+		this.commandStack = e, e.registerHandler(Ke, We);
+	}
+	updateProperties(e, t) {
+		this.commandStack.execute(Ke, {
+			element: e,
+			properties: t
+		});
+	}
+	updateLabel(e, t) {
+		t !== e.vcLabel && this.updateProperties(e, { vcLabel: t });
+	}
+	setColor(e, t) {
+		t !== e.color && this.updateProperties(e, { color: t });
+	}
+	setConnectionType(e, t) {
+		t !== e.vcType && this.updateProperties(e, { vcType: t });
+	}
+}, Je = 25, Ye = 10, Xe = 10, Ze = class extends pe {
+	connectionDocking;
+	static $inject = ["connectionDocking"];
+	constructor(e) {
+		super(), this.connectionDocking = e;
+	}
+	layoutConnection(e, t = {}) {
+		let n = t.source ?? e.source, r = t.target ?? e.target;
+		if (!n || !r) return e.waypoints?.map((e) => ({
+			x: e.x,
+			y: e.y
+		})) ?? [];
+		let i = nt(e) ? this.hierarchyWaypoints(n, r, t) : this.sequenceWaypoints(e, n, r, t), a = {
+			...e,
+			source: n,
+			target: r,
+			waypoints: i
+		}, o = i;
+		try {
+			o = this.connectionDocking.getCroppedWaypoints(a, n, r);
+		} catch {}
+		if (!rt(o)) {
+			let e = [m(n), m(r)];
+			return rt(e) ? e : [];
+		}
+		return o;
+	}
+	sequenceWaypoints(e, t, n, r) {
+		let i = (r.waypoints ?? e.waypoints ?? []).slice(1, -1).map((e) => ({
+			x: e.x,
+			y: e.y
+		}));
+		return [
+			m(t),
+			...i,
+			m(n)
+		];
+	}
+	hierarchyWaypoints(e, t, n) {
+		let r = m(e), i = m(t);
+		if (t.y >= e.y + e.height) {
+			let n = $e(e), a = n.length ? n : [t];
+			if (et(a, e)) return h(me(r, i, "v:v"));
+			let o = e.y + e.height, s = Math.min(...a.map((e) => e.y)), c = Math.max(o + Ye, (o + s) / 2), l = Math.min(...a.map((e) => e.x)), u = r.x <= l - 10 ? r.x : l - Je;
+			return h([
+				r,
+				{
+					x: r.x,
+					y: c
+				},
+				{
+					x: u,
+					y: c
+				},
+				{
+					x: u,
+					y: i.y
+				},
+				i
+			]);
+		}
+		return h(he(e, t, r, i, { preferredLayouts: ["v:v"] }));
+	}
+};
+function Qe(e) {
+	return {
+		min: e.x + Xe,
+		max: e.x + e.width - A(e.width, e.height) - Xe
+	};
+}
+function $e(e) {
+	return (e.outgoing ?? []).filter((e) => nt(e)).map((e) => e.target).filter((e) => !!e);
+}
+function et(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) <= tt;
+	}
+	let n = e[0], r = n.x + n.width / 2, i = Qe(t);
+	return r >= i.min && r <= i.max;
+}
+var tt = 10;
+function nt(e) {
+	return e.vcType === "hierarchy";
+}
+function rt(e) {
+	return e.every((e) => Number.isFinite(e.x) && Number.isFinite(e.y));
+}
+//#endregion
+//#region src/modeling/VcConnectionTypeBehavior.ts
+var it = class extends ge {
+	static $inject = ["eventBus", "modeling"];
+	constructor(e, t) {
+		super(e), this.postExecute(["element.updateProperties"], (e) => {
+			let { element: n, properties: r } = e;
+			r && "vcType" in r && x(n) && t.layoutConnection(n);
+		}, !0);
+	}
+}, at = class extends ge {
+	modeling;
+	layouter;
+	static $inject = [
+		"eventBus",
+		"modeling",
+		"layouter"
+	];
+	constructor(e, t, n) {
+		super(e), this.modeling = t, this.layouter = n, this.postExecuted([
+			"shape.move",
+			"elements.move",
+			"shape.resize",
+			"connection.create",
+			"connection.delete"
+		], (e) => this.relayoutAffected(e), !0);
+	}
+	relayoutAffected(e) {
+		let t = [
+			e.shape,
+			...e.shapes ?? [],
+			...e.elements ?? []
+		].filter(v), n = e.connection, r = /* @__PURE__ */ new Set();
+		x(n) && n.vcType === "hierarchy" && n.source && r.add(n.source);
+		for (let e of t) {
+			ot(e).length && r.add(e);
+			for (let t of e.incoming ?? []) x(t) && t.vcType === "hierarchy" && t.source && r.add(t.source);
+		}
+		for (let e of r) for (let t of ot(e)) st(this.layouter.layoutConnection(t), t.waypoints ?? []) || this.modeling.layoutConnection(t);
+	}
+};
+function ot(e) {
+	return (e.outgoing ?? []).filter((e) => x(e) && e.vcType === "hierarchy");
+}
+function st(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 ct = {
+	__init__: [
+		"vcModeling",
+		"vcConnectionTypeBehavior",
+		"vcHierarchyRelayoutBehavior"
+	],
+	vcModeling: ["type", qe],
+	vcConnectionTypeBehavior: ["type", it],
+	vcHierarchyRelayoutBehavior: ["type", at],
+	layouter: ["type", Ze],
+	connectionDocking: ["type", fe]
+}, lt = class extends ve {
+	vcConnect;
+	static $inject = ["eventBus", "vcConnect"];
+	constructor(e, t) {
+		super(e), this.vcConnect = t;
+	}
+	init() {
+		this.addRule("connection.start", (e) => v(e.source)), this.addRule("connection.create", (e) => {
+			let { source: t, target: n } = e, r = this.resolveType(t, n);
+			return !r || ft(t, n, r) ? !1 : { vcType: r };
+		}), this.addRule("connection.reconnect", (e) => {
+			let { source: t, target: n, connection: r } = e;
+			return !x(r) || !v(t) || !v(n) || t === n || !dt(r.vcType, t, n) ? !1 : !ft(t, n, r.vcType, r);
+		}), this.addRule("connection.updateWaypoints", (e) => x(e.connection)), this.addRule("shape.create", (e) => ut(e.target)), this.addRule("elements.create", (e) => ut(e.target)), this.addRule(["shape.move", "elements.move"], () => !0), this.addRule("shape.resize", (e) => v(e.shape)), this.addRule(["elements.align", "elements.distribute"], (e) => (e.elements ?? []).filter(v));
+	}
+	resolveType(e, t) {
+		if (!v(e) || !v(t) || e === t) return null;
+		if (y(e) && y(t)) {
+			let e = this.vcConnect.pendingType;
+			return e === "assignment" ? null : e;
+		}
+		return y(e) && b(t) || b(e) && y(t) ? "assignment" : null;
+	}
+};
+function ut(e) {
+	return !!e && !v(e) && !x(e) && !e.parent;
+}
+function dt(e, t, n) {
+	return e === "assignment" ? y(t) && b(n) || b(t) && y(n) : y(t) && y(n);
+}
+function ft(e, t, n, r) {
+	return [...e.outgoing ?? [], ...n === "assignment" ? e.incoming ?? [] : []].some((e) => e !== r && x(e) && e.vcType === n && (e.target === t || e.source === t));
+}
+//#endregion
+//#region src/rules/index.ts
+var pt = {
+	__depends__: [_e],
+	__init__: ["vcRules"],
+	vcRules: ["type", lt]
+}, mt = class {
+	connect;
+	static $inject = ["connect", "eventBus"];
+	pendingType = "sequence";
+	constructor(e, t) {
+		this.connect = e, t.on([
+			"connect.cleanup",
+			"create.cleanup",
+			"global-connect.cleanup"
+		], () => {
+			this.pendingType = "sequence";
+		});
+	}
+	start(e, t, n) {
+		this.pendingType = n, this.connect.start(e, t);
+	}
+}, ht = {
+	__depends__: [ye],
+	__init__: ["vcConnect"],
+	vcConnect: ["type", mt]
+}, gt = class {
+	autoPlace;
+	create;
+	factory;
+	vcConnect;
+	static $inject = [
+		"autoPlace",
+		"create",
+		"vcElementFactory",
+		"vcConnect"
+	];
+	constructor(e, t, n, r) {
+		this.autoPlace = e, this.create = t, this.factory = n, this.vcConnect = r;
+	}
+	append(e, t) {
+		this.vcConnect.pendingType = t;
+		let n = this.autoPlace.append(e, this.createShape(t), { connection: { vcType: t } });
+		return this.vcConnect.pendingType = "sequence", n;
+	}
+	startAppendDrag(e, t, n) {
+		this.vcConnect.pendingType = n, this.create.start(e, this.createShape(n), { source: t });
+	}
+	createShape(e) {
+		return e === "assignment" ? this.factory.createNewOrgUnit() : this.factory.createNewStep();
+	}
+}, _t = 200, vt = 45, yt = 45, bt = 30, xt = 20, St = 30, Ct = 10, wt = class {
+	static $inject = [
+		"eventBus",
+		"vcConnect",
+		"elementRegistry"
+	];
+	constructor(e, t, n) {
+		e.on("autoPlace", _t, (e) => {
+			let { source: n, shape: r } = e;
+			if (!v(n)) return;
+			let i = this.desiredPosition(t.pendingType, n, r);
+			return this.deconflict(i, r);
+		}), this.elementRegistry = n;
+	}
+	elementRegistry;
+	desiredPosition(e, t, n) {
+		return e === "hierarchy" ? this.hierarchyPosition(t, n) : e === "assignment" ? this.assignmentPosition(t, n) : this.sequencePosition(t, n);
+	}
+	sequencePosition(e, t) {
+		return {
+			x: e.x + e.width + vt + t.width / 2,
+			y: e.y + e.height / 2
+		};
+	}
+	assignmentPosition(e, t) {
+		return {
+			x: e.x + e.width / 2,
+			y: e.y + e.height + yt + t.height / 2
+		};
+	}
+	hierarchyPosition(e, t) {
+		let n = $e(e);
+		if (!n.length) return {
+			x: e.x + e.width / 2 + 10 + t.width / 2,
+			y: e.y + e.height + yt + t.height / 2
+		};
+		if (et(n, e)) {
+			let e = Tt(n);
+			return {
+				x: e.x + e.width + xt + t.width / 2,
+				y: e.y + t.height / 2
+			};
+		}
+		let r = Et(n);
+		return {
+			x: r.x + t.width / 2,
+			y: r.y + r.height + bt + t.height / 2
+		};
+	}
+	deconflict(e, t) {
+		let n = this.elementRegistry.getAll().filter(v), r = { ...e };
+		for (let e = 0; e < 50; e += 1) {
+			let e = {
+				x: r.x - t.width / 2 - Ct,
+				y: r.y - t.height / 2 - Ct,
+				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 += St;
+		}
+		return r;
+	}
+};
+function Tt(e) {
+	return e.reduce((e, t) => !e || t.x + t.width > e.x + e.width ? t : e, void 0);
+}
+function Et(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 Dt = {
+	__depends__: [
+		be,
+		xe,
+		Se
+	],
+	__init__: ["vcAutoPlaceBehavior", "vcCreatePreviewBehavior"],
+	vcAppend: ["type", gt],
+	vcAutoPlaceBehavior: ["type", wt],
+	vcCreatePreviewBehavior: ["type", class {
+		static $inject = ["injector", "eventBus"];
+		constructor(e, t) {
+			let n = e.get("connectionPreview", !1);
+			n && (t.on("create.move", (e) => {
+				let { context: t } = e, r = t.source;
+				if (!r) return;
+				let i = typeof t.canExecute == "object" && t.canExecute?.connect;
+				n.drawPreview(t, i ?? !1, {
+					source: r,
+					connectionStart: m(r),
+					connectionEnd: {
+						x: e.x,
+						y: e.y
+					},
+					noCropping: !0
+				});
+			}), t.on([
+				"create.end",
+				"create.cancel",
+				"create.cleanup"
+			], (e) => {
+				n.cleanUp(e.context);
+			}));
+		}
+	}]
+};
+//#endregion
+//#region src/draw/icons.ts
+function G(e, t = "0 0 24 24") {
+	return `<svg viewBox="${t}" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`;
+}
+var K = {
+	handTool: G("<path d=\"M18 11V7.5a1.5 1.5 0 0 0-3 0\"/><path d=\"M15 10.5V6a1.5 1.5 0 0 0-3 0v4\"/><path d=\"M12 10V7a1.5 1.5 0 0 0-3 0v6\"/><path d=\"M18 10a1.5 1.5 0 0 1 3 0v4.5a6.5 6.5 0 0 1-6.5 6.5h-1.6c-2.1 0-3.4-.7-4.5-1.8l-3-3a1.5 1.5 0 0 1 2.1-2.1L9 15.5\"/>"),
+	lassoTool: G("<rect x=\"3.5\" y=\"5.5\" width=\"14\" height=\"11\" rx=\"1\" stroke-dasharray=\"3.2 2.4\"/><path d=\"M17.5 16.5 l3.5 3.5 M21 17.5 v2.5 h-2.5\"/>"),
+	spaceTool: G("<path d=\"M12 3.5 v17\" stroke-dasharray=\"3.2 2.4\"/><path d=\"M15 12 h5.5 m-2.5 -2.5 2.5 2.5 -2.5 2.5\"/><path d=\"M9 12 H3.5 m2.5 -2.5 L3.5 12 l2.5 2.5\"/>"),
+	globalConnect: G("<rect x=\"3\" y=\"3.5\" width=\"6\" height=\"5\" rx=\"0.5\"/><rect x=\"15\" y=\"15.5\" width=\"6\" height=\"5\" rx=\"0.5\"/><path d=\"M9.5 9.5 L14.5 14.5 m-4.2 -1 4.2 1 -1 -4.2\" stroke-dasharray=\"2.6 2\"/>"),
+	createStep: G("<path d=\"M3 7 h12 l6 5 -6 5 H3 l4.5 -5 Z\"/>"),
+	appendStep: G("<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: G("<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: G("<path d=\"M4 19 L17.5 5.5\" stroke-dasharray=\"3 2.6\"/><path d=\"M13 5 h5.5 v5.5\" />"),
+	connectHierarchy: G("<path d=\"M6 4 v14 h11.5 m-3.5 -3.5 3.5 3.5 -3.5 3.5\"/>"),
+	createOrgUnit: G("<ellipse cx=\"12\" cy=\"12\" rx=\"9.5\" ry=\"6.5\"/>"),
+	appendOrgUnit: G("<path d=\"M12 3.5 v5\"/><ellipse cx=\"12\" cy=\"15\" rx=\"8.5\" ry=\"5.5\"/>"),
+	toggleType: G("<path d=\"M4.5 9 h13 m-3.2 -3.2 3.2 3.2 -3.2 3.2\"/><path d=\"M19.5 15.5 h-13 m3.2 3.2 -3.2 -3.2 3.2 -3.2\" stroke-dasharray=\"2.8 2.2\"/>"),
+	align: G("<path d=\"M4 3.5 v17\"/><rect x=\"7\" y=\"6\" width=\"12\" height=\"4\" rx=\"0.5\"/><rect x=\"7\" y=\"13.5\" width=\"7.5\" height=\"4\" rx=\"0.5\"/>"),
+	color: G("<path d=\"M12 3.5 c3 4 6 7 6 10.5 a6 6 0 1 1 -12 0 c0 -3.5 3 -6.5 6 -10.5 Z\"/>"),
+	trash: G("<path d=\"M4.5 6.5 h15 M9.5 6 V4.5 h5 V6 M6.5 6.5 l1 13 h9 l1 -13 M10 10 v6 M14 10 v6\"/>")
+};
+function q(e, t, n = !1) {
+	return `<div class="entry vc-palette-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${e}</div>`;
+}
+function J(e, t, n = !1) {
+	return `<div class="entry vc-cp-entry"${n ? " draggable=\"true\"" : ""} title="${t}">${e}</div>`;
+}
+//#endregion
+//#region src/palette/VcPaletteProvider.ts
+var Ot = class {
+	create;
+	factory;
+	handTool;
+	lassoTool;
+	spaceTool;
+	globalConnect;
+	static $inject = [
+		"palette",
+		"create",
+		"vcElementFactory",
+		"handTool",
+		"lassoTool",
+		"spaceTool",
+		"globalConnect"
+	];
+	constructor(e, t, n, r, i, a, o) {
+		this.create = t, this.factory = n, this.handTool = r, this.lassoTool = i, this.spaceTool = a, this.globalConnect = o, e.registerProvider(this);
+	}
+	getPaletteEntries() {
+		let e = (e) => {
+			this.create.start(e, this.factory.createNewStep());
+		}, t = (e) => {
+			this.create.start(e, this.factory.createNewOrgUnit());
+		};
+		return {
+			"hand-tool": {
+				group: "tools",
+				title: "Activate hand tool — H",
+				html: q(K.handTool, "Activate hand tool"),
+				action: { click: (e) => this.handTool.activateHand(e, !1, !1) }
+			},
+			"lasso-tool": {
+				group: "tools",
+				title: "Activate lasso tool — L",
+				html: q(K.lassoTool, "Activate lasso tool"),
+				action: { click: (e) => this.lassoTool.activateSelection(e, !1) }
+			},
+			"space-tool": {
+				group: "tools",
+				title: "Activate create/remove space tool — S",
+				html: q(K.spaceTool, "Activate create/remove space tool"),
+				action: { click: (e) => this.spaceTool.activateSelection(e, !1, !1) }
+			},
+			"global-connect-tool": {
+				group: "tools",
+				title: "Activate connect tool — C",
+				html: q(K.globalConnect, "Activate connect tool"),
+				action: { click: (e) => this.globalConnect.start(e, !1) }
+			},
+			"tool-separator": {
+				group: "tools",
+				separator: !0
+			},
+			"create.step": {
+				group: "value-chain",
+				title: "Create step",
+				html: q(K.createStep, "Create step", !0),
+				action: {
+					click: e,
+					dragstart: e
+				}
+			},
+			"create.org-unit": {
+				group: "value-chain",
+				title: "Create organizational unit",
+				html: q(K.createOrgUnit, "Create organizational unit", !0),
+				action: {
+					click: t,
+					dragstart: t
+				}
+			}
+		};
+	}
+}, kt = {
+	__depends__: [
+		Ce,
+		xe,
+		we,
+		Te,
+		Ee,
+		De
+	],
+	__init__: ["vcPaletteProvider"],
+	vcPaletteProvider: ["type", Ot]
+}, Y = "vc-color-picker";
+function At(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="white" stroke="${e}" stroke-width="2"/></svg>`;
+}
+var jt = class {
+	vcModeling;
+	static $inject = ["popupMenu", "vcModeling"];
+	constructor(e, t) {
+		this.vcModeling = t, e.registerProvider(Y, this);
+	}
+	getPopupMenuEntries(e) {
+		let t = Array.isArray(e) ? e[0] : e;
+		if (!v(t)) return {};
+		let n = {};
+		for (let e of L) n[`color-${e.label.toLowerCase()}`] = {
+			label: e.label,
+			imageHtml: At(e.color ?? F.ink),
+			action: () => this.vcModeling.setColor(t, e.color)
+		};
+		return n;
+	}
+}, X = "vc-align-elements";
+function Z(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 Q = {
+	left: Z("<path d=\"M3 2v12\"/><rect x=\"5\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	center: Z("<path d=\"M8 2v12\"/><rect x=\"4\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"5.5\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	right: Z("<path d=\"M13 2v12\"/><rect x=\"3\" y=\"4\" width=\"8\" height=\"3\"/><rect x=\"6\" y=\"9\" width=\"5\" height=\"3\"/>"),
+	top: Z("<path d=\"M2 3h12\"/><rect x=\"4\" y=\"5\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5\" width=\"3\" height=\"5\"/>"),
+	middle: Z("<path d=\"M2 8h12\"/><rect x=\"4\" y=\"4\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"5.5\" width=\"3\" height=\"5\"/>"),
+	bottom: Z("<path d=\"M2 13h12\"/><rect x=\"4\" y=\"3\" width=\"3\" height=\"8\"/><rect x=\"9\" y=\"6\" width=\"3\" height=\"5\"/>"),
+	horizontal: Z("<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: Z("<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\"/>")
+}, Mt = class {
+	alignElements;
+	distributeElements;
+	static $inject = [
+		"popupMenu",
+		"alignElements",
+		"distributeElements"
+	];
+	constructor(e, t, n) {
+		this.alignElements = t, this.distributeElements = n, e.registerProvider(X, this);
+	}
+	getPopupMenuEntries(e) {
+		let t = (Array.isArray(e) ? e : [e]).filter(v);
+		if (t.length < 2) return {};
+		let n = (e, n, r) => ({
+			label: n,
+			group: "align",
+			imageHtml: r,
+			action: () => this.alignElements.trigger(t, e)
+		}), r = {
+			"align-left": n("left", "Align left", Q.left),
+			"align-center": n("center", "Align center", Q.center),
+			"align-right": n("right", "Align right", Q.right),
+			"align-top": n("top", "Align top", Q.top),
+			"align-middle": n("middle", "Align middle", Q.middle),
+			"align-bottom": n("bottom", "Align bottom", Q.bottom)
+		};
+		return t.length >= 3 && (r["distribute-horizontally"] = {
+			label: "Distribute horizontally",
+			group: "distribute",
+			imageHtml: Q.horizontal,
+			action: () => this.distributeElements.trigger(t, "horizontal")
+		}, r["distribute-vertically"] = {
+			label: "Distribute vertically",
+			group: "distribute",
+			imageHtml: Q.vertical,
+			action: () => this.distributeElements.trigger(t, "vertical")
+		}), r;
+	}
+}, Nt = class {
+	modeling;
+	popupMenu;
+	vcAppend;
+	vcConnect;
+	vcModeling;
+	static $inject = [
+		"contextPad",
+		"modeling",
+		"popupMenu",
+		"vcAppend",
+		"vcConnect",
+		"vcModeling"
+	];
+	constructor(e, t, n, r, i, a) {
+		this.modeling = t, this.popupMenu = n, this.vcAppend = r, this.vcConnect = i, this.vcModeling = a, e.registerProvider(this);
+	}
+	getContextPadEntries(e) {
+		let t = {};
+		if (y(e) && this.addStepEntries(t, e), b(e)) {
+			let n = (t) => {
+				this.vcConnect.start(t, e, "assignment");
+			};
+			t["connect.assignment"] = {
+				group: "connect",
+				title: "Connect to step",
+				html: J(K.connectHierarchy, "Connect to step", !0),
+				action: {
+					click: n,
+					dragstart: n
+				}
+			};
+		}
+		if (v(e) && (t["set-color"] = {
+			group: "edit",
+			title: "Set color",
+			html: J(K.color, "Set color"),
+			action: { click: (t) => {
+				let n = t;
+				this.popupMenu.open(e, Y, {
+					x: n.clientX,
+					y: n.clientY
+				});
+			} }
+		}), x(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: J(K.toggleType, "Switch relation type"),
+				action: { click: () => this.vcModeling.setConnectionType(n, r) }
+			};
+		}
+		return (v(e) || x(e)) && (t.delete = {
+			group: "edit",
+			title: "Delete",
+			html: J(K.trash, "Delete"),
+			action: { click: () => this.modeling.removeElements([e]) }
+		}), t;
+	}
+	getMultiElementContextPadEntries(e) {
+		let t = {};
+		return e.filter(v).length >= 2 && (t.align = {
+			group: "edit",
+			title: "Align / distribute",
+			html: J(K.align, "Align / distribute"),
+			action: { click: (t) => {
+				let n = t;
+				this.popupMenu.open(e, X, {
+					x: n.clientX,
+					y: n.clientY
+				});
+			} }
+		}), t.delete = {
+			group: "edit",
+			title: "Delete",
+			html: J(K.trash, "Delete"),
+			action: { click: () => this.modeling.removeElements([...e]) }
+		}, t;
+	}
+	addStepEntries(e, t) {
+		let n = (e) => () => {
+			this.vcAppend.append(t, e);
+		}, r = (e) => (n) => {
+			this.vcAppend.startAppendDrag(n, t, e);
+		}, i = (e) => (n) => {
+			this.vcConnect.start(n, t, e);
+		};
+		e["append.step"] = {
+			group: "model",
+			title: "Append step (is predecessor of)",
+			html: J(K.appendStep, "Append step (is predecessor of)", !0),
+			action: {
+				click: n("sequence"),
+				dragstart: r("sequence")
+			}
+		}, e["append.sub-step"] = {
+			group: "model",
+			title: "Append sub-step (is process-oriented superior)",
+			html: J(K.appendSubStep, "Append sub-step (is process-oriented superior)", !0),
+			action: {
+				click: n("hierarchy"),
+				dragstart: r("hierarchy")
+			}
+		}, e["append.org-unit"] = {
+			group: "model",
+			title: "Append organizational unit",
+			html: J(K.appendOrgUnit, "Append organizational unit", !0),
+			action: {
+				click: n("assignment"),
+				dragstart: r("assignment")
+			}
+		}, e["connect.sequence"] = {
+			group: "connect",
+			title: "Connect (is predecessor of)",
+			html: J(K.connectSequence, "Connect (is predecessor of)", !0),
+			action: {
+				click: i("sequence"),
+				dragstart: i("sequence")
+			}
+		}, e["connect.hierarchy"] = {
+			group: "connect",
+			title: "Connect (is process-oriented superior)",
+			html: J(K.connectHierarchy, "Connect (is process-oriented superior)", !0),
+			action: {
+				click: i("hierarchy"),
+				dragstart: i("hierarchy")
+			}
+		};
+	}
+}, Pt = {
+	__depends__: [Oe, g],
+	__init__: ["vcContextPadProvider"],
+	vcContextPadProvider: ["type", Nt]
+}, Ft = class {
+	directEditing;
+	canvas;
+	vcModeling;
+	static $inject = [
+		"directEditing",
+		"canvas",
+		"eventBus",
+		"vcModeling"
+	];
+	constructor(e, t, n, r) {
+		this.directEditing = e, this.canvas = t, this.vcModeling = r, e.registerProvider(this), n.on("element.dblclick", (t) => {
+			t.element && v(t.element) && e.activate(t.element);
+		}), n.on("autoPlace.end", 500, (t) => {
+			t.shape && v(t.shape) && e.activate(t.shape);
+		}), n.on("create.end", 500, (t) => {
+			let { source: n, shape: r, canExecute: i } = t.context;
+			n && i && r && v(r) && e.activate(r);
+		}), n.on([
+			"element.mousedown",
+			"drag.init",
+			"canvas.viewbox.changing",
+			"autoPlace.start",
+			"popupMenu.open"
+		], () => {
+			e.isActive() && e.complete();
+		}), n.on(["commandStack.changed", "diagram.destroy"], () => {
+			e.isActive() && e.cancel();
+		});
+	}
+	activate(e) {
+		if (!v(e)) return;
+		let t = e, n = this.canvas.getAbsoluteBBox(t), r = this.canvas.zoom(), i = (b(t) ? 12 : M(t.width, t.height)) * r;
+		return {
+			bounds: {
+				x: n.x + i,
+				y: n.y,
+				width: n.width - i * 2,
+				height: n.height
+			},
+			style: {
+				fontFamily: I.family,
+				fontSize: `${I.size * r}px`,
+				fontWeight: "normal",
+				lineHeight: String(I.lineHeight),
+				textAlign: "center"
+			},
+			options: { centerVertically: !0 },
+			text: t.vcLabel || ""
+		};
+	}
+	update(e, t) {
+		this.vcModeling.updateLabel(e, It(t));
+	}
+};
+function It(e) {
+	return e.replace(/\r\n?/g, "\n").trim();
+}
+//#endregion
+//#region src/label-editing/index.ts
+var Lt = {
+	__depends__: [ke],
+	__init__: ["vcLabelEditingProvider"],
+	vcLabelEditingProvider: ["type", Ft]
+}, Rt = {
+	__depends__: [g],
+	__init__: ["vcColorPickerProvider"],
+	vcColorPickerProvider: ["type", jt]
+}, zt = {
+	__depends__: [
+		g,
+		Ae,
+		je
+	],
+	__init__: ["vcAlignMenuProvider"],
+	vcAlignMenuProvider: ["type", Mt]
+}, $ = class extends Pe {
+	registerBindings(e, t) {
+		super.registerBindings(e, t);
+		let n = (n, r) => {
+			t.isRegistered(n) && e.addListener(r);
+		}, r = (e, r) => {
+			n(e, (n) => {
+				let i = n.keyEvent;
+				if (Ie(r, i) && !Fe(i)) return t.trigger(e, {}), !0;
+			});
+		};
+		r("handTool", ["h", "H"]), r("lassoTool", ["l", "L"]), r("spaceTool", ["s", "S"]), r("globalConnectTool", ["c", "C"]), r("directEditing", ["e", "E"]);
+	}
+}, Bt = 1500, Vt = class {
+	static $inject = ["eventBus", "injector"];
+	constructor(e, t) {
+		e.on("editorActions.init", Bt, (e) => {
+			let { editorActions: n } = e, r = (e, r, i) => {
+				let a = t.get(r, !1);
+				a && n.register({ [e]: () => i(a) });
+			};
+			r("handTool", "handTool", (e) => e.toggle()), r("lassoTool", "lassoTool", (e) => e.toggle()), r("spaceTool", "spaceTool", (e) => e.toggle()), r("globalConnectTool", "globalConnect", (e) => e.toggle());
+			let i = t.get("directEditing", !1), a = t.get("selection", !1);
+			i && a && n.register({ directEditing: () => {
+				let e = a.get();
+				e.length === 1 && e[0] && i.activate(e[0]);
+			} });
+		});
+	}
+}, Ht = {
+	__depends__: [Me, Ne],
+	__init__: ["vcEditorActions"],
+	keyboardBindings: ["type", $],
+	vcEditorActions: ["type", Vt]
+}, Ut = class extends Le {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		super(e);
+	}
+	getOrdering(e, t) {
+		return x(e) ? {
+			parent: t,
+			index: (t.children ?? []).filter((t) => t !== e && x(t)).length
+		} : { parent: t };
+	}
+}, Wt = {
+	__init__: ["vcOrderingProvider"],
+	vcOrderingProvider: ["type", Ut]
+}, Gt = class {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		e.on("copyPaste.copyElement", (e) => {
+			let { descriptor: t, element: n } = e;
+			v(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)) : x(n) && (t.vcType = n.vcType);
+		});
+	}
+}, Kt = {
+	__depends__: [Re],
+	__init__: ["vcCopyPasteBehavior"],
+	vcCopyPasteBehavior: ["type", Gt]
+}, qt = class {
+	static $inject = ["eventBus"];
+	constructor(e) {
+		e.on("resize.start", (e) => {
+			v(e.context.shape) && (e.context.minDimensions = { ...a });
+		}), e.on("spaceTool.getMinDimensions", (e) => {
+			let t = {};
+			for (let n of e.shapes) v(n) && (t[n.id] = { ...a });
+			return t;
+		});
+	}
+}, Jt = {
+	__depends__: [ze],
+	__init__: ["vcResizeBehavior"],
+	vcResizeBehavior: ["type", qt]
+}, Yt = class extends Ue {
+	_getModules() {
+		return [
+			...super._getModules(),
+			re,
+			ie,
+			ae,
+			oe,
+			se,
+			ce,
+			le,
+			ue,
+			de,
+			ct,
+			pt,
+			ht,
+			Dt,
+			kt,
+			Pt,
+			Lt,
+			Rt,
+			zt,
+			Ht,
+			Wt,
+			Kt,
+			Jt
+		];
+	}
+	undo() {
+		this.get("commandStack").undo();
+	}
+	redo() {
+		this.get("commandStack").redo();
+	}
+	canUndo() {
+		return this.get("commandStack").canUndo();
+	}
+	canRedo() {
+		return this.get("commandStack").canRedo();
+	}
+};
+//#endregion
+export { X as ALIGN_MENU_PROVIDER_ID, F as COLORS, L as COLOR_OPTIONS, Y as COLOR_PICKER_PROVIDER_ID, I as FONT, K as ICONS, Yt as Modeler, Ue as NavigatedViewer, B as ROOT_ID, Mt as VcAlignMenuProvider, gt as VcAppend, T as VcBaseViewer, jt as VcColorPickerProvider, mt as VcConnect, it as VcConnectionTypeBehavior, Nt as VcContextPadProvider, Gt as VcCopyPasteBehavior, O as VcDiagramElementFactory, Vt as VcEditorActions, D as VcElementFactory, H as VcExporter, V as VcImporter, $ as VcKeyboardBindings, Ft as VcLabelEditingProvider, Ze as VcLayouter, qe as VcModeling, Ut as VcOrderingProvider, Ot as VcPaletteProvider, R as VcRenderer, qt as VcResizeBehavior, lt as VcRules, W as Viewer, j as chevronPath, N as chevronPathAt, P as ellipsePathAt, U as ioModule, b as isOrgUnit, y as isStep, x as isVcConnection, S as isVcElement, v as isVcShape, A as notchDepth, w as saveSVG, zt as vcAlignMenuModule, Dt as vcAppendModule, Rt as vcColorPickerModule, ht as vcConnectModule, Pt as vcContextPadModule, Kt as vcCopyPasteModule, z as vcDrawModule, Ht as vcKeyboardModule, Lt as vcLabelEditingModule, k as vcModelModule, ct as vcModelingModule, Wt as vcOrderingModule, kt as vcPaletteModule, Jt as vcResizeModule, pt as vcRulesModule };
+
+//# sourceMappingURL=index.js.map