@umami/shiso 1.12.0 → 1.13.0

package/dist/chunks/stateDiagram-D77RDMKH.js

@@ -0,0 +1,368 @@
+import { n as __name } from "./chunk-Y2CYZVJY.js";
+import { m as log, p as select_default } from "./src.js";
+import { O as getUrl, c as configureSvgSize, s as common_default, x as getConfig2 } from "./chunk-DU6HZSFF.js";
+import { et as basis_default, g as utils_default } from "./chunk-75Z2AOVW.js";
+import { t as line_default } from "./line.js";
+import "./chunk-PWAF6VOD.js";
+import "./chunk-GMAD6QVW.js";
+import "./chunk-P2QGCYS3.js";
+import "./chunk-4HAMMTFA.js";
+import "./chunk-GVQU2GXP.js";
+import "./chunk-OSK3NFVY.js";
+import { t as Graph } from "./graphlib.js";
+import { t as layout } from "./dagre.js";
+import "./chunk-F27PBJKO.js";
+import "./chunk-XXDRQBXY.js";
+import "./chunk-POPQ4Y6H.js";
+import "./chunk-L3NEJ4N5.js";
+import { i as styles_default, n as stateDiagram_default, t as StateDB } from "./chunk-IMKFNOWR.js";
+import "./mermaid.core.js";
+
+//#region ../../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-D77RDMKH.mjs
+var drawStartState = /* @__PURE__ */ __name((g) => g.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");
+var drawDivider = /* @__PURE__ */ __name((g) => g.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");
+var drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {
+	const state = g.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(stateDef.id);
+	const classBox = state.node().getBBox();
+	g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", classBox.width + 2 * getConfig2().state.padding).attr("height", classBox.height + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
+	return state;
+}, "drawSimpleState");
+var drawDescrState = /* @__PURE__ */ __name((g, stateDef) => {
+	const addTspan = /* @__PURE__ */ __name(function(textEl, txt, isFirst2) {
+		const tSpan = textEl.append("tspan").attr("x", 2 * getConfig2().state.padding).text(txt);
+		if (!isFirst2) tSpan.attr("dy", getConfig2().state.textHeight);
+	}, "addTspan");
+	const titleBox = g.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(stateDef.descriptions[0]).node().getBBox();
+	const titleHeight = titleBox.height;
+	const description = g.append("text").attr("x", getConfig2().state.padding).attr("y", titleHeight + getConfig2().state.padding * .4 + getConfig2().state.dividerMargin + getConfig2().state.textHeight).attr("class", "state-description");
+	let isFirst = true;
+	let isSecond = true;
+	stateDef.descriptions.forEach(function(descr) {
+		if (!isFirst) {
+			addTspan(description, descr, isSecond);
+			isSecond = false;
+		}
+		isFirst = false;
+	});
+	const descrLine = g.append("line").attr("x1", getConfig2().state.padding).attr("y1", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("y2", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("class", "descr-divider");
+	const descrBox = description.node().getBBox();
+	const width = Math.max(descrBox.width, titleBox.width);
+	descrLine.attr("x2", width + 3 * getConfig2().state.padding);
+	g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", width + 2 * getConfig2().state.padding).attr("height", descrBox.height + titleHeight + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
+	return g;
+}, "drawDescrState");
+var addTitleAndBox = /* @__PURE__ */ __name((g, stateDef, altBkg) => {
+	const pad = getConfig2().state.padding;
+	const dblPad = 2 * getConfig2().state.padding;
+	const orgBox = g.node().getBBox();
+	const orgWidth = orgBox.width;
+	const orgX = orgBox.x;
+	const title = g.append("text").attr("x", 0).attr("y", getConfig2().state.titleShift).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.id);
+	const titleWidth = title.node().getBBox().width + dblPad;
+	let width = Math.max(titleWidth, orgWidth);
+	if (width === orgWidth) width = width + dblPad;
+	let startX;
+	const graphBox = g.node().getBBox();
+	if (stateDef.doc) {}
+	startX = orgX - pad;
+	if (titleWidth > orgWidth) startX = (orgWidth - width) / 2 + pad;
+	if (Math.abs(orgX - graphBox.x) < pad && titleWidth > orgWidth) startX = orgX - (titleWidth - orgWidth) / 2;
+	const lineY = 1 - getConfig2().state.textHeight;
+	g.insert("rect", ":first-child").attr("x", startX).attr("y", lineY).attr("class", altBkg ? "alt-composit" : "composit").attr("width", width).attr("height", graphBox.height + getConfig2().state.textHeight + getConfig2().state.titleShift + 1).attr("rx", "0");
+	title.attr("x", startX + pad);
+	if (titleWidth <= orgWidth) title.attr("x", orgX + (width - dblPad) / 2 - titleWidth / 2 + pad);
+	g.insert("rect", ":first-child").attr("x", startX).attr("y", getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding).attr("width", width).attr("height", getConfig2().state.textHeight * 3).attr("rx", getConfig2().state.radius);
+	g.insert("rect", ":first-child").attr("x", startX).attr("y", getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding).attr("width", width).attr("height", graphBox.height + 3 + 2 * getConfig2().state.textHeight).attr("rx", getConfig2().state.radius);
+	return g;
+}, "addTitleAndBox");
+var drawEndState = /* @__PURE__ */ __name((g) => {
+	g.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);
+	return g.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");
+var drawForkJoinState = /* @__PURE__ */ __name((g, stateDef) => {
+	let width = getConfig2().state.forkWidth;
+	let height = getConfig2().state.forkHeight;
+	if (stateDef.parentId) {
+		let tmp = width;
+		width = height;
+		height = tmp;
+	}
+	return g.append("rect").style("stroke", "black").style("fill", "black").attr("width", width).attr("height", height).attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding);
+}, "drawForkJoinState");
+var _drawLongText = /* @__PURE__ */ __name((_text, x, y, g) => {
+	let textHeight = 0;
+	const textElem = g.append("text");
+	textElem.style("text-anchor", "start");
+	textElem.attr("class", "noteText");
+	let text = _text.replace(/\r\n/g, "<br/>");
+	text = text.replace(/\n/g, "<br/>");
+	const lines = text.split(common_default.lineBreakRegex);
+	let tHeight = 1.25 * getConfig2().state.noteMargin;
+	for (const line2 of lines) {
+		const txt = line2.trim();
+		if (txt.length > 0) {
+			const span = textElem.append("tspan");
+			span.text(txt);
+			if (tHeight === 0) {
+				const textBounds = span.node().getBBox();
+				tHeight += textBounds.height;
+			}
+			textHeight += tHeight;
+			span.attr("x", x + getConfig2().state.noteMargin);
+			span.attr("y", y + textHeight + 1.25 * getConfig2().state.noteMargin);
+		}
+	}
+	return {
+		textWidth: textElem.node().getBBox().width,
+		textHeight
+	};
+}, "_drawLongText");
+var drawNote = /* @__PURE__ */ __name((text, g) => {
+	g.attr("class", "state-note");
+	const note = g.append("rect").attr("x", 0).attr("y", getConfig2().state.padding);
+	const { textWidth, textHeight } = _drawLongText(text, 0, 0, g.append("g"));
+	note.attr("height", textHeight + 2 * getConfig2().state.noteMargin);
+	note.attr("width", textWidth + getConfig2().state.noteMargin * 2);
+	return note;
+}, "drawNote");
+var drawState = /* @__PURE__ */ __name(function(elem, stateDef) {
+	const id = stateDef.id;
+	const stateInfo = {
+		id,
+		label: stateDef.id,
+		width: 0,
+		height: 0
+	};
+	const g = elem.append("g").attr("id", id).attr("class", "stateGroup");
+	if (stateDef.type === "start") drawStartState(g);
+	if (stateDef.type === "end") drawEndState(g);
+	if (stateDef.type === "fork" || stateDef.type === "join") drawForkJoinState(g, stateDef);
+	if (stateDef.type === "note") drawNote(stateDef.note.text, g);
+	if (stateDef.type === "divider") drawDivider(g);
+	if (stateDef.type === "default" && stateDef.descriptions.length === 0) drawSimpleState(g, stateDef);
+	if (stateDef.type === "default" && stateDef.descriptions.length > 0) drawDescrState(g, stateDef);
+	const stateBox = g.node().getBBox();
+	stateInfo.width = stateBox.width + 2 * getConfig2().state.padding;
+	stateInfo.height = stateBox.height + 2 * getConfig2().state.padding;
+	return stateInfo;
+}, "drawState");
+var edgeCount = 0;
+var drawEdge = /* @__PURE__ */ __name(function(elem, path, relation) {
+	const getRelationType = /* @__PURE__ */ __name(function(type) {
+		switch (type) {
+			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");
+	path.points = path.points.filter((p) => !Number.isNaN(p.y));
+	const lineData = path.points;
+	const lineFunction = line_default().x(function(d) {
+		return d.x;
+	}).y(function(d) {
+		return d.y;
+	}).curve(basis_default);
+	const svgPath = elem.append("path").attr("d", lineFunction(lineData)).attr("id", "edge" + edgeCount).attr("class", "transition");
+	let url = "";
+	if (getConfig2().state.arrowMarkerAbsolute) url = getUrl(true);
+	svgPath.attr("marker-end", "url(" + url + "#" + getRelationType(StateDB.relationType.DEPENDENCY) + "End)");
+	if (relation.title !== void 0) {
+		const label = elem.append("g").attr("class", "stateLabel");
+		const { x, y } = utils_default.calcLabelPosition(path.points);
+		const rows = common_default.getRows(relation.title);
+		let titleHeight = 0;
+		const titleRows = [];
+		let maxWidth = 0;
+		let minX = 0;
+		for (let i = 0; i <= rows.length; i++) {
+			const title = label.append("text").attr("text-anchor", "middle").text(rows[i]).attr("x", x).attr("y", y + titleHeight);
+			const boundsTmp = title.node().getBBox();
+			maxWidth = Math.max(maxWidth, boundsTmp.width);
+			minX = Math.min(minX, boundsTmp.x);
+			log.info(boundsTmp.x, x, y + titleHeight);
+			if (titleHeight === 0) {
+				titleHeight = title.node().getBBox().height;
+				log.info("Title height", titleHeight, y);
+			}
+			titleRows.push(title);
+		}
+		let boxHeight = titleHeight * rows.length;
+		if (rows.length > 1) {
+			const heightAdj = (rows.length - 1) * titleHeight * .5;
+			titleRows.forEach((title, i) => title.attr("y", y + i * titleHeight - heightAdj));
+			boxHeight = titleHeight * rows.length;
+		}
+		const bounds = label.node().getBBox();
+		label.insert("rect", ":first-child").attr("class", "box").attr("x", x - maxWidth / 2 - getConfig2().state.padding / 2).attr("y", y - boxHeight / 2 - getConfig2().state.padding / 2 - 3.5).attr("width", maxWidth + getConfig2().state.padding).attr("height", boxHeight + getConfig2().state.padding);
+		log.info(bounds);
+	}
+	edgeCount++;
+}, "drawEdge");
+var conf;
+var transformationLog = {};
+var setConf = /* @__PURE__ */ __name(function() {}, "setConf");
+var insertMarkers = /* @__PURE__ */ __name(function(elem) {
+	elem.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");
+var draw = /* @__PURE__ */ __name(function(text, id, _version, diagObj) {
+	conf = getConfig2().state;
+	const securityLevel = getConfig2().securityLevel;
+	let sandboxElement;
+	if (securityLevel === "sandbox") sandboxElement = select_default("#i" + id);
+	const root = securityLevel === "sandbox" ? select_default(sandboxElement.nodes()[0].contentDocument.body) : select_default("body");
+	const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
+	log.debug("Rendering diagram " + text);
+	const diagram2 = root.select(`[id='${id}']`);
+	insertMarkers(diagram2);
+	renderDoc(diagObj.db.getRootDoc(), diagram2.append("g").attr("id", id + "-root"), void 0, false, root, doc, diagObj);
+	const padding = conf.padding;
+	const bounds = diagram2.node().getBBox();
+	const width = bounds.width + padding * 2;
+	const height = bounds.height + padding * 2;
+	const svgWidth = width * 1.75;
+	configureSvgSize(diagram2, height, svgWidth, conf.useMaxWidth);
+	diagram2.attr("viewBox", `${bounds.x - conf.padding}  ${bounds.y - conf.padding} ` + width + " " + height);
+}, "draw");
+var getLabelWidth = /* @__PURE__ */ __name((text) => {
+	return text ? text.length * conf.fontSizeFactor : 1;
+}, "getLabelWidth");
+var renderDoc = /* @__PURE__ */ __name((doc, diagram2, parentId, altBkg, root, domDocument, diagObj) => {
+	const graph = new Graph({
+		compound: true,
+		multigraph: true
+	});
+	let i;
+	let edgeFreeDoc = true;
+	for (i = 0; i < doc.length; i++) if (doc[i].stmt === "relation") {
+		edgeFreeDoc = false;
+		break;
+	}
+	if (parentId) graph.setGraph({
+		rankdir: "LR",
+		multigraph: true,
+		compound: true,
+		ranker: "tight-tree",
+		ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
+		nodeSep: edgeFreeDoc ? 1 : 50,
+		isMultiGraph: true
+	});
+	else graph.setGraph({
+		rankdir: "TB",
+		multigraph: true,
+		compound: true,
+		ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
+		nodeSep: edgeFreeDoc ? 1 : 50,
+		ranker: "tight-tree",
+		isMultiGraph: true
+	});
+	graph.setDefaultEdgeLabel(function() {
+		return {};
+	});
+	const states = diagObj.db.getStates();
+	const relations = diagObj.db.getRelations();
+	const keys = Object.keys(states);
+	for (const key of keys) {
+		const stateDef = states[key];
+		if (parentId) stateDef.parentId = parentId;
+		let node;
+		if (stateDef.doc) {
+			let sub = diagram2.append("g").attr("id", stateDef.id).attr("class", "stateGroup");
+			node = renderDoc(stateDef.doc, sub, stateDef.id, !altBkg, root, domDocument, diagObj);
+			{
+				sub = addTitleAndBox(sub, stateDef, altBkg);
+				let boxBounds = sub.node().getBBox();
+				node.width = boxBounds.width;
+				node.height = boxBounds.height + conf.padding / 2;
+				transformationLog[stateDef.id] = { y: conf.compositTitleSize };
+			}
+		} else node = drawState(diagram2, stateDef, graph);
+		if (stateDef.note) {
+			const note = drawState(diagram2, {
+				descriptions: [],
+				id: stateDef.id + "-note",
+				note: stateDef.note,
+				type: "note"
+			}, graph);
+			if (stateDef.note.position === "left of") {
+				graph.setNode(node.id + "-note", note);
+				graph.setNode(node.id, node);
+			} else {
+				graph.setNode(node.id, node);
+				graph.setNode(node.id + "-note", note);
+			}
+			graph.setParent(node.id, node.id + "-group");
+			graph.setParent(node.id + "-note", node.id + "-group");
+		} else graph.setNode(node.id, node);
+	}
+	log.debug("Count=", graph.nodeCount(), graph);
+	let cnt = 0;
+	relations.forEach(function(relation) {
+		cnt++;
+		log.debug("Setting edge", relation);
+		graph.setEdge(relation.id1, relation.id2, {
+			relation,
+			width: getLabelWidth(relation.title),
+			height: conf.labelHeight * common_default.getRows(relation.title).length,
+			labelpos: "c"
+		}, "id" + cnt);
+	});
+	layout(graph);
+	log.debug("Graph after layout", graph.nodes());
+	const svgElem = diagram2.node();
+	graph.nodes().forEach(function(v) {
+		if (v !== void 0 && graph.node(v) !== void 0) {
+			log.warn("Node " + v + ": " + JSON.stringify(graph.node(v)));
+			root.select("#" + svgElem.id + " #" + v).attr("transform", "translate(" + (graph.node(v).x - graph.node(v).width / 2) + "," + (graph.node(v).y + (transformationLog[v] ? transformationLog[v].y : 0) - graph.node(v).height / 2) + " )");
+			root.select("#" + svgElem.id + " #" + v).attr("data-x-shift", graph.node(v).x - graph.node(v).width / 2);
+			domDocument.querySelectorAll("#" + svgElem.id + " #" + v + " .divider").forEach((divider) => {
+				const parent = divider.parentElement;
+				let pWidth = 0;
+				let pShift = 0;
+				if (parent) {
+					if (parent.parentElement) pWidth = parent.parentElement.getBBox().width;
+					pShift = parseInt(parent.getAttribute("data-x-shift"), 10);
+					if (Number.isNaN(pShift)) pShift = 0;
+				}
+				divider.setAttribute("x1", 0 - pShift + 8);
+				divider.setAttribute("x2", pWidth - pShift - 8);
+			});
+		} else log.debug("No Node " + v + ": " + JSON.stringify(graph.node(v)));
+	});
+	let stateBox = svgElem.getBBox();
+	graph.edges().forEach(function(e) {
+		if (e !== void 0 && graph.edge(e) !== void 0) {
+			log.debug("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(graph.edge(e)));
+			drawEdge(diagram2, graph.edge(e), graph.edge(e).relation);
+		}
+	});
+	stateBox = svgElem.getBBox();
+	const stateInfo = {
+		id: parentId ? parentId : "root",
+		label: parentId ? parentId : "root",
+		width: 0,
+		height: 0
+	};
+	stateInfo.width = stateBox.width + 2 * conf.padding;
+	stateInfo.height = stateBox.height + 2 * conf.padding;
+	log.debug("Doc rendered", stateInfo, graph);
+	return stateInfo;
+}, "renderDoc");
+var diagram = {
+	parser: stateDiagram_default,
+	get db() {
+		return new StateDB(1);
+	},
+	renderer: {
+		setConf,
+		draw
+	},
+	styles: styles_default,
+	init: /* @__PURE__ */ __name((cnf) => {
+		if (!cnf.state) cnf.state = {};
+		cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
+	}, "init")
+};
+
+//#endregion
+export { diagram };

package/dist/chunks/stateDiagram-v2-MP3YSRHH.js

@@ -0,0 +1,33 @@
+import { n as __name } from "./chunk-Y2CYZVJY.js";
+import "./src.js";
+import "./chunk-DU6HZSFF.js";
+import "./chunk-75Z2AOVW.js";
+import "./chunk-PWAF6VOD.js";
+import "./chunk-GMAD6QVW.js";
+import "./chunk-P2QGCYS3.js";
+import "./chunk-4HAMMTFA.js";
+import "./chunk-GVQU2GXP.js";
+import "./chunk-OSK3NFVY.js";
+import "./chunk-F27PBJKO.js";
+import "./chunk-XXDRQBXY.js";
+import "./chunk-POPQ4Y6H.js";
+import "./chunk-L3NEJ4N5.js";
+import { i as styles_default, n as stateDiagram_default, r as stateRenderer_v3_unified_default, t as StateDB } from "./chunk-IMKFNOWR.js";
+import "./mermaid.core.js";
+
+//#region ../../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-MP3YSRHH.mjs
+var diagram = {
+	parser: stateDiagram_default,
+	get db() {
+		return new StateDB(2);
+	},
+	renderer: stateRenderer_v3_unified_default,
+	styles: styles_default,
+	init: /* @__PURE__ */ __name((cnf) => {
+		if (!cnf.state) cnf.state = {};
+		cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
+	}, "init")
+};
+
+//#endregion
+export { diagram };