@loopstack/loopstack-studio 0.20.2 → 0.21.0-rc.0

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-FKZM4ZOC.js

@@ -0,0 +1,220 @@
+import { __name, log } from "./chunk-AGHRB4JF.js";
+import { common_default, configureSvgSize, getConfig2, getUrl } from "./chunk-ABZYJK2D.js";
+import select_default from "../../../../d3-selection/src/select.js";
+import line_default from "../../../../d3-shape/src/line.js";
+import basis_default from "../../../../d3-shape/src/curve/basis.js";
+import "../../../../d3/src/index.js";
+import "./chunk-HN2XXSSU.js";
+import "./chunk-CVBHYZKI.js";
+import "./chunk-ATLVNIR6.js";
+import { utils_default } from "./chunk-S3R3BYOJ.js";
+import "./chunk-JA3XYJ7Z.js";
+import "./chunk-JZLCHNYA.js";
+import "./chunk-QXUST7PY.js";
+import "./chunk-N4CR4FBY.js";
+import { Graph } from "../../../../dagre-d3-es/src/graphlib/graph.js";
+import "../../../../dagre-d3-es/src/graphlib/index.js";
+import "./chunk-55IACEB6.js";
+import "./chunk-QN33PNHL.js";
+import { layout } from "../../../../dagre-d3-es/src/dagre/layout.js";
+import "../../../../dagre-d3-es/src/dagre/index.js";
+import { StateDB, stateDiagram_default, styles_default } from "./chunk-DI55MBZ5.js";
+var drawStartState = /* @__PURE__ */ __name((e) => e.append("circle").attr("class", "start-state").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit), "drawStartState"), drawDivider = /* @__PURE__ */ __name((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", getConfig2().state.textHeight).attr("class", "divider").attr("x2", getConfig2().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), drawSimpleState = /* @__PURE__ */ __name((e, h) => {
+	let g = e.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 2 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(h.id), _ = g.node().getBBox();
+	return e.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", _.width + 2 * getConfig2().state.padding).attr("height", _.height + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius), g;
+}, "drawSimpleState"), drawDescrState = /* @__PURE__ */ __name((h, g) => {
+	let _ = /* @__PURE__ */ __name(function(e, h, g) {
+		let _ = e.append("tspan").attr("x", 2 * getConfig2().state.padding).text(h);
+		g || _.attr("dy", getConfig2().state.textHeight);
+	}, "addTspan"), y = h.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 1.3 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(g.descriptions[0]).node().getBBox(), b = y.height, x = h.append("text").attr("x", getConfig2().state.padding).attr("y", b + getConfig2().state.padding * .4 + getConfig2().state.dividerMargin + getConfig2().state.textHeight).attr("class", "state-description"), S = !0, C = !0;
+	g.descriptions.forEach(function(e) {
+		S || (_(x, e, C), C = !1), S = !1;
+	});
+	let w = h.append("line").attr("x1", getConfig2().state.padding).attr("y1", getConfig2().state.padding + b + getConfig2().state.dividerMargin / 2).attr("y2", getConfig2().state.padding + b + getConfig2().state.dividerMargin / 2).attr("class", "descr-divider"), T = x.node().getBBox(), E = Math.max(T.width, y.width);
+	return w.attr("x2", E + 3 * getConfig2().state.padding), h.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", E + 2 * getConfig2().state.padding).attr("height", T.height + b + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius), h;
+}, "drawDescrState"), addTitleAndBox = /* @__PURE__ */ __name((e, h, g) => {
+	let _ = getConfig2().state.padding, y = 2 * getConfig2().state.padding, b = e.node().getBBox(), x = b.width, S = b.x, C = e.append("text").attr("x", 0).attr("y", getConfig2().state.titleShift).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(h.id), w = C.node().getBBox().width + y, T = Math.max(w, x);
+	T === x && (T += y);
+	let E, D = e.node().getBBox();
+	h.doc, E = S - _, w > x && (E = (x - T) / 2 + _), Math.abs(S - D.x) < _ && w > x && (E = S - (w - x) / 2);
+	let O = 1 - getConfig2().state.textHeight;
+	return e.insert("rect", ":first-child").attr("x", E).attr("y", O).attr("class", g ? "alt-composit" : "composit").attr("width", T).attr("height", D.height + getConfig2().state.textHeight + getConfig2().state.titleShift + 1).attr("rx", "0"), C.attr("x", E + _), w <= x && C.attr("x", S + (T - y) / 2 - w / 2 + _), e.insert("rect", ":first-child").attr("x", E).attr("y", getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding).attr("width", T).attr("height", getConfig2().state.textHeight * 3).attr("rx", getConfig2().state.radius), e.insert("rect", ":first-child").attr("x", E).attr("y", getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding).attr("width", T).attr("height", D.height + 3 + 2 * getConfig2().state.textHeight).attr("rx", getConfig2().state.radius), e;
+}, "addTitleAndBox"), drawEndState = /* @__PURE__ */ __name((e) => (e.append("circle").attr("class", "end-state-outer").attr("r", getConfig2().state.sizeUnit + getConfig2().state.miniPadding).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding), e.append("circle").attr("class", "end-state-inner").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit + 2).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit + 2)), "drawEndState"), drawForkJoinState = /* @__PURE__ */ __name((e, h) => {
+	let g = getConfig2().state.forkWidth, _ = getConfig2().state.forkHeight;
+	if (h.parentId) {
+		let e = g;
+		g = _, _ = e;
+	}
+	return e.append("rect").style("stroke", "black").style("fill", "black").attr("width", g).attr("height", _).attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding);
+}, "drawForkJoinState"), _drawLongText = /* @__PURE__ */ __name((e, h, _, y) => {
+	let b = 0, x = y.append("text");
+	x.style("text-anchor", "start"), x.attr("class", "noteText");
+	let S = e.replace(/\r\n/g, "<br/>");
+	S = S.replace(/\n/g, "<br/>");
+	let C = S.split(common_default.lineBreakRegex), w = 1.25 * getConfig2().state.noteMargin;
+	for (let e of C) {
+		let g = e.trim();
+		if (g.length > 0) {
+			let e = x.append("tspan");
+			if (e.text(g), w === 0) {
+				let h = e.node().getBBox();
+				w += h.height;
+			}
+			b += w, e.attr("x", h + getConfig2().state.noteMargin), e.attr("y", _ + b + 1.25 * getConfig2().state.noteMargin);
+		}
+	}
+	return {
+		textWidth: x.node().getBBox().width,
+		textHeight: b
+	};
+}, "_drawLongText"), drawNote = /* @__PURE__ */ __name((e, h) => {
+	h.attr("class", "state-note");
+	let g = h.append("rect").attr("x", 0).attr("y", getConfig2().state.padding), { textWidth: _, textHeight: y } = _drawLongText(e, 0, 0, h.append("g"));
+	return g.attr("height", y + 2 * getConfig2().state.noteMargin), g.attr("width", _ + getConfig2().state.noteMargin * 2), g;
+}, "drawNote"), drawState = /* @__PURE__ */ __name(function(e, h) {
+	let g = h.id, _ = {
+		id: g,
+		label: h.id,
+		width: 0,
+		height: 0
+	}, y = e.append("g").attr("id", g).attr("class", "stateGroup");
+	h.type === "start" && drawStartState(y), h.type === "end" && drawEndState(y), (h.type === "fork" || h.type === "join") && drawForkJoinState(y, h), h.type === "note" && drawNote(h.note.text, y), h.type === "divider" && drawDivider(y), h.type === "default" && h.descriptions.length === 0 && drawSimpleState(y, h), h.type === "default" && h.descriptions.length > 0 && drawDescrState(y, h);
+	let b = y.node().getBBox();
+	return _.width = b.width + 2 * getConfig2().state.padding, _.height = b.height + 2 * getConfig2().state.padding, _;
+}, "drawState"), edgeCount = 0, drawEdge = /* @__PURE__ */ __name(function(_, b, w) {
+	let T = /* @__PURE__ */ __name(function(e) {
+		switch (e) {
+			case StateDB.relationType.AGGREGATION: return "aggregation";
+			case StateDB.relationType.EXTENSION: return "extension";
+			case StateDB.relationType.COMPOSITION: return "composition";
+			case StateDB.relationType.DEPENDENCY: return "dependency";
+		}
+	}, "getRelationType");
+	b.points = b.points.filter((e) => !Number.isNaN(e.y));
+	let D = b.points, O = line_default().x(function(e) {
+		return e.x;
+	}).y(function(e) {
+		return e.y;
+	}).curve(basis_default), k = _.append("path").attr("d", O(D)).attr("id", "edge" + edgeCount).attr("class", "transition"), A = "";
+	if (getConfig2().state.arrowMarkerAbsolute && (A = getUrl(!0)), k.attr("marker-end", "url(" + A + "#" + T(StateDB.relationType.DEPENDENCY) + "End)"), w.title !== void 0) {
+		let e = _.append("g").attr("class", "stateLabel"), { x: y, y: x } = utils_default.calcLabelPosition(b.points), S = common_default.getRows(w.title), T = 0, E = [], D = 0, O = 0;
+		for (let g = 0; g <= S.length; g++) {
+			let _ = e.append("text").attr("text-anchor", "middle").text(S[g]).attr("x", y).attr("y", x + T), v = _.node().getBBox();
+			D = Math.max(D, v.width), O = Math.min(O, v.x), log.info(v.x, y, x + T), T === 0 && (T = _.node().getBBox().height, log.info("Title height", T, x)), E.push(_);
+		}
+		let k = T * S.length;
+		if (S.length > 1) {
+			let e = (S.length - 1) * T * .5;
+			E.forEach((h, g) => h.attr("y", x + g * T - e)), k = T * S.length;
+		}
+		let A = e.node().getBBox();
+		e.insert("rect", ":first-child").attr("class", "box").attr("x", y - D / 2 - getConfig2().state.padding / 2).attr("y", x - k / 2 - getConfig2().state.padding / 2 - 3.5).attr("width", D + getConfig2().state.padding).attr("height", k + getConfig2().state.padding), log.info(A);
+	}
+	edgeCount++;
+}, "drawEdge"), conf, transformationLog = {}, setConf = /* @__PURE__ */ __name(function() {}, "setConf"), insertMarkers = /* @__PURE__ */ __name(function(e) {
+	e.append("defs").append("marker").attr("id", "dependencyEnd").attr("refX", 19).attr("refY", 7).attr("markerWidth", 20).attr("markerHeight", 28).attr("orient", "auto").append("path").attr("d", "M 19,7 L9,13 L14,7 L9,1 Z");
+}, "insertMarkers"), draw = /* @__PURE__ */ __name(function(e, g, y, x) {
+	conf = getConfig2().state;
+	let S = getConfig2().securityLevel, C;
+	S === "sandbox" && (C = select_default("#i" + g));
+	let w = select_default(S === "sandbox" ? C.nodes()[0].contentDocument.body : "body"), T = S === "sandbox" ? C.nodes()[0].contentDocument : document;
+	log.debug("Rendering diagram " + e);
+	let E = w.select(`[id='${g}']`);
+	insertMarkers(E), renderDoc(x.db.getRootDoc(), E, void 0, !1, w, T, x);
+	let D = conf.padding, O = E.node().getBBox(), k = O.width + D * 2, A = O.height + D * 2;
+	configureSvgSize(E, A, k * 1.75, conf.useMaxWidth), E.attr("viewBox", `${O.x - conf.padding}  ${O.y - conf.padding} ` + k + " " + A);
+}, "draw"), getLabelWidth = /* @__PURE__ */ __name((e) => e ? e.length * conf.fontSizeFactor : 1, "getLabelWidth"), renderDoc = /* @__PURE__ */ __name((e, _, v, y, b, x, S) => {
+	let C = new Graph({
+		compound: !0,
+		multigraph: !0
+	}), E, D = !0;
+	for (E = 0; E < e.length; E++) if (e[E].stmt === "relation") {
+		D = !1;
+		break;
+	}
+	v ? C.setGraph({
+		rankdir: "LR",
+		multigraph: !0,
+		compound: !0,
+		ranker: "tight-tree",
+		ranksep: D ? 1 : conf.edgeLengthFactor,
+		nodeSep: D ? 1 : 50,
+		isMultiGraph: !0
+	}) : C.setGraph({
+		rankdir: "TB",
+		multigraph: !0,
+		compound: !0,
+		ranksep: D ? 1 : conf.edgeLengthFactor,
+		nodeSep: D ? 1 : 50,
+		ranker: "tight-tree",
+		isMultiGraph: !0
+	}), C.setDefaultEdgeLabel(function() {
+		return {};
+	});
+	let O = S.db.getStates(), k = S.db.getRelations(), A = Object.keys(O);
+	for (let e of A) {
+		let h = O[e];
+		v && (h.parentId = v);
+		let g;
+		if (h.doc) {
+			let e = _.append("g").attr("id", h.id).attr("class", "stateGroup");
+			g = renderDoc(h.doc, e, h.id, !y, b, x, S);
+			{
+				e = addTitleAndBox(e, h, y);
+				let _ = e.node().getBBox();
+				g.width = _.width, g.height = _.height + conf.padding / 2, transformationLog[h.id] = { y: conf.compositTitleSize };
+			}
+		} else g = drawState(_, h, C);
+		if (h.note) {
+			let e = drawState(_, {
+				descriptions: [],
+				id: h.id + "-note",
+				note: h.note,
+				type: "note"
+			}, C);
+			h.note.position === "left of" ? (C.setNode(g.id + "-note", e), C.setNode(g.id, g)) : (C.setNode(g.id, g), C.setNode(g.id + "-note", e)), C.setParent(g.id, g.id + "-group"), C.setParent(g.id + "-note", g.id + "-group");
+		} else C.setNode(g.id, g);
+	}
+	log.debug("Count=", C.nodeCount(), C);
+	let j = 0;
+	k.forEach(function(e) {
+		j++, log.debug("Setting edge", e), C.setEdge(e.id1, e.id2, {
+			relation: e,
+			width: getLabelWidth(e.title),
+			height: conf.labelHeight * common_default.getRows(e.title).length,
+			labelpos: "c"
+		}, "id" + j);
+	}), layout(C), log.debug("Graph after layout", C.nodes());
+	let M = _.node();
+	C.nodes().forEach(function(e) {
+		e !== void 0 && C.node(e) !== void 0 ? (log.warn("Node " + e + ": " + JSON.stringify(C.node(e))), b.select("#" + M.id + " #" + e).attr("transform", "translate(" + (C.node(e).x - C.node(e).width / 2) + "," + (C.node(e).y + (transformationLog[e] ? transformationLog[e].y : 0) - C.node(e).height / 2) + " )"), b.select("#" + M.id + " #" + e).attr("data-x-shift", C.node(e).x - C.node(e).width / 2), x.querySelectorAll("#" + M.id + " #" + e + " .divider").forEach((e) => {
+			let h = e.parentElement, g = 0, _ = 0;
+			h && (h.parentElement && (g = h.parentElement.getBBox().width), _ = parseInt(h.getAttribute("data-x-shift"), 10), Number.isNaN(_) && (_ = 0)), e.setAttribute("x1", 0 - _ + 8), e.setAttribute("x2", g - _ - 8);
+		})) : log.debug("No Node " + e + ": " + JSON.stringify(C.node(e)));
+	});
+	let N = M.getBBox();
+	C.edges().forEach(function(e) {
+		e !== void 0 && C.edge(e) !== void 0 && (log.debug("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(C.edge(e))), drawEdge(_, C.edge(e), C.edge(e).relation));
+	}), N = M.getBBox();
+	let P = {
+		id: v || "root",
+		label: v || "root",
+		width: 0,
+		height: 0
+	};
+	return P.width = N.width + 2 * conf.padding, P.height = N.height + 2 * conf.padding, log.debug("Doc rendered", P, C), P;
+}, "renderDoc"), diagram = {
+	parser: stateDiagram_default,
+	get db() {
+		return new StateDB(1);
+	},
+	renderer: {
+		setConf,
+		draw
+	},
+	styles: styles_default,
+	init: /* @__PURE__ */ __name((e) => {
+		e.state ||= {}, e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+export { diagram };

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-4FDKWEC3.js

@@ -0,0 +1,25 @@
+import { __name } from "./chunk-AGHRB4JF.js";
+import "./chunk-ABZYJK2D.js";
+import "./chunk-HN2XXSSU.js";
+import "./chunk-CVBHYZKI.js";
+import "./chunk-ATLVNIR6.js";
+import "./chunk-S3R3BYOJ.js";
+import "./chunk-JA3XYJ7Z.js";
+import "./chunk-JZLCHNYA.js";
+import "./chunk-QXUST7PY.js";
+import "./chunk-N4CR4FBY.js";
+import "./chunk-55IACEB6.js";
+import "./chunk-QN33PNHL.js";
+import { StateDB, stateDiagram_default, stateRenderer_v3_unified_default, styles_default } from "./chunk-DI55MBZ5.js";
+var diagram = {
+	parser: stateDiagram_default,
+	get db() {
+		return new StateDB(2);
+	},
+	renderer: stateRenderer_v3_unified_default,
+	styles: styles_default,
+	init: /* @__PURE__ */ __name((e) => {
+		e.state ||= {}, e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+	}, "init")
+};
+export { diagram };