@marimo-team/islands 0.12.1-dev2 → 0.12.1-dev21

package/dist/{stateDiagram-MAYHULR4-HCOwrhPJ.js → stateDiagram-DGXRK772--5awulBB.js}

@@ -1,7 +1,7 @@
-import { s as W, a as N, b as P } from "./chunk-7U56Z5CX-D1T9hvBU.js";
-import { _ as u, c as t, d as H, l as S, e as C, k as z, u as U } from "./mermaid-BwpuxK20.js";
-import { G as F } from "./graph-j21MX5m5.js";
-import { l as O } from "./layout-DnpJ8ssh.js";
+import { s as W, a as P, S as N } from "./chunk-AEK57VVT-B6c3n8K2.js";
+import { _ as u, c as t, d as H, l as S, e as C, k as z, u as U } from "./mermaid-3srgUkji.js";
+import { G as F } from "./graph-DXseY-wc.js";
+import { l as O } from "./layout-DCbiAC-B.js";
 import { l as J, k as X } from "./timer-ly3uOrxC.js";
 var L = {}, D = /* @__PURE__ */ u((e, i) => {
   L[e] = i;
@@ -10,35 +10,35 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
   set: D,
   keys: G,
   size: I
-}, q = /* @__PURE__ */ u((e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), "drawStartState"), Z = /* @__PURE__ */ u((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), j = /* @__PURE__ */ u((e, i) => {
+}, j = /* @__PURE__ */ u((e) => e.append("circle").attr("class", "start-state").attr("r", t().state.sizeUnit).attr("cx", t().state.padding + t().state.sizeUnit).attr("cy", t().state.padding + t().state.sizeUnit), "drawStartState"), q = /* @__PURE__ */ u((e) => e.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", t().state.textHeight).attr("class", "divider").attr("x2", t().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider"), Z = /* @__PURE__ */ u((e, i) => {
   const d = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 2 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), o = d.node().getBBox();
   return e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", o.width + 2 * t().state.padding).attr("height", o.height + 2 * t().state.padding).attr("rx", t().state.radius), d;
 }, "drawSimpleState"), K = /* @__PURE__ */ u((e, i) => {
   const d = /* @__PURE__ */ u(function(l, B, m) {
     const k = l.append("tspan").attr("x", 2 * t().state.padding).text(B);
     m || k.attr("dy", t().state.textHeight);
-  }, "addTspan"), n = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), g = n.height, p = e.append("text").attr("x", t().state.padding).attr(
+  }, "addTspan"), n = e.append("text").attr("x", 2 * t().state.padding).attr("y", t().state.textHeight + 1.3 * t().state.padding).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.descriptions[0]).node().getBBox(), g = n.height, x = e.append("text").attr("x", t().state.padding).attr(
     "y",
     g + t().state.padding * 0.4 + t().state.dividerMargin + t().state.textHeight
   ).attr("class", "state-description");
   let a = !0, s = !0;
   i.descriptions.forEach(function(l) {
-    a || (d(p, l, s), s = !1), a = !1;
+    a || (d(x, l, s), s = !1), a = !1;
   });
-  const y = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + g + t().state.dividerMargin / 2).attr("y2", t().state.padding + g + t().state.dividerMargin / 2).attr("class", "descr-divider"), x = p.node().getBBox(), c = Math.max(x.width, n.width);
-  return y.attr("x2", c + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c + 2 * t().state.padding).attr("height", x.height + g + 2 * t().state.padding).attr("rx", t().state.radius), e;
+  const y = e.append("line").attr("x1", t().state.padding).attr("y1", t().state.padding + g + t().state.dividerMargin / 2).attr("y2", t().state.padding + g + t().state.dividerMargin / 2).attr("class", "descr-divider"), p = x.node().getBBox(), c = Math.max(p.width, n.width);
+  return y.attr("x2", c + 3 * t().state.padding), e.insert("rect", ":first-child").attr("x", t().state.padding).attr("y", t().state.padding).attr("width", c + 2 * t().state.padding).attr("height", p.height + g + 2 * t().state.padding).attr("rx", t().state.radius), e;
 }, "drawDescrState"), Q = /* @__PURE__ */ u((e, i, d) => {
-  const o = t().state.padding, n = 2 * t().state.padding, g = e.node().getBBox(), p = g.width, a = g.x, s = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), x = s.node().getBBox().width + n;
-  let c = Math.max(x, p);
-  c === p && (c = c + n);
+  const o = t().state.padding, n = 2 * t().state.padding, g = e.node().getBBox(), x = g.width, a = g.x, s = e.append("text").attr("x", 0).attr("y", t().state.titleShift).attr("font-size", t().state.fontSize).attr("class", "state-title").text(i.id), p = s.node().getBBox().width + n;
+  let c = Math.max(p, x);
+  c === x && (c = c + n);
   let l;
   const B = e.node().getBBox();
-  i.doc, l = a - o, x > p && (l = (p - c) / 2 + o), Math.abs(a - B.x) < o && x > p && (l = a - (x - p) / 2);
+  i.doc, l = a - o, p > x && (l = (x - c) / 2 + o), Math.abs(a - B.x) < o && p > x && (l = a - (p - x) / 2);
   const m = 1 - t().state.textHeight;
   return e.insert("rect", ":first-child").attr("x", l).attr("y", m).attr("class", d ? "alt-composit" : "composit").attr("width", c).attr(
     "height",
     B.height + t().state.textHeight + t().state.titleShift + 1
-  ).attr("rx", "0"), s.attr("x", l + o), x <= p && s.attr("x", a + (c - n) / 2 - x / 2 + o), e.insert("rect", ":first-child").attr("x", l).attr(
+  ).attr("rx", "0"), s.attr("x", l + o), p <= x && s.attr("x", a + (c - n) / 2 - p / 2 + o), e.insert("rect", ":first-child").attr("x", l).attr(
     "y",
     t().state.titleShift - t().state.textHeight - t().state.padding
   ).attr("width", c).attr("height", t().state.textHeight * 3).attr("rx", t().state.radius), e.insert("rect", ":first-child").attr("x", l).attr(
@@ -62,15 +62,15 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
   let n = 0;
   const g = o.append("text");
   g.style("text-anchor", "start"), g.attr("class", "noteText");
-  let p = e.replace(/\r\n/g, "<br/>");
-  p = p.replace(/\n/g, "<br/>");
-  const a = p.split(z.lineBreakRegex);
+  let x = e.replace(/\r\n/g, "<br/>");
+  x = x.replace(/\n/g, "<br/>");
+  const a = x.split(z.lineBreakRegex);
   let s = 1.25 * t().state.noteMargin;
   for (const y of a) {
-    const x = y.trim();
-    if (x.length > 0) {
+    const p = y.trim();
+    if (p.length > 0) {
       const c = g.append("tspan");
-      if (c.text(x), s === 0) {
+      if (c.text(p), s === 0) {
         const l = c.node().getBBox();
         s += l.height;
       }
@@ -89,7 +89,7 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
     width: 0,
     height: 0
   }, n = e.append("g").attr("id", d).attr("class", "stateGroup");
-  i.type === "start" && q(n), i.type === "end" && V(n), (i.type === "fork" || i.type === "join") && tt(n, i), i.type === "note" && at(i.note.text, n), i.type === "divider" && Z(n), i.type === "default" && i.descriptions.length === 0 && j(n, i), i.type === "default" && i.descriptions.length > 0 && K(n, i);
+  i.type === "start" && j(n), i.type === "end" && V(n), (i.type === "fork" || i.type === "join") && tt(n, i), i.type === "note" && at(i.note.text, n), i.type === "divider" && q(n), i.type === "default" && i.descriptions.length === 0 && Z(n, i), i.type === "default" && i.descriptions.length > 0 && K(n, i);
   const g = n.node().getBBox();
   return o.width = g.width + 2 * t().state.padding, o.height = g.height + 2 * t().state.padding, $.set(d, o), o;
 }, "drawState"), A = 0, it = /* @__PURE__ */ u(function(e, i, d) {
@@ -110,27 +110,27 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
     return s.x;
   }).y(function(s) {
     return s.y;
-  }).curve(X), p = e.append("path").attr("d", g(n)).attr("id", "edge" + A).attr("class", "transition");
+  }).curve(X), x = e.append("path").attr("d", g(n)).attr("id", "edge" + A).attr("class", "transition");
   let a = "";
-  if (t().state.arrowMarkerAbsolute && (a = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, a = a.replace(/\(/g, "\\("), a = a.replace(/\)/g, "\\)")), p.attr(
+  if (t().state.arrowMarkerAbsolute && (a = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, a = a.replace(/\(/g, "\\("), a = a.replace(/\)/g, "\\)")), x.attr(
     "marker-end",
     "url(" + a + "#" + o(N.relationType.DEPENDENCY) + "End)"
   ), d.title !== void 0) {
-    const s = e.append("g").attr("class", "stateLabel"), { x: y, y: x } = U.calcLabelPosition(i.points), c = z.getRows(d.title);
+    const s = e.append("g").attr("class", "stateLabel"), { x: y, y: p } = U.calcLabelPosition(i.points), c = z.getRows(d.title);
     let l = 0;
     const B = [];
     let m = 0, k = 0;
     for (let f = 0; f <= c.length; f++) {
-      const h = s.append("text").attr("text-anchor", "middle").text(c[f]).attr("x", y).attr("y", x + l), w = h.node().getBBox();
-      m = Math.max(m, w.width), k = Math.min(k, w.x), S.info(w.x, y, x + l), l === 0 && (l = h.node().getBBox().height, S.info("Title height", l, x)), B.push(h);
+      const h = s.append("text").attr("text-anchor", "middle").text(c[f]).attr("x", y).attr("y", p + l), w = h.node().getBBox();
+      m = Math.max(m, w.width), k = Math.min(k, w.x), S.info(w.x, y, p + l), l === 0 && (l = h.node().getBBox().height, S.info("Title height", l, p)), B.push(h);
     }
     let E = l * c.length;
     if (c.length > 1) {
       const f = (c.length - 1) * l * 0.5;
-      B.forEach((h, w) => h.attr("y", x + w * l - f)), E = l * c.length;
+      B.forEach((h, w) => h.attr("y", p + w * l - f)), E = l * c.length;
     }
     const r = s.node().getBBox();
-    s.insert("rect", ":first-child").attr("class", "box").attr("x", y - m / 2 - t().state.padding / 2).attr("y", x - E / 2 - t().state.padding / 2 - 3.5).attr("width", m + t().state.padding).attr("height", E + t().state.padding), S.info(r);
+    s.insert("rect", ":first-child").attr("class", "box").attr("x", y - m / 2 - t().state.padding / 2).attr("y", p - E / 2 - t().state.padding / 2 - 3.5).attr("width", m + t().state.padding).attr("height", E + t().state.padding), S.info(r);
   }
   A++;
 }, "drawEdge"), b, T = {}, rt = /* @__PURE__ */ u(function() {
@@ -141,18 +141,18 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
   const n = t().securityLevel;
   let g;
   n === "sandbox" && (g = H("#i" + i));
-  const p = n === "sandbox" ? H(g.nodes()[0].contentDocument.body) : H("body"), a = n === "sandbox" ? g.nodes()[0].contentDocument : document;
+  const x = n === "sandbox" ? H(g.nodes()[0].contentDocument.body) : H("body"), a = n === "sandbox" ? g.nodes()[0].contentDocument : document;
   S.debug("Rendering diagram " + e);
-  const s = p.select(`[id='${i}']`);
+  const s = x.select(`[id='${i}']`);
   nt(s);
   const y = o.db.getRootDoc();
-  R(y, s, void 0, !1, p, a, o);
-  const x = b.padding, c = s.node().getBBox(), l = c.width + x * 2, B = c.height + x * 2, m = l * 1.75;
+  R(y, s, void 0, !1, x, a, o);
+  const p = b.padding, c = s.node().getBBox(), l = c.width + p * 2, B = c.height + p * 2, m = l * 1.75;
   C(s, B, m, b.useMaxWidth), s.attr(
     "viewBox",
     `${c.x - b.padding}  ${c.y - b.padding} ` + l + " " + B
   );
-}, "draw"), dt = /* @__PURE__ */ u((e) => e ? e.length * b.fontSizeFactor : 1, "getLabelWidth"), R = /* @__PURE__ */ u((e, i, d, o, n, g, p) => {
+}, "draw"), dt = /* @__PURE__ */ u((e) => e ? e.length * b.fontSizeFactor : 1, "getLabelWidth"), R = /* @__PURE__ */ u((e, i, d, o, n, g, x) => {
   const a = new F({
     compound: !0,
     multigraph: !0
@@ -188,15 +188,15 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
     isMultiGraph: !0
   }), a.setDefaultEdgeLabel(function() {
     return {};
-  }), p.db.extract(e);
-  const x = p.db.getStates(), c = p.db.getRelations(), l = Object.keys(x);
+  });
+  const p = x.db.getStates(), c = x.db.getRelations(), l = Object.keys(p);
   for (const r of l) {
-    const f = x[r];
+    const f = p[r];
     d && (f.parentId = d);
     let h;
     if (f.doc) {
       let w = i.append("g").attr("id", f.id).attr("class", "stateGroup");
-      h = R(f.doc, w, f.id, !o, n, g, p);
+      h = R(f.doc, w, f.id, !o, n, g, x);
       {
         w = Q(w, f, o);
         let v = w.node().getBBox();
@@ -257,11 +257,13 @@ var L = {}, D = /* @__PURE__ */ u((e, i) => {
   draw: st
 }, xt = {
   parser: P,
-  db: N,
+  get db() {
+    return new N(1);
+  },
   renderer: ot,
   styles: W,
   init: /* @__PURE__ */ u((e) => {
-    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute, N.clear();
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
   }, "init")
 };
 export {

package/dist/stateDiagram-v2-YXO3MK2T-CrxS4RqA.js

@@ -0,0 +1,16 @@
+import { s as a, b as t, a as r, S as s } from "./chunk-AEK57VVT-B6c3n8K2.js";
+import { _ as i } from "./mermaid-3srgUkji.js";
+var _ = {
+  parser: r,
+  get db() {
+    return new s(2);
+  },
+  renderer: t,
+  styles: a,
+  init: /* @__PURE__ */ i((e) => {
+    e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  _ as diagram
+};