@pi-outpost/embed 0.32.4 → 0.34.0

package/dist/chunk-NTY3LDVX-CvRtOCpm.js

@@ -0,0 +1,363 @@
+import { n as e } from "./chunk-Y2CYZVJY-CwsV_8W4.js";
+import { m as t, p as n } from "./src-Dkp7vqs8.js";
+import { b as r, g as i, w as a } from "./chunk-VPRB5NB3-DJh7spRO.js";
+import { n as o } from "./chunk-E2ZNV5FY-Bu796yUY.js";
+import { a as s, i as c, t as l } from "./chunk-4EA7E6EY-B5P7n2an.js";
+import { s as u } from "./chunk-J5ZVWO5B-DEP-pB-1.js";
+import { t as d } from "./rough.esm-D2JJJ0Ot.js";
+import { i as f, n as p, t as m } from "./chunk-XC4XBNZT-CSiWBPH9.js";
+import { n as h } from "./chunk-DBDB3WZW-DpEOsLsQ.js";
+//#region ../node_modules/mermaid/dist/chunks/mermaid.core/chunk-NTY3LDVX.mjs
+var g = /* @__PURE__ */ e(async (e, a) => {
+	let l = r(), { theme: p, themeVariables: m, handDrawnSeed: h } = l, { clusterBkg: g, clusterBorder: _, borderColorArray: v } = m, y = _, { labelStyles: b, nodeStyles: x, borderStyles: S, backgroundStyles: C } = c(a), w = e.insert("g").attr("class", "cluster swimlane " + (a.cssClasses || "")).attr("id", a.id).attr("data-id", a.id).attr("data-et", "cluster").attr("data-look", a.look);
+	u(w, a.colorIndex, p, v);
+	let T = i(l.flowchart.htmlLabels), E = a.direction === "LR", D = w.insert("g").attr("class", "cluster-label swimlane-label"), O = await o(D, a.label, {
+		style: a.labelStyle,
+		useHtmlLabels: T,
+		isNode: !0,
+		width: a.width
+	}), k = O.getBBox();
+	if (T) {
+		let e = O.children[0], t = n(O);
+		k = e.getBoundingClientRect(), t.attr("width", k.width), t.attr("height", k.height);
+	}
+	let A = a.padding ?? 0, j = a.width <= k.width + A ? k.width + A : a.width;
+	a.diff = a.width <= k.width + A ? (j - a.width) / 2 - A : -A;
+	let M = a.height, N = a.y - M / 2, P = a.y + M / 2, F = a.x - j / 2, I = a.swimlaneContentTop === void 0 ? N + M / 3 : a.swimlaneContentTop, L = E ? 4 : 0, R = k.height + 2 * L, z, B;
+	if (E) {
+		let e = Math.max(R, k.height + 2 * L), t = F + e, n = Math.max(0, j - e);
+		if (a.look === "handDrawn") {
+			let r = d.svg(w), i = s(a, {
+				roughness: .7,
+				fill: g,
+				stroke: y,
+				seed: h
+			}), o = s(a, {
+				roughness: .7,
+				fill: "none",
+				stroke: y,
+				seed: h
+			}), c = r.rectangle(F, N, e, M, i);
+			z = w.insert(() => c, ":first-child").attr("class", "swimlane-title");
+			let l = r.rectangle(t, N, n, M, o);
+			B = w.insert(() => l, ":first-child").attr("class", "swimlane-body"), z.select("path:nth-child(2)").attr("style", S.join(";")), z.select("path").attr("style", C.join(";").replace("fill", "stroke"));
+		} else z = w.insert("rect", ":first-child"), B = w.insert("rect", ":first-child"), z.attr("class", "swimlane-title").attr("style", x).attr("x", F).attr("y", N).attr("width", e).attr("height", M).attr("fill", g).attr("stroke", y), B.attr("class", "swimlane-body").attr("style", x).attr("x", t).attr("y", N).attr("width", n).attr("height", M).attr("fill", "none").attr("stroke", y);
+		let r = F + e / 2, i = a.y;
+		D.attr("transform", `translate(${r}, ${i}) rotate(-90) translate(${-k.width / 2}, ${-k.height / 2})`);
+	} else {
+		let e = Math.max(0, I - N), t = Math.min(R, e), n = N + t, r = Math.max(0, P - n), i = a.x - j / 2;
+		if (a.look === "handDrawn") {
+			let e = d.svg(w), o = s(a, {
+				roughness: .7,
+				fill: g,
+				stroke: y,
+				fillWeight: 3,
+				seed: h
+			}), c = s(a, {
+				roughness: .7,
+				fill: "none",
+				stroke: y,
+				seed: h
+			}), l = e.rectangle(i, N, j, t, o);
+			z = w.insert(() => l, ":first-child").attr("class", "swimlane-title");
+			let u = e.rectangle(i, n, j, r, c);
+			B = w.insert(() => u, ":first-child").attr("class", "swimlane-body"), z.select("path:nth-child(2)").attr("style", S.join(";")), z.select("path").attr("style", C.join(";").replace("fill", "stroke"));
+		} else z = w.insert("rect", ":first-child"), B = w.insert("rect", ":first-child"), z.attr("class", "swimlane-title").attr("style", x).attr("x", i).attr("y", N).attr("width", j).attr("height", t).attr("fill", g).attr("stroke", y), B.attr("class", "swimlane-body").attr("style", x).attr("x", i).attr("y", n).attr("width", j).attr("height", r).attr("fill", "none").attr("stroke", y);
+		let o = a.x - k.width / 2, c = N + (t - k.height) / 2;
+		D.attr("transform", `translate(${o}, ${c})`);
+	}
+	if (t.trace("Swimlane data ", a, JSON.stringify(a)), b) {
+		let e = D.select("span");
+		e && e.attr("style", b);
+	}
+	return a.offsetX = 0, a.width = j, a.height = M, a.offsetY = k.height - A / 2, a.intersect = function(e) {
+		return f(a, e);
+	}, {
+		cluster: w,
+		labelBBox: k
+	};
+}, "swimlane"), _ = /* @__PURE__ */ e(async (e, i) => {
+	t.info("Creating subgraph rect for ", i.id, i);
+	let l = r(), { theme: g, themeVariables: _, handDrawnSeed: v } = l, { clusterBkg: y, clusterBorder: b, borderColorArray: x } = _, { labelStyles: S, nodeStyles: C, borderStyles: w, backgroundStyles: T } = c(i), E = e.insert("g").attr("class", "cluster " + i.cssClasses).attr("id", i.domId).attr("data-look", i.look);
+	u(E, i.colorIndex, g, x);
+	let D = a(l), O = E.insert("g").attr("class", "cluster-label "), k;
+	k = i.labelType === "markdown" ? await o(O, i.label, {
+		style: i.labelStyle,
+		useHtmlLabels: D,
+		isNode: !0,
+		width: i.width
+	}) : await m(O, i.label, i.labelStyle || "", !1, !0);
+	let A = k.getBBox();
+	if (a(l)) {
+		let e = k.children[0], t = n(k);
+		A = e.getBoundingClientRect(), t.attr("width", A.width), t.attr("height", A.height);
+	}
+	let j = i.width <= A.width + i.padding ? A.width + i.padding : i.width;
+	i.diff = i.width <= A.width + i.padding ? (j - i.width) / 2 - i.padding : -i.padding;
+	let M = i.height, N = i.x - j / 2, P = i.y - M / 2;
+	t.trace("Data ", i, JSON.stringify(i));
+	let F;
+	if (i.look === "handDrawn") {
+		let e = d.svg(E), n = s(i, {
+			roughness: .7,
+			fill: y,
+			stroke: b,
+			fillWeight: 3,
+			seed: v
+		}), r = e.path(p(N, P, j, M, 0), n);
+		F = E.insert(() => (t.debug("Rough node insert CXC", r), r), ":first-child"), F.select("path:nth-child(2)").attr("style", w.join(";")), F.select("path").attr("style", T.join(";").replace("fill", "stroke"));
+	} else F = E.insert("rect", ":first-child"), F.attr("style", C).attr("rx", i.rx).attr("ry", i.ry).attr("x", N).attr("y", P).attr("width", j).attr("height", M);
+	let { subGraphTitleTopMargin: I } = h(l);
+	if (O.attr("transform", `translate(${i.x - A.width / 2}, ${i.y - i.height / 2 + I})`), S) {
+		let e = O.select("span");
+		e && e.attr("style", S);
+	}
+	let L = F.node().getBBox();
+	return i.offsetX = 0, i.width = L.width, i.height = L.height, i.offsetY = A.height - i.padding / 2, i.intersect = function(e) {
+		return f(i, e);
+	}, {
+		cluster: E,
+		labelBBox: A
+	};
+}, "rect"), v = /* @__PURE__ */ e((e, t) => {
+	let n = e.insert("g").attr("class", "note-cluster").attr("id", t.domId), r = n.insert("rect", ":first-child"), i = 0 * t.padding, a = i / 2;
+	r.attr("rx", t.rx).attr("ry", t.ry).attr("x", t.x - t.width / 2 - a).attr("y", t.y - t.height / 2 - a).attr("width", t.width + i).attr("height", t.height + i).attr("fill", "none");
+	let o = r.node().getBBox();
+	return t.width = o.width, t.height = o.height, t.intersect = function(e) {
+		return f(t, e);
+	}, {
+		cluster: n,
+		labelBBox: {
+			width: 0,
+			height: 0
+		}
+	};
+}, "noteGroup"), y = /* @__PURE__ */ e(async (e, t) => {
+	let i = r(), { theme: o, themeVariables: s, handDrawnSeed: c } = i, { altBackground: l, borderColorArray: h, compositeBackground: g, compositeTitleBackground: _, nodeBorder: v } = s, y = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-id", t.id).attr("data-look", t.look);
+	u(y, t.colorIndex, o, h);
+	let b = y.insert("g", ":first-child"), x = y.insert("g").attr("class", "cluster-label"), S = y.append("rect"), C = await m(x, t.label, t.labelStyle, void 0, !0), w = C.getBBox();
+	if (a(i)) {
+		let e = C.children[0], t = n(C);
+		w = e.getBoundingClientRect(), t.attr("width", w.width), t.attr("height", w.height);
+	}
+	let T = 0 * t.padding, E = T / 2, D = (t.width <= w.width + t.padding ? w.width + t.padding : t.width) + T;
+	t.diff = t.width <= w.width + t.padding ? (D - t.width) / 2 - t.padding : -t.padding;
+	let O = t.height + T, k = t.height + T - w.height - 6, A = t.x - D / 2, j = t.y - O / 2;
+	t.width = D;
+	let M = t.y - t.height / 2 - E + w.height + 2, N;
+	if (t.look === "handDrawn") {
+		let e = t.cssClasses.includes("statediagram-cluster-alt"), n = d.svg(y), r = t.rx || t.ry ? n.path(p(A, j, D, O, 10), {
+			roughness: .7,
+			fill: _,
+			fillStyle: "solid",
+			stroke: v,
+			seed: c
+		}) : n.rectangle(A, j, D, O, { seed: c });
+		N = y.insert(() => r, ":first-child");
+		let i = n.rectangle(A, M, D, k, {
+			fill: e ? l : g,
+			fillStyle: e ? "hachure" : "solid",
+			stroke: v,
+			seed: c
+		});
+		N = y.insert(() => r, ":first-child"), S = y.insert(() => i), N.attr("class", "outer"), S.attr("class", "inner");
+	} else N = b.insert("rect", ":first-child"), N.attr("class", "outer").attr("x", A).attr("y", j).attr("width", D).attr("height", O).attr("data-look", t.look), S.attr("class", "inner").attr("x", A).attr("y", M).attr("width", D).attr("height", k);
+	return x.attr("transform", `translate(${t.x - w.width / 2}, ${j + 1 - (a(i) ? 0 : 3)})`), t.height = N.node().getBBox().height, t.offsetX = 0, t.offsetY = w.height - t.padding / 2, t.labelBBox = w, t.intersect = function(e) {
+		return f(t, e);
+	}, {
+		cluster: y,
+		labelBBox: w
+	};
+}, "roundedWithTitle"), b = /* @__PURE__ */ e(async (e, i) => {
+	t.info("Creating subgraph rect for ", i.id, i);
+	let l = r(), { themeVariables: u, handDrawnSeed: m } = l, { clusterBkg: g, clusterBorder: _ } = u, { labelStyles: v, nodeStyles: y, borderStyles: b, backgroundStyles: x } = c(i), S = e.insert("g").attr("class", "cluster " + i.cssClasses).attr("id", i.domId).attr("data-look", i.look), C = a(l), w = S.insert("g").attr("class", "cluster-label "), T = await o(w, i.label, {
+		style: i.labelStyle,
+		useHtmlLabels: C,
+		isNode: !0,
+		width: i.width
+	}), E = T.getBBox();
+	if (a(l)) {
+		let e = T.children[0], t = n(T);
+		E = e.getBoundingClientRect(), t.attr("width", E.width), t.attr("height", E.height);
+	}
+	let D = i.width <= E.width + i.padding ? E.width + i.padding : i.width;
+	i.diff = i.width <= E.width + i.padding ? (D - i.width) / 2 - i.padding : -i.padding;
+	let O = i.height, k = i.x - D / 2, A = i.y - O / 2;
+	t.trace("Data ", i, JSON.stringify(i));
+	let j;
+	if (i.look === "handDrawn") {
+		let e = d.svg(S), n = s(i, {
+			roughness: .7,
+			fill: g,
+			stroke: _,
+			fillWeight: 4,
+			seed: m
+		}), r = e.path(p(k, A, D, O, i.rx), n);
+		j = S.insert(() => (t.debug("Rough node insert CXC", r), r), ":first-child"), j.select("path:nth-child(2)").attr("style", b.join(";")), j.select("path").attr("style", x.join(";").replace("fill", "stroke"));
+	} else j = S.insert("rect", ":first-child"), j.attr("style", y).attr("rx", i.rx).attr("ry", i.ry).attr("x", k).attr("y", A).attr("width", D).attr("height", O);
+	let { subGraphTitleTopMargin: M } = h(l);
+	if (w.attr("transform", `translate(${i.x - E.width / 2}, ${i.y - i.height / 2 + M})`), v) {
+		let e = w.select("span");
+		e && e.attr("style", v);
+	}
+	let N = j.node().getBBox();
+	return i.offsetX = 0, i.width = N.width, i.height = N.height, i.offsetY = E.height - i.padding / 2, i.intersect = function(e) {
+		return f(i, e);
+	}, {
+		cluster: S,
+		labelBBox: E
+	};
+}, "kanbanSection"), x = /* @__PURE__ */ e((e, t) => {
+	let { theme: n, themeVariables: i, handDrawnSeed: a } = r(), { altBackground: o, nodeBorder: s, borderColorArray: c } = i, l = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-look", t.look);
+	u(l, t.colorIndex, n, c);
+	let p = l.insert("g", ":first-child"), m = 0 * t.padding, h = t.width + m;
+	t.diff = -t.padding;
+	let g = t.height + m, _ = t.x - h / 2, v = t.y - g / 2;
+	t.width = h;
+	let y;
+	if (t.look === "handDrawn") {
+		let e = d.svg(l).rectangle(_, v, h, g, {
+			fill: o ?? "#efefef",
+			fillStyle: "solid",
+			roughness: .5,
+			strokeLineDash: [5],
+			stroke: s,
+			seed: a
+		});
+		y = l.insert(() => e, ":first-child").attr("class", "divider");
+	} else {
+		y = p.insert("rect", ":first-child");
+		let e = "outer";
+		e = (t.look, "divider"), y.attr("class", e).attr("x", _).attr("y", v).attr("width", h).attr("height", g).attr("data-look", t.look);
+	}
+	return t.height = y.node().getBBox().height, t.offsetX = 0, t.offsetY = 0, t.intersect = function(e) {
+		return f(t, e);
+	}, {
+		cluster: l,
+		labelBBox: {}
+	};
+}, "divider"), S = /* @__PURE__ */ e(async (e, i, l) => {
+	t.info(`Creating ${l.cssClass} for `, i.id, i);
+	let g = r(), { theme: _, themeVariables: v, handDrawnSeed: y } = g, { borderColorArray: b } = v, { labelStyles: x, borderStyles: S } = c(i), C = e.insert("g").attr("class", "cluster " + l.cssClass + " " + i.cssClasses).attr("id", i.domId ?? i.id).attr("data-look", i.look);
+	u(C, i.colorIndex, _, b);
+	let w = a(g), T = C.insert("g").attr("class", "cluster-label"), E = {
+		width: 0,
+		height: 0
+	}, D = i.label?.trim();
+	if (D) {
+		let e;
+		if (e = i.labelType === "markdown" ? await o(T, i.label, {
+			style: i.labelStyle,
+			useHtmlLabels: w,
+			isNode: !0,
+			width: i.width
+		}) : await m(T, i.label, i.labelStyle || "", !1, !0), E = e.getBBox(), w) {
+			let t = e.children[0], r = n(e);
+			E = t.getBoundingClientRect(), r.attr("width", E.width), r.attr("height", E.height);
+		}
+	}
+	let O = i.width <= E.width + i.padding ? E.width + i.padding : i.width;
+	i.diff = i.width <= E.width + i.padding ? (O - i.width) / 2 - i.padding : -i.padding;
+	let k = i.height, A = i.x - O / 2, j = i.y - k / 2, M;
+	if (i.look === "handDrawn") {
+		let e = d.svg(C), t = s(i, {
+			roughness: l.roughness,
+			fill: l.fill,
+			stroke: l.stroke,
+			strokeWidth: l.strokeWidth,
+			seed: y,
+			...l.fill === "none" ? { fillWeight: 0 } : { fillStyle: "solid" },
+			...l.strokeDash ? { strokeLineDash: l.strokeDash } : {}
+		}), n = e.path(p(A, j, O, k, l.rx), t);
+		M = C.insert(() => n, ":first-child"), M.select("path:nth-child(2)").attr("style", S.join(";"));
+	} else M = C.insert("rect", ":first-child"), M.attr("rx", l.rx).attr("ry", l.rx).attr("x", A).attr("y", j).attr("width", O).attr("height", k).attr("fill", l.fill).attr("stroke", l.stroke).attr("stroke-width", l.strokeWidth + "px"), l.strokeDash && M.attr("stroke-dasharray", l.strokeDash.join(", "));
+	if (D) {
+		let { subGraphTitleTopMargin: e } = h(g);
+		if (T.attr("transform", `translate(${i.x - E.width / 2}, ${i.y - i.height / 2 + e})`), x) {
+			let e = T.select("span");
+			e && e.attr("style", x);
+		}
+	}
+	let N = M.node().getBBox();
+	return i.offsetX = 0, i.width = N.width, i.height = N.height, i.offsetY = E.height - i.padding / 2, i.intersect = function(e) {
+		return f(i, e);
+	}, {
+		cluster: C,
+		labelBBox: E
+	};
+}, "createContainerGroup"), C = /* @__PURE__ */ e(async (e, t) => {
+	let { themeVariables: n } = r();
+	return S(e, t, {
+		cssClass: "flow-cluster",
+		rx: 10,
+		fill: "none",
+		stroke: n.flowContainerStroke || n.secondaryBorderColor,
+		strokeWidth: .75,
+		roughness: .7
+	});
+}, "flowGroup"), w = /* @__PURE__ */ e((e, t) => {
+	let n = e.boundaryType || "rect", r = n === "package" ? 20 : e.padding, i = n === "package" ? t.height + 10 : 0, a = Math.max(e.width, t.width + r), o = n === "package" ? Math.max(e.height, i + e.padding * 2) : e.height, s = e.x - a / 2, c = e.y - o / 2;
+	return {
+		boundaryType: n,
+		width: a,
+		height: o,
+		x: s,
+		y: c,
+		bodyY: c + i,
+		bodyHeight: o - i,
+		tabHeight: i,
+		tabWidth: n === "package" ? Math.min(a, Math.max(80, t.width + 20)) : 0
+	};
+}, "getUsecaseSystemBoundaryGeometry"), T = {
+	rect: _,
+	squareRect: _,
+	roundedWithTitle: y,
+	noteGroup: v,
+	divider: x,
+	kanbanSection: b,
+	flowGroup: C,
+	usecaseSystemBoundary: /* @__PURE__ */ e(async (e, i) => {
+		t.info("Creating usecase system boundary for ", i.id, i);
+		let p = r(), { theme: m, themeVariables: g, handDrawnSeed: _ } = p, { clusterBkg: v, clusterBorder: y, borderColorArray: b } = g, { labelStyles: x, nodeStyles: S } = c(i), { stylesMap: C } = l(i), T = i.boundaryType || "rect", E = e.insert("g").attr("class", `cluster usecase-system-boundary usecase-system-boundary-${T} ${i.cssClasses}`).attr("id", typeof i.domId == "string" ? i.domId : i.id).attr("data-boundary-type", T).attr("data-look", i.look);
+		u(E, i.colorIndex, m, b);
+		let D = a(p), O = E.insert("g").attr("class", "cluster-label system-boundary-title"), k = await o(O, i.label, {
+			style: x,
+			useHtmlLabels: D,
+			isNode: !0
+		}), A = k.getBBox();
+		if (D) {
+			let e = k.children[0], t = n(k);
+			A = e.getBoundingClientRect(), t.attr("width", A.width), t.attr("height", A.height);
+		}
+		let { width: j, height: M, x: N, y: P, bodyY: F, bodyHeight: I, tabHeight: L, tabWidth: R } = w(i, A);
+		i.diff = i.width <= A.width + i.padding ? (j - i.width) / 2 - i.padding : -i.padding;
+		let z = s(i, {
+			fill: C.get("fill") || v,
+			stroke: C.get("stroke") || y,
+			strokeWidth: C.get("stroke-width")?.replace("px", "") || 1,
+			seed: _
+		});
+		if (i.look === "handDrawn") {
+			let e = d.svg(E), t = e.rectangle(N, F, j, I, z);
+			if (E.insert(() => t, ":first-child").attr("class", "boundary-body label-container"), T === "package") {
+				let t = e.rectangle(N, P, R, L, z);
+				E.insert(() => t, ":first-child").attr("class", "boundary-tab system-boundary-package-tab label-container");
+			}
+		} else E.insert("rect", ":first-child").attr("class", "boundary-body label-container").attr("style", S).attr("x", N).attr("y", F).attr("width", j).attr("height", I), T === "package" && E.insert("rect", ":first-child").attr("class", "boundary-tab system-boundary-package-tab label-container").attr("style", S).attr("x", N).attr("y", P).attr("width", R).attr("height", L);
+		let { subGraphTitleTopMargin: B } = h(p);
+		return T === "package" ? O.attr("transform", `translate(${N + (R - A.width) / 2}, ${P + (L - A.height) / 2})`) : O.attr("transform", `translate(${i.x - A.width / 2}, ${P + B})`), x && (O.attr("style", x), O.select("span").attr("style", x)), i.offsetX = 0, i.width = j, i.height = M, i.offsetY = A.height - i.padding / 2, i.labelBBox = A, i.intersect = function(e) {
+			return f(i, e);
+		}, {
+			cluster: E,
+			labelBBox: A
+		};
+	}, "usecaseSystemBoundary"),
+	swimlane: g
+}, E = /* @__PURE__ */ new Set(["noteGroup", "divider"]), D = /* @__PURE__ */ e((e) => !E.has(e ?? "rect"), "clusterPaintsTitle"), O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ e(async (e, t) => {
+	let n = await T[t.shape || "rect"](e, t);
+	return O.set(t.id, n), n;
+}, "insertCluster"), A = /* @__PURE__ */ e(() => {
+	O = /* @__PURE__ */ new Map();
+}, "clear");
+//#endregion
+export { D as n, k as r, A as t };

package/dist/chunk-NTY3LDVX-DBVRlnMJ.cjs

@@ -0,0 +1 @@
+const e=require("./chunk-Y2CYZVJY-CnmLqFtv.cjs"),t=require("./src-D9o9TOtH.cjs"),n=require("./chunk-VPRB5NB3-CT204jN6.cjs"),r=require("./chunk-E2ZNV5FY-DIRTchKA.cjs"),i=require("./chunk-4EA7E6EY-3OELTJ93.cjs"),a=require("./chunk-J5ZVWO5B-CK5HGA-t.cjs"),o=require("./rough.esm-ChRLLRha.cjs"),s=require("./chunk-XC4XBNZT-BTUjiQhE.cjs"),c=require("./chunk-DBDB3WZW-DSRcln4l.cjs");var l=e.n(async(e,c)=>{let l=n.b(),{theme:u,themeVariables:d,handDrawnSeed:f}=l,{clusterBkg:p,clusterBorder:m,borderColorArray:h}=d,g=m,{labelStyles:_,nodeStyles:v,borderStyles:y,backgroundStyles:b}=i.i(c),x=e.insert(`g`).attr(`class`,`cluster swimlane `+(c.cssClasses||``)).attr(`id`,c.id).attr(`data-id`,c.id).attr(`data-et`,`cluster`).attr(`data-look`,c.look);a.s(x,c.colorIndex,u,h);let S=n.g(l.flowchart.htmlLabels),C=c.direction===`LR`,w=x.insert(`g`).attr(`class`,`cluster-label swimlane-label`),T=await r.n(w,c.label,{style:c.labelStyle,useHtmlLabels:S,isNode:!0,width:c.width}),E=T.getBBox();if(S){let e=T.children[0],n=t.p(T);E=e.getBoundingClientRect(),n.attr(`width`,E.width),n.attr(`height`,E.height)}let D=c.padding??0,O=c.width<=E.width+D?E.width+D:c.width;c.diff=c.width<=E.width+D?(O-c.width)/2-D:-D;let k=c.height,A=c.y-k/2,j=c.y+k/2,M=c.x-O/2,N=c.swimlaneContentTop===void 0?A+k/3:c.swimlaneContentTop,P=C?4:0,F=E.height+2*P,I,L;if(C){let e=Math.max(F,E.height+2*P),t=M+e,n=Math.max(0,O-e);if(c.look===`handDrawn`){let r=o.t.svg(x),a=i.a(c,{roughness:.7,fill:p,stroke:g,seed:f}),s=i.a(c,{roughness:.7,fill:`none`,stroke:g,seed:f}),l=r.rectangle(M,A,e,k,a);I=x.insert(()=>l,`:first-child`).attr(`class`,`swimlane-title`);let u=r.rectangle(t,A,n,k,s);L=x.insert(()=>u,`:first-child`).attr(`class`,`swimlane-body`),I.select(`path:nth-child(2)`).attr(`style`,y.join(`;`)),I.select(`path`).attr(`style`,b.join(`;`).replace(`fill`,`stroke`))}else I=x.insert(`rect`,`:first-child`),L=x.insert(`rect`,`:first-child`),I.attr(`class`,`swimlane-title`).attr(`style`,v).attr(`x`,M).attr(`y`,A).attr(`width`,e).attr(`height`,k).attr(`fill`,p).attr(`stroke`,g),L.attr(`class`,`swimlane-body`).attr(`style`,v).attr(`x`,t).attr(`y`,A).attr(`width`,n).attr(`height`,k).attr(`fill`,`none`).attr(`stroke`,g);let r=M+e/2,a=c.y;w.attr(`transform`,`translate(${r}, ${a}) rotate(-90) translate(${-E.width/2}, ${-E.height/2})`)}else{let e=Math.max(0,N-A),t=Math.min(F,e),n=A+t,r=Math.max(0,j-n),a=c.x-O/2;if(c.look===`handDrawn`){let e=o.t.svg(x),s=i.a(c,{roughness:.7,fill:p,stroke:g,fillWeight:3,seed:f}),l=i.a(c,{roughness:.7,fill:`none`,stroke:g,seed:f}),u=e.rectangle(a,A,O,t,s);I=x.insert(()=>u,`:first-child`).attr(`class`,`swimlane-title`);let d=e.rectangle(a,n,O,r,l);L=x.insert(()=>d,`:first-child`).attr(`class`,`swimlane-body`),I.select(`path:nth-child(2)`).attr(`style`,y.join(`;`)),I.select(`path`).attr(`style`,b.join(`;`).replace(`fill`,`stroke`))}else I=x.insert(`rect`,`:first-child`),L=x.insert(`rect`,`:first-child`),I.attr(`class`,`swimlane-title`).attr(`style`,v).attr(`x`,a).attr(`y`,A).attr(`width`,O).attr(`height`,t).attr(`fill`,p).attr(`stroke`,g),L.attr(`class`,`swimlane-body`).attr(`style`,v).attr(`x`,a).attr(`y`,n).attr(`width`,O).attr(`height`,r).attr(`fill`,`none`).attr(`stroke`,g);let s=c.x-E.width/2,l=A+(t-E.height)/2;w.attr(`transform`,`translate(${s}, ${l})`)}if(t.m.trace(`Swimlane data `,c,JSON.stringify(c)),_){let e=w.select(`span`);e&&e.attr(`style`,_)}return c.offsetX=0,c.width=O,c.height=k,c.offsetY=E.height-D/2,c.intersect=function(e){return s.i(c,e)},{cluster:x,labelBBox:E}},`swimlane`),u=e.n(async(e,l)=>{t.m.info(`Creating subgraph rect for `,l.id,l);let u=n.b(),{theme:d,themeVariables:f,handDrawnSeed:p}=u,{clusterBkg:m,clusterBorder:h,borderColorArray:g}=f,{labelStyles:_,nodeStyles:v,borderStyles:y,backgroundStyles:b}=i.i(l),x=e.insert(`g`).attr(`class`,`cluster `+l.cssClasses).attr(`id`,l.domId).attr(`data-look`,l.look);a.s(x,l.colorIndex,d,g);let S=n.w(u),C=x.insert(`g`).attr(`class`,`cluster-label `),w;w=l.labelType===`markdown`?await r.n(C,l.label,{style:l.labelStyle,useHtmlLabels:S,isNode:!0,width:l.width}):await s.t(C,l.label,l.labelStyle||``,!1,!0);let T=w.getBBox();if(n.w(u)){let e=w.children[0],n=t.p(w);T=e.getBoundingClientRect(),n.attr(`width`,T.width),n.attr(`height`,T.height)}let E=l.width<=T.width+l.padding?T.width+l.padding:l.width;l.diff=l.width<=T.width+l.padding?(E-l.width)/2-l.padding:-l.padding;let D=l.height,O=l.x-E/2,k=l.y-D/2;t.m.trace(`Data `,l,JSON.stringify(l));let A;if(l.look===`handDrawn`){let e=o.t.svg(x),n=i.a(l,{roughness:.7,fill:m,stroke:h,fillWeight:3,seed:p}),r=e.path(s.n(O,k,E,D,0),n);A=x.insert(()=>(t.m.debug(`Rough node insert CXC`,r),r),`:first-child`),A.select(`path:nth-child(2)`).attr(`style`,y.join(`;`)),A.select(`path`).attr(`style`,b.join(`;`).replace(`fill`,`stroke`))}else A=x.insert(`rect`,`:first-child`),A.attr(`style`,v).attr(`rx`,l.rx).attr(`ry`,l.ry).attr(`x`,O).attr(`y`,k).attr(`width`,E).attr(`height`,D);let{subGraphTitleTopMargin:j}=c.n(u);if(C.attr(`transform`,`translate(${l.x-T.width/2}, ${l.y-l.height/2+j})`),_){let e=C.select(`span`);e&&e.attr(`style`,_)}let M=A.node().getBBox();return l.offsetX=0,l.width=M.width,l.height=M.height,l.offsetY=T.height-l.padding/2,l.intersect=function(e){return s.i(l,e)},{cluster:x,labelBBox:T}},`rect`),d=e.n((e,t)=>{let n=e.insert(`g`).attr(`class`,`note-cluster`).attr(`id`,t.domId),r=n.insert(`rect`,`:first-child`),i=0*t.padding,a=i/2;r.attr(`rx`,t.rx).attr(`ry`,t.ry).attr(`x`,t.x-t.width/2-a).attr(`y`,t.y-t.height/2-a).attr(`width`,t.width+i).attr(`height`,t.height+i).attr(`fill`,`none`);let o=r.node().getBBox();return t.width=o.width,t.height=o.height,t.intersect=function(e){return s.i(t,e)},{cluster:n,labelBBox:{width:0,height:0}}},`noteGroup`),f=e.n(async(e,r)=>{let i=n.b(),{theme:c,themeVariables:l,handDrawnSeed:u}=i,{altBackground:d,borderColorArray:f,compositeBackground:p,compositeTitleBackground:m,nodeBorder:h}=l,g=e.insert(`g`).attr(`class`,r.cssClasses).attr(`id`,r.domId).attr(`data-id`,r.id).attr(`data-look`,r.look);a.s(g,r.colorIndex,c,f);let _=g.insert(`g`,`:first-child`),v=g.insert(`g`).attr(`class`,`cluster-label`),y=g.append(`rect`),b=await s.t(v,r.label,r.labelStyle,void 0,!0),x=b.getBBox();if(n.w(i)){let e=b.children[0],n=t.p(b);x=e.getBoundingClientRect(),n.attr(`width`,x.width),n.attr(`height`,x.height)}let S=0*r.padding,C=S/2,w=(r.width<=x.width+r.padding?x.width+r.padding:r.width)+S;r.diff=r.width<=x.width+r.padding?(w-r.width)/2-r.padding:-r.padding;let T=r.height+S,E=r.height+S-x.height-6,D=r.x-w/2,O=r.y-T/2;r.width=w;let k=r.y-r.height/2-C+x.height+2,A;if(r.look===`handDrawn`){let e=r.cssClasses.includes(`statediagram-cluster-alt`),t=o.t.svg(g),n=r.rx||r.ry?t.path(s.n(D,O,w,T,10),{roughness:.7,fill:m,fillStyle:`solid`,stroke:h,seed:u}):t.rectangle(D,O,w,T,{seed:u});A=g.insert(()=>n,`:first-child`);let i=t.rectangle(D,k,w,E,{fill:e?d:p,fillStyle:e?`hachure`:`solid`,stroke:h,seed:u});A=g.insert(()=>n,`:first-child`),y=g.insert(()=>i),A.attr(`class`,`outer`),y.attr(`class`,`inner`)}else A=_.insert(`rect`,`:first-child`),A.attr(`class`,`outer`).attr(`x`,D).attr(`y`,O).attr(`width`,w).attr(`height`,T).attr(`data-look`,r.look),y.attr(`class`,`inner`).attr(`x`,D).attr(`y`,k).attr(`width`,w).attr(`height`,E);return v.attr(`transform`,`translate(${r.x-x.width/2}, ${O+1-(n.w(i)?0:3)})`),r.height=A.node().getBBox().height,r.offsetX=0,r.offsetY=x.height-r.padding/2,r.labelBBox=x,r.intersect=function(e){return s.i(r,e)},{cluster:g,labelBBox:x}},`roundedWithTitle`),p=e.n(async(e,a)=>{t.m.info(`Creating subgraph rect for `,a.id,a);let l=n.b(),{themeVariables:u,handDrawnSeed:d}=l,{clusterBkg:f,clusterBorder:p}=u,{labelStyles:m,nodeStyles:h,borderStyles:g,backgroundStyles:_}=i.i(a),v=e.insert(`g`).attr(`class`,`cluster `+a.cssClasses).attr(`id`,a.domId).attr(`data-look`,a.look),y=n.w(l),b=v.insert(`g`).attr(`class`,`cluster-label `),x=await r.n(b,a.label,{style:a.labelStyle,useHtmlLabels:y,isNode:!0,width:a.width}),S=x.getBBox();if(n.w(l)){let e=x.children[0],n=t.p(x);S=e.getBoundingClientRect(),n.attr(`width`,S.width),n.attr(`height`,S.height)}let C=a.width<=S.width+a.padding?S.width+a.padding:a.width;a.diff=a.width<=S.width+a.padding?(C-a.width)/2-a.padding:-a.padding;let w=a.height,T=a.x-C/2,E=a.y-w/2;t.m.trace(`Data `,a,JSON.stringify(a));let D;if(a.look===`handDrawn`){let e=o.t.svg(v),n=i.a(a,{roughness:.7,fill:f,stroke:p,fillWeight:4,seed:d}),r=e.path(s.n(T,E,C,w,a.rx),n);D=v.insert(()=>(t.m.debug(`Rough node insert CXC`,r),r),`:first-child`),D.select(`path:nth-child(2)`).attr(`style`,g.join(`;`)),D.select(`path`).attr(`style`,_.join(`;`).replace(`fill`,`stroke`))}else D=v.insert(`rect`,`:first-child`),D.attr(`style`,h).attr(`rx`,a.rx).attr(`ry`,a.ry).attr(`x`,T).attr(`y`,E).attr(`width`,C).attr(`height`,w);let{subGraphTitleTopMargin:O}=c.n(l);if(b.attr(`transform`,`translate(${a.x-S.width/2}, ${a.y-a.height/2+O})`),m){let e=b.select(`span`);e&&e.attr(`style`,m)}let k=D.node().getBBox();return a.offsetX=0,a.width=k.width,a.height=k.height,a.offsetY=S.height-a.padding/2,a.intersect=function(e){return s.i(a,e)},{cluster:v,labelBBox:S}},`kanbanSection`),m=e.n((e,t)=>{let{theme:r,themeVariables:i,handDrawnSeed:c}=n.b(),{altBackground:l,nodeBorder:u,borderColorArray:d}=i,f=e.insert(`g`).attr(`class`,t.cssClasses).attr(`id`,t.domId).attr(`data-look`,t.look);a.s(f,t.colorIndex,r,d);let p=f.insert(`g`,`:first-child`),m=0*t.padding,h=t.width+m;t.diff=-t.padding;let g=t.height+m,_=t.x-h/2,v=t.y-g/2;t.width=h;let y;if(t.look===`handDrawn`){let e=o.t.svg(f).rectangle(_,v,h,g,{fill:l??`#efefef`,fillStyle:`solid`,roughness:.5,strokeLineDash:[5],stroke:u,seed:c});y=f.insert(()=>e,`:first-child`).attr(`class`,`divider`)}else{y=p.insert(`rect`,`:first-child`);let e=`outer`;e=(t.look,`divider`),y.attr(`class`,e).attr(`x`,_).attr(`y`,v).attr(`width`,h).attr(`height`,g).attr(`data-look`,t.look)}return t.height=y.node().getBBox().height,t.offsetX=0,t.offsetY=0,t.intersect=function(e){return s.i(t,e)},{cluster:f,labelBBox:{}}},`divider`),h=e.n(async(e,l,u)=>{t.m.info(`Creating ${u.cssClass} for `,l.id,l);let d=n.b(),{theme:f,themeVariables:p,handDrawnSeed:m}=d,{borderColorArray:h}=p,{labelStyles:g,borderStyles:_}=i.i(l),v=e.insert(`g`).attr(`class`,`cluster `+u.cssClass+` `+l.cssClasses).attr(`id`,l.domId??l.id).attr(`data-look`,l.look);a.s(v,l.colorIndex,f,h);let y=n.w(d),b=v.insert(`g`).attr(`class`,`cluster-label`),x={width:0,height:0},S=l.label?.trim();if(S){let e;if(e=l.labelType===`markdown`?await r.n(b,l.label,{style:l.labelStyle,useHtmlLabels:y,isNode:!0,width:l.width}):await s.t(b,l.label,l.labelStyle||``,!1,!0),x=e.getBBox(),y){let n=e.children[0],r=t.p(e);x=n.getBoundingClientRect(),r.attr(`width`,x.width),r.attr(`height`,x.height)}}let C=l.width<=x.width+l.padding?x.width+l.padding:l.width;l.diff=l.width<=x.width+l.padding?(C-l.width)/2-l.padding:-l.padding;let w=l.height,T=l.x-C/2,E=l.y-w/2,D;if(l.look===`handDrawn`){let e=o.t.svg(v),t=i.a(l,{roughness:u.roughness,fill:u.fill,stroke:u.stroke,strokeWidth:u.strokeWidth,seed:m,...u.fill===`none`?{fillWeight:0}:{fillStyle:`solid`},...u.strokeDash?{strokeLineDash:u.strokeDash}:{}}),n=e.path(s.n(T,E,C,w,u.rx),t);D=v.insert(()=>n,`:first-child`),D.select(`path:nth-child(2)`).attr(`style`,_.join(`;`))}else D=v.insert(`rect`,`:first-child`),D.attr(`rx`,u.rx).attr(`ry`,u.rx).attr(`x`,T).attr(`y`,E).attr(`width`,C).attr(`height`,w).attr(`fill`,u.fill).attr(`stroke`,u.stroke).attr(`stroke-width`,u.strokeWidth+`px`),u.strokeDash&&D.attr(`stroke-dasharray`,u.strokeDash.join(`, `));if(S){let{subGraphTitleTopMargin:e}=c.n(d);if(b.attr(`transform`,`translate(${l.x-x.width/2}, ${l.y-l.height/2+e})`),g){let e=b.select(`span`);e&&e.attr(`style`,g)}}let O=D.node().getBBox();return l.offsetX=0,l.width=O.width,l.height=O.height,l.offsetY=x.height-l.padding/2,l.intersect=function(e){return s.i(l,e)},{cluster:v,labelBBox:x}},`createContainerGroup`),g=e.n(async(e,t)=>{let{themeVariables:r}=n.b();return h(e,t,{cssClass:`flow-cluster`,rx:10,fill:`none`,stroke:r.flowContainerStroke||r.secondaryBorderColor,strokeWidth:.75,roughness:.7})},`flowGroup`),_=e.n((e,t)=>{let n=e.boundaryType||`rect`,r=n===`package`?20:e.padding,i=n===`package`?t.height+10:0,a=Math.max(e.width,t.width+r),o=n===`package`?Math.max(e.height,i+e.padding*2):e.height,s=e.x-a/2,c=e.y-o/2;return{boundaryType:n,width:a,height:o,x:s,y:c,bodyY:c+i,bodyHeight:o-i,tabHeight:i,tabWidth:n===`package`?Math.min(a,Math.max(80,t.width+20)):0}},`getUsecaseSystemBoundaryGeometry`),v={rect:u,squareRect:u,roundedWithTitle:f,noteGroup:d,divider:m,kanbanSection:p,flowGroup:g,usecaseSystemBoundary:e.n(async(e,l)=>{t.m.info(`Creating usecase system boundary for `,l.id,l);let u=n.b(),{theme:d,themeVariables:f,handDrawnSeed:p}=u,{clusterBkg:m,clusterBorder:h,borderColorArray:g}=f,{labelStyles:v,nodeStyles:y}=i.i(l),{stylesMap:b}=i.t(l),x=l.boundaryType||`rect`,S=e.insert(`g`).attr(`class`,`cluster usecase-system-boundary usecase-system-boundary-${x} ${l.cssClasses}`).attr(`id`,typeof l.domId==`string`?l.domId:l.id).attr(`data-boundary-type`,x).attr(`data-look`,l.look);a.s(S,l.colorIndex,d,g);let C=n.w(u),w=S.insert(`g`).attr(`class`,`cluster-label system-boundary-title`),T=await r.n(w,l.label,{style:v,useHtmlLabels:C,isNode:!0}),E=T.getBBox();if(C){let e=T.children[0],n=t.p(T);E=e.getBoundingClientRect(),n.attr(`width`,E.width),n.attr(`height`,E.height)}let{width:D,height:O,x:k,y:A,bodyY:j,bodyHeight:M,tabHeight:N,tabWidth:P}=_(l,E);l.diff=l.width<=E.width+l.padding?(D-l.width)/2-l.padding:-l.padding;let F=i.a(l,{fill:b.get(`fill`)||m,stroke:b.get(`stroke`)||h,strokeWidth:b.get(`stroke-width`)?.replace(`px`,``)||1,seed:p});if(l.look===`handDrawn`){let e=o.t.svg(S),t=e.rectangle(k,j,D,M,F);if(S.insert(()=>t,`:first-child`).attr(`class`,`boundary-body label-container`),x===`package`){let t=e.rectangle(k,A,P,N,F);S.insert(()=>t,`:first-child`).attr(`class`,`boundary-tab system-boundary-package-tab label-container`)}}else S.insert(`rect`,`:first-child`).attr(`class`,`boundary-body label-container`).attr(`style`,y).attr(`x`,k).attr(`y`,j).attr(`width`,D).attr(`height`,M),x===`package`&&S.insert(`rect`,`:first-child`).attr(`class`,`boundary-tab system-boundary-package-tab label-container`).attr(`style`,y).attr(`x`,k).attr(`y`,A).attr(`width`,P).attr(`height`,N);let{subGraphTitleTopMargin:I}=c.n(u);return x===`package`?w.attr(`transform`,`translate(${k+(P-E.width)/2}, ${A+(N-E.height)/2})`):w.attr(`transform`,`translate(${l.x-E.width/2}, ${A+I})`),v&&(w.attr(`style`,v),w.select(`span`).attr(`style`,v)),l.offsetX=0,l.width=D,l.height=O,l.offsetY=E.height-l.padding/2,l.labelBBox=E,l.intersect=function(e){return s.i(l,e)},{cluster:S,labelBBox:E}},`usecaseSystemBoundary`),swimlane:l},y=new Set([`noteGroup`,`divider`]),b=e.n(e=>!y.has(e??`rect`),`clusterPaintsTitle`),x=new Map,S=e.n(async(e,t)=>{let n=await v[t.shape||`rect`](e,t);return x.set(t.id,n),n},`insertCluster`),C=e.n(()=>{x=new Map},`clear`);Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});