@loopstack/loopstack-studio 0.25.0 → 0.25.2

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{dagre-6UL2VRFP.js → dagre-KV5264BT.js}

@@ -1,12 +1,12 @@
 import { __name, log } from "./chunk-AGHRB4JF.js";
-import { getConfig2 } from "./chunk-ABZYJK2D.js";
-import "./chunk-HN2XXSSU.js";
-import { getSubGraphTitleMargins } from "./chunk-CVBHYZKI.js";
-import "./chunk-ATLVNIR6.js";
-import "./chunk-S3R3BYOJ.js";
-import "./chunk-JA3XYJ7Z.js";
-import { clear as clear$1, clear2, insertCluster, insertNode, positionNode, setNodeElem, updateNodeBounds } from "./chunk-JZLCHNYA.js";
-import { clear, insertEdge, insertEdgeLabel, markers_default, positionEdgeLabel } from "./chunk-QXUST7PY.js";
+import { getConfig2 } from "./chunk-ICPOFSXX.js";
+import "./chunk-BSJP7CBP.js";
+import "./chunk-5PVQY5BW.js";
+import { getSubGraphTitleMargins } from "./chunk-ZZ45TVLE.js";
+import "./chunk-X2U36JSP.js";
+import "./chunk-U2HBQHQK.js";
+import { clear as clear$1, clear2, insertCluster, insertNode, positionNode, setNodeElem, updateNodeBounds } from "./chunk-5FUZZQ4R.js";
+import { clear, insertEdge, insertEdgeLabel, markers_default, positionEdgeLabel } from "./chunk-ENJZ2VHE.js";
 import { Graph } from "../../../../dagre-d3-es/src/graphlib/graph.js";
 import "../../../../dagre-d3-es/src/graphlib/index.js";
 import { layout } from "../../../../dagre-d3-es/src/dagre/layout.js";

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/diagram-5BDNPKRD.js

@@ -0,0 +1,99 @@
+import { __name, log } from "./chunk-AGHRB4JF.js";
+import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
+import { selectSvgElement } from "./chunk-426QAEUC.js";
+import { cleanAndMerge } from "./chunk-5PVQY5BW.js";
+import { populateCommonDb } from "./chunk-4BX2VUAB.js";
+import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
+import { ImperativeState } from "./chunk-QZHKN3VN.js";
+var state = new ImperativeState(() => ({
+	cnt: 1,
+	stack: [{
+		id: 0,
+		level: -1,
+		name: "/",
+		children: []
+	}]
+})), clear2 = /* @__PURE__ */ __name(() => {
+	state.reset(), clear();
+}, "clear"), getRoot = /* @__PURE__ */ __name(() => state.records.stack[0], "getRoot"), getCount = /* @__PURE__ */ __name(() => state.records.cnt, "getCount"), defaultConfig = defaultConfig_default.treeView, db_default = {
+	clear: clear2,
+	addNode: /* @__PURE__ */ __name((e, y) => {
+		for (; e <= state.records.stack[state.records.stack.length - 1].level;) state.records.stack.pop();
+		let b = {
+			id: state.records.cnt++,
+			level: e,
+			name: y,
+			children: []
+		};
+		state.records.stack[state.records.stack.length - 1].children.push(b), state.records.stack.push(b);
+	}, "addNode"),
+	getRoot,
+	getCount,
+	getConfig: /* @__PURE__ */ __name(() => cleanAndMerge(defaultConfig, getConfig().treeView), "getConfig"),
+	getAccTitle,
+	getAccDescription,
+	getDiagramTitle,
+	setAccDescription,
+	setAccTitle,
+	setDiagramTitle
+}, populate = /* @__PURE__ */ __name((e) => {
+	populateCommonDb(e, db_default), e.nodes.map((e) => db_default.addNode(e.indent ? parseInt(e.indent) : 0, e.name));
+}, "populate"), parser = { parse: /* @__PURE__ */ __name(async (e) => {
+	let b = await parse("treeView", e);
+	log.debug(b), populate(b);
+}, "parse") }, positionLabel = /* @__PURE__ */ __name((e, y, b, x, S) => {
+	let C = x.append("text").text(b.name).attr("dominant-baseline", "middle").attr("class", "treeView-node-label"), { height: w, width: T } = C.node().getBBox(), E = w + S.paddingY * 2, D = T + S.paddingX * 2;
+	C.attr("x", e + S.paddingX), C.attr("y", y + E / 2), b.BBox = {
+		x: e,
+		y,
+		width: D,
+		height: E
+	};
+}, "positionLabel"), positionLine = /* @__PURE__ */ __name((e, y, b, x, S, C) => e.append("line").attr("x1", y).attr("y1", b).attr("x2", x).attr("y2", S).attr("stroke-width", C).attr("class", "treeView-node-line"), "positionLine"), drawTree = /* @__PURE__ */ __name((y, b, x) => {
+	let S = 0, C = 0, w = /* @__PURE__ */ __name((e, y, b, x) => {
+		let w = x * (b.rowIndent + b.paddingX);
+		positionLabel(w, S, y, e, b);
+		let { height: T, width: E } = y.BBox;
+		positionLine(e, w - b.rowIndent, S + T / 2, w, S + T / 2, b.lineThickness), C = Math.max(C, w + E), S += T;
+	}, "drawNode"), T = /* @__PURE__ */ __name((e, b = 0) => {
+		w(y, e, x, b), e.children.forEach((e) => {
+			T(e, b + 1);
+		});
+		let { x: S, y: C, height: E } = e.BBox;
+		if (e.children.length) {
+			let { y: b, height: w } = e.children[e.children.length - 1].BBox;
+			positionLine(y, S + x.paddingX, C + E, S + x.paddingX, b + w / 2 + x.lineThickness / 2, x.lineThickness);
+		}
+	}, "processNode");
+	return T(b), {
+		totalHeight: S,
+		totalWidth: C
+	};
+}, "drawTree"), renderer_default = { draw: /* @__PURE__ */ __name((e, b, S, C) => {
+	log.debug("Rendering treeView diagram\n" + e);
+	let w = C.db, T = w.getRoot(), E = w.getConfig(), D = selectSvgElement(b), O = D.append("g");
+	O.attr("class", "tree-view");
+	let { totalHeight: k, totalWidth: A } = drawTree(O, T, E);
+	D.attr("viewBox", `-${E.lineThickness / 2} 0 ${A} ${k}`), configureSvgSize(D, k, A, E.useMaxWidth);
+}, "draw") }, defaultTreeViewDiagramStyles = {
+	labelFontSize: "16px",
+	labelColor: "black",
+	lineColor: "black"
+}, diagram = {
+	db: db_default,
+	renderer: renderer_default,
+	parser,
+	styles: /* @__PURE__ */ __name(({ treeView: e }) => {
+		let { labelFontSize: y, labelColor: b, lineColor: x } = cleanAndMerge(defaultTreeViewDiagramStyles, e);
+		return `
+    .treeView-node-label {
+        font-size: ${y};
+        fill: ${b};
+    }
+    .treeView-node-line {
+        stroke: ${x};
+    }
+    `;
+	}, "styles")
+};
+export { diagram };

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{diagram-PSM6KHXK.js → diagram-G4DWMVQ6.js}

@@ -1,17 +1,17 @@
 import { __name, log } from "./chunk-AGHRB4JF.js";
-import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ABZYJK2D.js";
+import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, getThemeVariables3, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
 import select_default from "../../../../d3-selection/src/select.js";
 import { format } from "../../../../d3-format/src/defaultLocale.js";
 import hierarchy from "../../../../d3-hierarchy/src/hierarchy/index.js";
 import treemap_default from "../../../../d3-hierarchy/src/treemap/index.js";
 import ordinal from "../../../../d3-scale/src/ordinal.js";
 import "../../../../d3/src/index.js";
-import { selectSvgElement } from "./chunk-EXTU4WIE.js";
-import { isLabelStyle, styles2String } from "./chunk-ATLVNIR6.js";
-import { cleanAndMerge } from "./chunk-S3R3BYOJ.js";
+import { selectSvgElement } from "./chunk-426QAEUC.js";
+import { cleanAndMerge } from "./chunk-5PVQY5BW.js";
+import { isLabelStyle, styles2String } from "./chunk-X2U36JSP.js";
 import { populateCommonDb } from "./chunk-4BX2VUAB.js";
 import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
-import { setupViewPortForSVG } from "./chunk-QN33PNHL.js";
+import { setupViewPortForSVG } from "./chunk-EDXVE4YY.js";
 var TreeMapDB = class {
 	constructor() {
 		this.nodes = [], this.levels = /* @__PURE__ */ new Map(), this.outerNodes = [], this.classes = /* @__PURE__ */ new Map(), this.setAccTitle = setAccTitle, this.getAccTitle = getAccTitle, this.setDiagramTitle = setDiagramTitle, this.getDiagramTitle = getDiagramTitle, this.getAccDescription = getAccDescription, this.setAccDescription = setAccDescription;
@@ -64,7 +64,7 @@ function buildHierarchy(e) {
 			name: e.name,
 			children: e.type === "Leaf" ? void 0 : []
 		};
-		for (m.classSelector = e?.classSelector, e?.cssCompiledStyles && (m.cssCompiledStyles = [e.cssCompiledStyles]), e.type === "Leaf" && e.value !== void 0 && (m.value = e.value); p.length > 0 && p[p.length - 1].level >= e.level;) p.pop();
+		for (m.classSelector = e?.classSelector, e?.cssCompiledStyles && (m.cssCompiledStyles = e.cssCompiledStyles), e.type === "Leaf" && e.value !== void 0 && (m.value = e.value); p.length > 0 && p[p.length - 1].level >= e.level;) p.pop();
 		if (p.length === 0) f.push(m);
 		else {
 			let e = p[p.length - 1].node;
@@ -84,7 +84,7 @@ var populate = /* @__PURE__ */ __name((f, p) => {
 	for (let e of f.TreemapRows ?? []) {
 		let f = e.item;
 		if (!f) continue;
-		let h = e.indent ? parseInt(e.indent) : 0, g = getItemName(f), _ = f.classSelector ? p.getStylesForClass(f.classSelector) : [], v = _.length > 0 ? _.join(";") : void 0, y = {
+		let h = e.indent ? parseInt(e.indent) : 0, g = getItemName(f), _ = f.classSelector ? p.getStylesForClass(f.classSelector) : [], v = _.length > 0 ? _ : void 0, y = {
 			level: h,
 			name: g,
 			type: f.$type,
@@ -240,11 +240,8 @@ var populate = /* @__PURE__ */ __name((f, p) => {
 	leafStrokeColor: "black",
 	leafStrokeWidth: "1",
 	leafFillColor: "#efefef",
-	labelColor: "black",
 	labelFontSize: "12px",
 	valueFontSize: "10px",
-	valueColor: "black",
-	titleColor: "black",
 	titleFontSize: "14px"
 }, diagram = {
 	parser,
@@ -253,29 +250,29 @@ var populate = /* @__PURE__ */ __name((f, p) => {
 	},
 	renderer,
 	styles: /* @__PURE__ */ __name(({ treemap: e } = {}) => {
-		let f = cleanAndMerge(defaultTreemapStyleOptions, e);
+		let f = cleanAndMerge(getThemeVariables3(), getConfig().themeVariables), p = cleanAndMerge(defaultTreemapStyleOptions, e), m = p.titleColor ?? f.titleColor, h = p.labelColor ?? f.textColor, g = p.valueColor ?? f.textColor;
 		return `
   .treemapNode.section {
-    stroke: ${f.sectionStrokeColor};
-    stroke-width: ${f.sectionStrokeWidth};
-    fill: ${f.sectionFillColor};
+    stroke: ${p.sectionStrokeColor};
+    stroke-width: ${p.sectionStrokeWidth};
+    fill: ${p.sectionFillColor};
   }
   .treemapNode.leaf {
-    stroke: ${f.leafStrokeColor};
-    stroke-width: ${f.leafStrokeWidth};
-    fill: ${f.leafFillColor};
+    stroke: ${p.leafStrokeColor};
+    stroke-width: ${p.leafStrokeWidth};
+    fill: ${p.leafFillColor};
   }
   .treemapLabel {
-    fill: ${f.labelColor};
-    font-size: ${f.labelFontSize};
+    fill: ${h};
+    font-size: ${p.labelFontSize};
   }
   .treemapValue {
-    fill: ${f.valueColor};
-    font-size: ${f.valueFontSize};
+    fill: ${g};
+    font-size: ${p.valueFontSize};
   }
   .treemapTitle {
-    fill: ${f.titleColor};
-    font-size: ${f.titleFontSize};
+    fill: ${m};
+    font-size: ${p.titleFontSize};
   }
   `;
 	}, "getStyles")

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/diagram-MMDJMWI5.js

@@ -0,0 +1,211 @@
+import { __name, log } from "./chunk-AGHRB4JF.js";
+import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, getThemeVariables3, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
+import { selectSvgElement } from "./chunk-426QAEUC.js";
+import { cleanAndMerge } from "./chunk-5PVQY5BW.js";
+import { populateCommonDb } from "./chunk-4BX2VUAB.js";
+import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
+var defaultOptions = {
+	showLegend: !0,
+	ticks: 5,
+	max: null,
+	min: 0,
+	graticule: "circle"
+}, defaultRadarData = {
+	axes: [],
+	curves: [],
+	options: defaultOptions
+}, data = structuredClone(defaultRadarData), DEFAULT_RADAR_CONFIG = defaultConfig_default.radar, getConfig2 = /* @__PURE__ */ __name(() => cleanAndMerge({
+	...DEFAULT_RADAR_CONFIG,
+	...getConfig().radar
+}), "getConfig"), getAxes = /* @__PURE__ */ __name(() => data.axes, "getAxes"), getCurves = /* @__PURE__ */ __name(() => data.curves, "getCurves"), getOptions = /* @__PURE__ */ __name(() => data.options, "getOptions"), setAxes = /* @__PURE__ */ __name((c) => {
+	data.axes = c.map((c) => ({
+		name: c.name,
+		label: c.label ?? c.name
+	}));
+}, "setAxes"), setCurves = /* @__PURE__ */ __name((c) => {
+	data.curves = c.map((c) => ({
+		name: c.name,
+		label: c.label ?? c.name,
+		entries: computeCurveEntries(c.entries)
+	}));
+}, "setCurves"), computeCurveEntries = /* @__PURE__ */ __name((c) => {
+	if (c[0].axis == null) return c.map((c) => c.value);
+	let A = getAxes();
+	if (A.length === 0) throw Error("Axes must be populated before curves for reference entries");
+	return A.map((A) => {
+		let j = c.find((c) => c.axis?.$refText === A.name);
+		if (j === void 0) throw Error("Missing entry for axis " + A.label);
+		return j.value;
+	});
+}, "computeCurveEntries"), db = {
+	getAxes,
+	getCurves,
+	getOptions,
+	setAxes,
+	setCurves,
+	setOptions: /* @__PURE__ */ __name((c) => {
+		let A = c.reduce((c, A) => (c[A.name] = A, c), {});
+		data.options = {
+			showLegend: A.showLegend?.value ?? defaultOptions.showLegend,
+			ticks: A.ticks?.value ?? defaultOptions.ticks,
+			max: A.max?.value ?? defaultOptions.max,
+			min: A.min?.value ?? defaultOptions.min,
+			graticule: A.graticule?.value ?? defaultOptions.graticule
+		};
+	}, "setOptions"),
+	getConfig: getConfig2,
+	clear: /* @__PURE__ */ __name(() => {
+		clear(), data = structuredClone(defaultRadarData);
+	}, "clear"),
+	setAccTitle,
+	getAccTitle,
+	setDiagramTitle,
+	getDiagramTitle,
+	getAccDescription,
+	setAccDescription
+}, populate = /* @__PURE__ */ __name((c) => {
+	populateCommonDb(c, db);
+	let { axes: A, curves: j, options: M } = c;
+	db.setAxes(A), db.setCurves(j), db.setOptions(M);
+}, "populate"), parser = { parse: /* @__PURE__ */ __name(async (c) => {
+	let j = await parse("radar", c);
+	log.debug(j), populate(j);
+}, "parse") }, draw = /* @__PURE__ */ __name((c, A, j, M) => {
+	let N = M.db, P = N.getAxes(), F = N.getCurves(), I = N.getOptions(), L = N.getConfig(), R = N.getDiagramTitle(), z = drawFrame(selectSvgElement(A), L), B = I.max ?? Math.max(...F.map((c) => Math.max(...c.entries))), V = I.min, H = Math.min(L.width, L.height) / 2;
+	drawGraticule(z, P, H, I.ticks, I.graticule), drawAxes(z, P, H, L), drawCurves(z, P, F, V, B, I.graticule, L), drawLegend(z, F, I.showLegend, L), z.append("text").attr("class", "radarTitle").text(R).attr("x", 0).attr("y", -L.height / 2 - L.marginTop);
+}, "draw"), drawFrame = /* @__PURE__ */ __name((c, A) => {
+	let j = A.width + A.marginLeft + A.marginRight, N = A.height + A.marginTop + A.marginBottom, P = {
+		x: A.marginLeft + A.width / 2,
+		y: A.marginTop + A.height / 2
+	};
+	return configureSvgSize(c, N, j, A.useMaxWidth ?? !0), c.attr("viewBox", `0 0 ${j} ${N}`), c.append("g").attr("transform", `translate(${P.x}, ${P.y})`);
+}, "drawFrame"), drawGraticule = /* @__PURE__ */ __name((c, A, j, M, N) => {
+	if (N === "circle") for (let A = 0; A < M; A++) {
+		let N = j * (A + 1) / M;
+		c.append("circle").attr("r", N).attr("class", "radarGraticule");
+	}
+	else if (N === "polygon") {
+		let N = A.length;
+		for (let P = 0; P < M; P++) {
+			let F = j * (P + 1) / M, I = A.map((c, A) => {
+				let j = 2 * A * Math.PI / N - Math.PI / 2;
+				return `${F * Math.cos(j)},${F * Math.sin(j)}`;
+			}).join(" ");
+			c.append("polygon").attr("points", I).attr("class", "radarGraticule");
+		}
+	}
+}, "drawGraticule"), drawAxes = /* @__PURE__ */ __name((c, A, j, M) => {
+	let N = A.length;
+	for (let P = 0; P < N; P++) {
+		let F = A[P].label, I = 2 * P * Math.PI / N - Math.PI / 2;
+		c.append("line").attr("x1", 0).attr("y1", 0).attr("x2", j * M.axisScaleFactor * Math.cos(I)).attr("y2", j * M.axisScaleFactor * Math.sin(I)).attr("class", "radarAxisLine"), c.append("text").text(F).attr("x", j * M.axisLabelFactor * Math.cos(I)).attr("y", j * M.axisLabelFactor * Math.sin(I)).attr("class", "radarAxisLabel");
+	}
+}, "drawAxes");
+function drawCurves(c, A, j, M, N, P, F) {
+	let I = A.length, L = Math.min(F.width, F.height) / 2;
+	j.forEach((A, j) => {
+		if (A.entries.length !== I) return;
+		let R = A.entries.map((c, A) => {
+			let j = 2 * Math.PI * A / I - Math.PI / 2, P = relativeRadius(c, M, N, L);
+			return {
+				x: P * Math.cos(j),
+				y: P * Math.sin(j)
+			};
+		});
+		P === "circle" ? c.append("path").attr("d", closedRoundCurve(R, F.curveTension)).attr("class", `radarCurve-${j}`) : P === "polygon" && c.append("polygon").attr("points", R.map((c) => `${c.x},${c.y}`).join(" ")).attr("class", `radarCurve-${j}`);
+	});
+}
+__name(drawCurves, "drawCurves");
+function relativeRadius(c, A, j, M) {
+	return M * (Math.min(Math.max(c, A), j) - A) / (j - A);
+}
+__name(relativeRadius, "relativeRadius");
+function closedRoundCurve(c, A) {
+	let j = c.length, M = `M${c[0].x},${c[0].y}`;
+	for (let N = 0; N < j; N++) {
+		let P = c[(N - 1 + j) % j], F = c[N], I = c[(N + 1) % j], L = c[(N + 2) % j], R = {
+			x: F.x + (I.x - P.x) * A,
+			y: F.y + (I.y - P.y) * A
+		}, z = {
+			x: I.x - (L.x - F.x) * A,
+			y: I.y - (L.y - F.y) * A
+		};
+		M += ` C${R.x},${R.y} ${z.x},${z.y} ${I.x},${I.y}`;
+	}
+	return `${M} Z`;
+}
+__name(closedRoundCurve, "closedRoundCurve");
+function drawLegend(c, A, j, M) {
+	if (!j) return;
+	let N = (M.width / 2 + M.marginRight) * 3 / 4, P = -(M.height / 2 + M.marginTop) * 3 / 4;
+	A.forEach((A, j) => {
+		let M = c.append("g").attr("transform", `translate(${N}, ${P + j * 20})`);
+		M.append("rect").attr("width", 12).attr("height", 12).attr("class", `radarLegendBox-${j}`), M.append("text").attr("x", 16).attr("y", 0).attr("class", "radarLegendText").text(A.label);
+	});
+}
+__name(drawLegend, "drawLegend");
+var renderer = { draw }, genIndexStyles = /* @__PURE__ */ __name((c, A) => {
+	let j = "";
+	for (let M = 0; M < c.THEME_COLOR_LIMIT; M++) {
+		let N = c[`cScale${M}`];
+		j += `
+		.radarCurve-${M} {
+			color: ${N};
+			fill: ${N};
+			fill-opacity: ${A.curveOpacity};
+			stroke: ${N};
+			stroke-width: ${A.curveStrokeWidth};
+		}
+		.radarLegendBox-${M} {
+			fill: ${N};
+			fill-opacity: ${A.curveOpacity};
+			stroke: ${N};
+		}
+		`;
+	}
+	return j;
+}, "genIndexStyles"), buildRadarStyleOptions = /* @__PURE__ */ __name((c) => {
+	let A = cleanAndMerge(getThemeVariables3(), getConfig().themeVariables);
+	return {
+		themeVariables: A,
+		radarOptions: cleanAndMerge(A.radar, c)
+	};
+}, "buildRadarStyleOptions"), diagram = {
+	parser,
+	db,
+	renderer,
+	styles: /* @__PURE__ */ __name(({ radar: c } = {}) => {
+		let { themeVariables: A, radarOptions: j } = buildRadarStyleOptions(c);
+		return `
+	.radarTitle {
+		font-size: ${A.fontSize};
+		color: ${A.titleColor};
+		dominant-baseline: hanging;
+		text-anchor: middle;
+	}
+	.radarAxisLine {
+		stroke: ${j.axisColor};
+		stroke-width: ${j.axisStrokeWidth};
+	}
+	.radarAxisLabel {
+		dominant-baseline: middle;
+		text-anchor: middle;
+		font-size: ${j.axisLabelFontSize}px;
+		color: ${j.axisColor};
+	}
+	.radarGraticule {
+		fill: ${j.graticuleColor};
+		fill-opacity: ${j.graticuleOpacity};
+		stroke: ${j.graticuleColor};
+		stroke-width: ${j.graticuleStrokeWidth};
+	}
+	.radarLegendText {
+		text-anchor: start;
+		font-size: ${j.legendFontSize}px;
+		dominant-baseline: hanging;
+	}
+	${genIndexStyles(A, j)}
+	`;
+	}, "styles")
+};
+export { diagram };

package/dist/node_modules/mermaid/dist/chunks/mermaid.core/{diagram-S2PKOQOG.js → diagram-TYMM5635.js}

@@ -1,7 +1,7 @@
 import { __name, log } from "./chunk-AGHRB4JF.js";
-import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ABZYJK2D.js";
-import { selectSvgElement } from "./chunk-EXTU4WIE.js";
-import { cleanAndMerge } from "./chunk-S3R3BYOJ.js";
+import { clear, configureSvgSize, defaultConfig_default, getAccDescription, getAccTitle, getConfig, getDiagramTitle, setAccDescription, setAccTitle, setDiagramTitle } from "./chunk-ICPOFSXX.js";
+import { selectSvgElement } from "./chunk-426QAEUC.js";
+import { cleanAndMerge } from "./chunk-5PVQY5BW.js";
 import { populateCommonDb } from "./chunk-4BX2VUAB.js";
 import { parse } from "../../../../@mermaid-js/parser/dist/mermaid-parser.core.js";
 var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet, PacketDB = class {
@@ -70,7 +70,7 @@ var DEFAULT_PACKET_CONFIG = defaultConfig_default.packet, PacketDB = class {
 	}, "parse")
 }, draw = /* @__PURE__ */ __name((e, d, f, m) => {
 	let h = m.db, g = h.getConfig(), { rowHeight: _, paddingY: v, bitWidth: y, bitsPerRow: b } = g, x = h.getPacket(), S = h.getDiagramTitle(), C = _ + v, w = C * (x.length + 1) - (S ? 0 : _), T = y * b + 2, E = selectSvgElement(d);
-	E.attr("viewbox", `0 0 ${T} ${w}`), configureSvgSize(E, w, T, g.useMaxWidth);
+	E.attr("viewBox", `0 0 ${T} ${w}`), configureSvgSize(E, w, T, g.useMaxWidth);
 	for (let [e, d] of x.entries()) drawWord(E, d, e, g);
 	E.append("text").text(S).attr("x", T / 2).attr("y", w - C / 2).attr("dominant-baseline", "middle").attr("text-anchor", "middle").attr("class", "packetTitle");
 }, "draw"), drawWord = /* @__PURE__ */ __name((e, d, f, { rowHeight: p, paddingX: m, paddingY: h, bitWidth: g, bitsPerRow: _, showBits: v }) => {