@marimo-team/islands 0.24.3-dev9 → 0.25.1-dev1

package/dist/chunk-GVQU2GXP-yQEdulRS.js

@@ -0,0 +1,37 @@
+import { u as e } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { n as t } from "./src-CA_m4ONl.js";
+import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { o as r } from "./chunk-4HAMMTFA-D2qv8E0X.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-GVQU2GXP.mjs
+var i = /* @__PURE__ */ n(({ flowchart: e }) => {
+	let t = e?.subGraphTitleMargin?.top ?? 0, n = e?.subGraphTitleMargin?.bottom ?? 0;
+	return {
+		subGraphTitleTopMargin: t,
+		subGraphTitleBottomMargin: n,
+		subGraphTitleTotalMargin: t + n
+	};
+}, "getSubGraphTitleMargins"), a = /* @__PURE__ */ new Map();
+async function o(t, n, i) {
+	let o, s;
+	n.shape === "rect" && (n.shape = n.rx && n.ry ? "roundedRect" : "squareRect");
+	let c = n.shape ? r[n.shape] : void 0;
+	if (!c) throw Error(`No such shape: ${n.shape}. Please check your syntax.`);
+	if (n.link) {
+		let e;
+		i.config.securityLevel === "sandbox" ? e = "_top" : n.linkTarget && (e = n.linkTarget || "_blank"), o = t.insert("svg:a").attr("xlink:href", n.link).attr("target", e ?? null), s = await c(o, n, i);
+	} else s = await c(t, n, i), o = s;
+	return o.attr("data-look", e(n.look)), n.tooltip && s.attr("title", n.tooltip), a.set(n.id, o), n.haveCallback && o.attr("class", o.attr("class") + " clickable"), o;
+}
+n(o, "insertNode");
+var s = /* @__PURE__ */ n((e, t) => {
+	a.set(t.id, e);
+}, "setNodeElem"), c = /* @__PURE__ */ n(() => {
+	a.clear();
+}, "clear"), l = /* @__PURE__ */ n((e) => {
+	let n = a.get(e.id);
+	t.trace("Transforming node", e.diff, e, "translate(" + (e.x - e.width / 2 - 5) + ", " + e.width / 2 + ")");
+	let r = e.diff || 0;
+	return e.clusterNode ? n.attr("transform", "translate(" + (e.x + r - e.width / 2) + ", " + (e.y - e.height / 2 - 8) + ")") : n.attr("transform", "translate(" + e.x + ", " + e.y + ")"), r;
+}, "positionNode");
+//#endregion
+export { s as a, l as i, i as n, o as r, c as t };

package/dist/{chunk-5RXB4S5H-tLNUVDdO.js → chunk-IMKFNOWR-BfwTebD0.js}

@@ -1,13 +1,13 @@
-import { t as e } from "./purify.es-CB-YO1Hn.js";
-import { g as t, s as n } from "./chunk-NSK5VX7P-CDTMcJB0.js";
-import { n as r, t as i } from "./src-C31ngt98.js";
-import { n as a } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-import { H as o, K as s, U as c, a as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-I66GZJ75-BqyTCAPf.js";
-import { r as h } from "./chunk-J7OUQ5F2-CM_meqZH.js";
-import { t as g } from "./chunk-2GRJ4B5K-DgO8Qudq.js";
-import { t as _ } from "./chunk-XXDRQBXY-D73H4IN0.js";
-import { t as v } from "./chunk-KBJHAD2P-BuqWqkcW.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-5RXB4S5H.mjs
+import { t as e } from "./purify.es-DgKyQviY.js";
+import { g as t, s as n } from "./chunk-75Z2AOVW-5_HsvXwr.js";
+import { n as r, t as i } from "./src-CA_m4ONl.js";
+import { n as a } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { H as o, K as s, U as c, a as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { r as h } from "./mermaid-DPNuhemn.js";
+import { t as g } from "./chunk-F27PBJKO-DHmYWZXr.js";
+import { t as _ } from "./chunk-XXDRQBXY-Dnl5VBqG.js";
+import { t as v } from "./chunk-POPQ4Y6H-BCbS3Ozc.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-IMKFNOWR.mjs
 var y = (function() {
 	var e = /* @__PURE__ */ a(function(e, t, n, r) {
 		for (n ||= {}, r = e.length; r--; n[e[r]] = t);
@@ -1468,7 +1468,7 @@ var Z = /* @__PURE__ */ a((e, t, n, i, a, o, s, c) => {
 			cssStyles: m
 		});
 		let d = K.get(l);
-		t.description && (Array.isArray(d.description) ? (d.shape = L, d.description.push(t.description)) : d.description?.length && d.description.length > 0 ? (d.shape = L, d.description = d.description === l ? [t.description] : [d.description, t.description]) : (d.shape = I, d.description = t.description), d.description = u.sanitizeTextOrArray(d.description, h)), d.description?.length === 1 && d.shape === L && (d.shape = d.type === "group" ? re : I), !d.type && t.doc && (r.info("Setting cluster for XCX", l, ge(t)), d.type = "group", d.isGroup = !0, d.dir = ge(t), d.explicitDir = t.doc.some((e) => e.stmt === "dir"), d.shape = t.type === j ? R : re, d.cssClasses = `${d.cssClasses} ${ue} ${o ? de : ""}`);
+		t.description && (Array.isArray(d.description) ? (d.shape = L, d.description.push(t.description)) : d.description?.length && d.description.length > 0 ? (d.shape = L, d.description = d.description === l ? [t.description] : [d.description, t.description]) : (d.shape = I, d.description = t.description), d.description = u.sanitizeTextOrArray(d.description, h)), d.description?.length === 1 && d.shape === L && (d.shape = d.type === "group" ? re : I), !d.type && t.doc && (r.info("Setting cluster for XCX", l, ge(t)), d.type = "group", d.isGroup = !0, d.dir = ge(t), d.shape = t.type === j ? R : re, d.cssClasses = `${d.cssClasses} ${ue} ${o ? de : ""}`);
 		let p = {
 			labelStyle: "",
 			shape: d.shape,

package/dist/{chunk-JWPE2WC7-BJwjGUnF.js → chunk-JWPE2WC7-DJvv1t8U.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./chunk-Y2CYZVJY-DoegUj_e.js";
-//#region ../node_modules/.pnpm/mermaid@11.16.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-JWPE2WC7.mjs
+import { n as e } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-JWPE2WC7.mjs
 function t(e, t) {
 	e.accDescr && t.setAccDescription?.(e.accDescr), e.accTitle && t.setAccTitle?.(e.accTitle), e.title && t.setDiagramTitle?.(e.title);
 }

package/dist/chunk-L3NEJ4N5-DwRWnDDK.js

@@ -0,0 +1,245 @@
+import { n as e, t } from "./src-CA_m4ONl.js";
+import { n } from "./chunk-Y2CYZVJY-DKKS1VyV.js";
+import { T as r, g as i, x as a } from "./chunk-DU6HZSFF-BUgAHvnM.js";
+import { a as o, i as s } from "./chunk-P2QGCYS3-C0iGU29N.js";
+import { n as c } from "./chunk-GMAD6QVW-Czynz8aA.js";
+import { t as l } from "./rough.esm-CtV9AnV1.js";
+import { n as u, r as d, t as f } from "./chunk-4HAMMTFA-D2qv8E0X.js";
+import { n as p } from "./chunk-GVQU2GXP-yQEdulRS.js";
+//#region ../node_modules/.pnpm/mermaid@11.17.2/node_modules/mermaid/dist/chunks/mermaid.core/chunk-L3NEJ4N5.mjs
+var m = /* @__PURE__ */ n(async (n, r) => {
+	let u = a(), { themeVariables: f, handDrawnSeed: p } = u, { clusterBkg: m, clusterBorder: h } = f, g = h, { labelStyles: _, nodeStyles: v, borderStyles: y, backgroundStyles: b } = s(r), x = n.insert("g").attr("class", "cluster swimlane " + (r.cssClasses || "")).attr("id", r.id).attr("data-id", r.id).attr("data-et", "cluster").attr("data-look", r.look), S = i(u.flowchart.htmlLabels), C = r.direction === "LR", w = x.insert("g").attr("class", "cluster-label swimlane-label"), T = await c(w, r.label, {
+		style: r.labelStyle,
+		useHtmlLabels: S,
+		isNode: !0,
+		width: r.width
+	}), E = T.getBBox();
+	if (S) {
+		let e = T.children[0], n = t(T);
+		E = e.getBoundingClientRect(), n.attr("width", E.width), n.attr("height", E.height);
+	}
+	let D = r.padding ?? 0, O = r.width <= E.width + D ? E.width + D : r.width;
+	r.diff = r.width <= E.width + D ? (O - r.width) / 2 - D : -D;
+	let k = r.height, A = r.y - k / 2, j = r.y + k / 2, M = r.x - O / 2, N = r.swimlaneContentTop === void 0 ? A + k / 3 : r.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 (r.look === "handDrawn") {
+			let i = l.svg(x), a = o(r, {
+				roughness: .7,
+				fill: m,
+				stroke: g,
+				fillWeight: 3,
+				seed: p
+			}), s = o(r, {
+				roughness: .7,
+				fill: "none",
+				stroke: g,
+				seed: p
+			}), c = i.rectangle(M, A, e, k, a);
+			I = x.insert(() => c, ":first-child");
+			let u = i.rectangle(t, A, n, k, s);
+			L = x.insert(() => u, ":first-child"), 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", m).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 i = M + e / 2, a = r.y;
+		w.attr("transform", `translate(${i}, ${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, i = Math.max(0, j - n), a = r.x - O / 2;
+		if (r.look === "handDrawn") {
+			let e = l.svg(x), s = o(r, {
+				roughness: .7,
+				fill: m,
+				stroke: g,
+				fillWeight: 3,
+				seed: p
+			}), c = o(r, {
+				roughness: .7,
+				fill: "none",
+				stroke: g,
+				seed: p
+			}), u = e.rectangle(a, A, O, t, s);
+			I = x.insert(() => u, ":first-child");
+			let d = e.rectangle(a, n, O, i, c);
+			L = x.insert(() => d, ":first-child"), 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", m).attr("stroke", g), L.attr("class", "swimlane-body").attr("style", v).attr("x", a).attr("y", n).attr("width", O).attr("height", i).attr("fill", "none").attr("stroke", g);
+		let s = r.x - E.width / 2, c = A + (t - E.height) / 2;
+		w.attr("transform", `translate(${s}, ${c})`);
+	}
+	if (e.trace("Swimlane data ", r, JSON.stringify(r)), _) {
+		let e = w.select("span");
+		e && e.attr("style", _);
+	}
+	return r.offsetX = 0, r.width = O, r.height = k, r.offsetY = E.height - D / 2, r.intersect = function(e) {
+		return d(r, e);
+	}, {
+		cluster: x,
+		labelBBox: E
+	};
+}, "swimlane"), h = /* @__PURE__ */ n(async (n, i) => {
+	e.info("Creating subgraph rect for ", i.id, i);
+	let m = a(), { themeVariables: h, handDrawnSeed: g } = m, { clusterBkg: _, clusterBorder: v } = h, { labelStyles: y, nodeStyles: b, borderStyles: x, backgroundStyles: S } = s(i), C = n.insert("g").attr("class", "cluster " + i.cssClasses).attr("id", i.domId).attr("data-look", i.look), w = r(m), T = C.insert("g").attr("class", "cluster-label "), E;
+	E = i.labelType === "markdown" ? await c(T, i.label, {
+		style: i.labelStyle,
+		useHtmlLabels: w,
+		isNode: !0,
+		width: i.width
+	}) : await f(T, i.label, i.labelStyle || "", !1, !0);
+	let D = E.getBBox();
+	if (r(m)) {
+		let e = E.children[0], n = t(E);
+		D = e.getBoundingClientRect(), n.attr("width", D.width), n.attr("height", D.height);
+	}
+	let O = i.width <= D.width + i.padding ? D.width + i.padding : i.width;
+	i.diff = i.width <= D.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;
+	e.trace("Data ", i, JSON.stringify(i));
+	let M;
+	if (i.look === "handDrawn") {
+		let t = l.svg(C), n = o(i, {
+			roughness: .7,
+			fill: _,
+			stroke: v,
+			fillWeight: 3,
+			seed: g
+		}), r = t.path(u(A, j, O, k, 0), n);
+		M = C.insert(() => (e.debug("Rough node insert CXC", r), r), ":first-child"), M.select("path:nth-child(2)").attr("style", x.join(";")), M.select("path").attr("style", S.join(";").replace("fill", "stroke"));
+	} else M = C.insert("rect", ":first-child"), M.attr("style", b).attr("rx", i.rx).attr("ry", i.ry).attr("x", A).attr("y", j).attr("width", O).attr("height", k);
+	let { subGraphTitleTopMargin: N } = p(m);
+	if (T.attr("transform", `translate(${i.x - D.width / 2}, ${i.y - i.height / 2 + N})`), y) {
+		let e = T.select("span");
+		e && e.attr("style", y);
+	}
+	let P = M.node().getBBox();
+	return i.offsetX = 0, i.width = P.width, i.height = P.height, i.offsetY = D.height - i.padding / 2, i.intersect = function(e) {
+		return d(i, e);
+	}, {
+		cluster: C,
+		labelBBox: D
+	};
+}, "rect"), g = {
+	rect: h,
+	squareRect: h,
+	roundedWithTitle: /* @__PURE__ */ n(async (e, n) => {
+		let i = a(), { themeVariables: o, handDrawnSeed: s } = i, { altBackground: c, compositeBackground: p, compositeTitleBackground: m, nodeBorder: h } = o, g = e.insert("g").attr("class", n.cssClasses).attr("id", n.domId).attr("data-id", n.id).attr("data-look", n.look), _ = g.insert("g", ":first-child"), v = g.insert("g").attr("class", "cluster-label"), y = g.append("rect"), b = await f(v, n.label, n.labelStyle, void 0, !0), x = b.getBBox();
+		if (r(i)) {
+			let e = b.children[0], n = t(b);
+			x = e.getBoundingClientRect(), n.attr("width", x.width), n.attr("height", x.height);
+		}
+		let S = 0 * n.padding, C = S / 2, w = (n.width <= x.width + n.padding ? x.width + n.padding : n.width) + S;
+		n.diff = n.width <= x.width + n.padding ? (w - n.width) / 2 - n.padding : -n.padding;
+		let T = n.height + S, E = n.height + S - x.height - 6, D = n.x - w / 2, O = n.y - T / 2;
+		n.width = w;
+		let k = n.y - n.height / 2 - C + x.height + 2, A;
+		if (n.look === "handDrawn") {
+			let e = n.cssClasses.includes("statediagram-cluster-alt"), t = l.svg(g), r = n.rx || n.ry ? t.path(u(D, O, w, T, 10), {
+				roughness: .7,
+				fill: m,
+				fillStyle: "solid",
+				stroke: h,
+				seed: s
+			}) : t.rectangle(D, O, w, T, { seed: s });
+			A = g.insert(() => r, ":first-child");
+			let i = t.rectangle(D, k, w, E, {
+				fill: e ? c : p,
+				fillStyle: e ? "hachure" : "solid",
+				stroke: h,
+				seed: s
+			});
+			A = g.insert(() => r, ":first-child"), y = g.insert(() => i);
+		} 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", n.look), y.attr("class", "inner").attr("x", D).attr("y", k).attr("width", w).attr("height", E);
+		return v.attr("transform", `translate(${n.x - x.width / 2}, ${O + 1 - (r(i) ? 0 : 3)})`), n.height = A.node().getBBox().height, n.offsetX = 0, n.offsetY = x.height - n.padding / 2, n.labelBBox = x, n.intersect = function(e) {
+			return d(n, e);
+		}, {
+			cluster: g,
+			labelBBox: x
+		};
+	}, "roundedWithTitle"),
+	noteGroup: /* @__PURE__ */ 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 d(t, e);
+		}, {
+			cluster: n,
+			labelBBox: {
+				width: 0,
+				height: 0
+			}
+		};
+	}, "noteGroup"),
+	divider: /* @__PURE__ */ n((e, t) => {
+		let { themeVariables: n, handDrawnSeed: r } = a(), { nodeBorder: i } = n, o = e.insert("g").attr("class", t.cssClasses).attr("id", t.domId).attr("data-look", t.look), s = o.insert("g", ":first-child"), c = 0 * t.padding, u = t.width + c;
+		t.diff = -t.padding;
+		let f = t.height + c, p = t.x - u / 2, m = t.y - f / 2;
+		t.width = u;
+		let h;
+		if (t.look === "handDrawn") {
+			let e = l.svg(o).rectangle(p, m, u, f, {
+				fill: "lightgrey",
+				roughness: .5,
+				strokeLineDash: [5],
+				stroke: i,
+				seed: r
+			});
+			h = o.insert(() => e, ":first-child");
+		} else {
+			h = s.insert("rect", ":first-child");
+			let e = "outer";
+			e = (t.look, "divider"), h.attr("class", e).attr("x", p).attr("y", m).attr("width", u).attr("height", f).attr("data-look", t.look);
+		}
+		return t.height = h.node().getBBox().height, t.offsetX = 0, t.offsetY = 0, t.intersect = function(e) {
+			return d(t, e);
+		}, {
+			cluster: o,
+			labelBBox: {}
+		};
+	}, "divider"),
+	kanbanSection: /* @__PURE__ */ n(async (n, i) => {
+		e.info("Creating subgraph rect for ", i.id, i);
+		let f = a(), { themeVariables: m, handDrawnSeed: h } = f, { clusterBkg: g, clusterBorder: _ } = m, { labelStyles: v, nodeStyles: y, borderStyles: b, backgroundStyles: x } = s(i), S = n.insert("g").attr("class", "cluster " + i.cssClasses).attr("id", i.domId).attr("data-look", i.look), C = r(f), w = S.insert("g").attr("class", "cluster-label "), T = await c(w, i.label, {
+			style: i.labelStyle,
+			useHtmlLabels: C,
+			isNode: !0,
+			width: i.width
+		}), E = T.getBBox();
+		if (r(f)) {
+			let e = T.children[0], n = t(T);
+			E = e.getBoundingClientRect(), n.attr("width", E.width), n.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;
+		e.trace("Data ", i, JSON.stringify(i));
+		let j;
+		if (i.look === "handDrawn") {
+			let t = l.svg(S), n = o(i, {
+				roughness: .7,
+				fill: g,
+				stroke: _,
+				fillWeight: 4,
+				seed: h
+			}), r = t.path(u(k, A, D, O, i.rx), n);
+			j = S.insert(() => (e.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 } = p(f);
+		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 d(i, e);
+		}, {
+			cluster: S,
+			labelBBox: E
+		};
+	}, "kanbanSection"),
+	swimlane: m
+}, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ n(async (e, t) => {
+	let n = await g[t.shape || "rect"](e, t);
+	return _.set(t.id, n), n;
+}, "insertCluster"), y = /* @__PURE__ */ n(() => {
+	_ = /* @__PURE__ */ new Map();
+}, "clear");
+//#endregion
+export { v as n, y as t };