@draftably/runtime 0.5.0 → 0.6.0

package/dist/render-DU-eRw6k.js

@@ -0,0 +1,1250 @@
+import { h as Ft, s as N, i as B, j as re, k as Ee, G as Q, m as W, l as Nt, n as jt, o as Ct, t as Pt, u as Bt, N as et, w as Se, x as _e, M as Le, y as tt, z as nt, A as ye, B as Ht, C as qt, D as Re, E as at, F as je, H as zt, I as rt, J as Ut, P as Vt, K as Xt, S as ae, L as Gt, O as Kt, v as Ie, Q as st, R as it, T as xe, U as se, V as ot, g as Wt, W as Zt, X as Qt, Y as Yt, Z as Ce, _ as Jt, $ as en, a0 as Pe, a1 as tn, a2 as nn, a3 as an, a4 as rn, a5 as sn, a6 as on, a7 as ln, a8 as cn, a9 as hn, aa as dn, ab as Be, ac as fn, ad as un, ae as pn, a as lt, af as ie, e as mn, ag as gn, d as $n } from "./compile-CvMiDEcR.js";
+import { r as He } from "./version-D7YCY2pU.js";
+import { p as yn, f as xn } from "./geometry-DfUVE8b2.js";
+const wn = {
+  group: '<path d="M7 3H3v4m14-4h4v4M3 17v4h4m14-4v4h-4"/><rect x="7" y="7" width="10" height="10" rx="1.5"/>'
+}, we = {
+  added: "added",
+  changed: "changed",
+  removed: "removed",
+  context: "shown for context"
+}, qe = (e) => `${e} line${e === 1 ? "" : "s"}`, bn = ({ status: e, count: t, lines: a }) => t ? `${t} ${we[e]}${a ? ` · ${qe(a)}` : ""}` : `${qe(a)} ${we[e]}`, oe = { added: "green", changed: "amber", removed: "red" }, Tn = { added: 500, changed: 500, removed: 700 }, ct = (e, t) => e.dark ? B(e, oe[t], 400).fill : re(B(e, oe[t], Tn[t]).fill, e.canvas, 3), be = { r: 7, inset: 2 }, X = 4, ht = (e) => re(B(e, "secondary", e.dark ? 300 : 500).fill, e.canvas, 3), ze = { opacity: 1, strike: !1 }, Mn = 2.4;
+function H(e, t, a) {
+  const n = vn(e, t);
+  return a === "focus" || a === "ring" ? { ...n, width: Math.max(n.width ?? 0, Mn), halo: a === "ring" } : a === "dim" ? { ...n, opacity: Math.min(n.opacity, dt) } : n;
+}
+const dt = 0.45;
+function vn(e, t) {
+  const a = t && oe[t] ? ct(e, t) : void 0;
+  switch (t) {
+    case "added":
+    case "changed":
+      return { stroke: a, width: 2, opacity: 1, strike: !1 };
+    case "removed":
+      return {
+        stroke: a,
+        width: 2,
+        dash: "6 4",
+        opacity: 1,
+        strike: e.strikeRemoved,
+        inkFade: 0.8,
+        marker: !0
+      };
+    case "context":
+      return { ...ze, opacity: dt };
+    default:
+      return ze;
+  }
+}
+const U = (e) => !!e.appearance.compare || Object.values(e.styles).some((t) => t.status) || e.graph.edges.some((t) => t.status);
+function Te(e, t, a) {
+  const n = oe[t ?? "same"];
+  if (!n)
+    return a === "group" ? { fill: e.canvas, stroke: e.muted, ink: e.text } : e.node;
+  const o = t === "removed";
+  return {
+    fill: o && a === "group" && !e.dark ? e.canvas : B(e, n, e.dark ? 900 : a === "group" || o ? 50 : 100).fill,
+    stroke: ct(e, t),
+    ink: B(e, n, e.dark ? 100 : 900).fill
+  };
+}
+const le = (e, t, a) => H(e, t.status).stroke ?? (t.spot === "ring" ? ht(e) : a || t.spot === "dim" ? e.muted : e.connection);
+function ft(e, t) {
+  const a = e.appearance.states?.find((d) => d.id === t);
+  if (!a) return e;
+  const n = /* @__PURE__ */ new Set();
+  for (const d of a.ids)
+    if (n.add(d), e.graph.groups.some((g) => g.id === d)) for (const g of Ft(e, d)) n.add(g);
+  const o = new Map(
+    [...e.graph.nodes, ...e.graph.groups].map((d) => [d.id, d.parentId])
+  ), r = /* @__PURE__ */ new Set();
+  for (const d of n) for (let g = o.get(d); g; g = o.get(g)) r.add(g);
+  const s = a.rest === "dim" ? "dim" : void 0, l = a.rest === "dim" ? "focus" : "ring", i = (d) => n.has(d) ? l : r.has(d) ? void 0 : s, c = { ...e.styles };
+  for (const d of [...e.graph.nodes, ...e.graph.groups]) {
+    const g = i(d.id);
+    g && (c[d.id] = { ...N(e, d.id), spot: g });
+  }
+  const h = e.graph.edges.map((d) => {
+    const g = n.has(d.id) || n.has(d.from) && n.has(d.to) ? l : s;
+    return g ? { ...d, spot: g } : d;
+  });
+  return { ...e, styles: c, graph: { ...e.graph, edges: h } };
+}
+function ut(e) {
+  const t = new Set([...e.graph.nodes, ...e.graph.groups].map((n) => n.id)), a = Object.entries(e.styles).filter(([n]) => t.has(n)).map(([, n]) => n.status);
+  return Object.keys(we).map((n) => ({
+    status: n,
+    count: a.filter((o) => o === n).length,
+    lines: e.graph.edges.filter((o) => o.status === n).length
+  })).filter((n) => n.count || n.lines);
+}
+const pt = (e) => U(e) ? [] : [
+  ...e.appearance.legend ?? [],
+  ...En(e),
+  // Bars are drawn only with `activations=on`, and only then need a row.
+  ...e.layout.sequence?.activations?.length ? [{ activation: !0, label: "at work on a call" }] : [],
+  // A sequence's rows stand at even steps, so every one says that they are not a clock.
+  ...e.layout.sequence ? [{ caption: !0, label: kn }] : []
+], kn = "Rows show order, not elapsed time.";
+function An(e) {
+  if (!e.layout.sequence) return;
+  const t = new Map(e.graph.nodes.map((r) => [r.id, r.title.split(`
+`)[0]])), a = new Map(e.graph.edges.map((r, s) => [r.id, s + 1])), n = (r) => r.message === "reply" ? r.replyTo && a.has(r.replyTo) ? `reply to step ${a.get(r.replyTo)}` : "reply" : r.message && r.message !== "interaction" && r.message !== "action" ? Me[r.message] : "", o = e.graph.edges.map((r, s) => {
+    const l = r.label.replace(/\s+/g, " ").trim(), i = r.message === "action" ? `${t.get(r.from)} does` : r.from === r.to ? `${t.get(r.from)} to itself` : `${t.get(r.from)} to ${t.get(r.to)}`;
+    return `${s + 1}. ${i}${l ? `: ${l}` : ""}${n(r) ? ` (${n(r)})` : ""}.`;
+  });
+  return [
+    `Sequence between ${[...t.values()].join(", ")}, in order from top to bottom.`,
+    ...o
+  ].join(" ");
+}
+const Me = {
+  interaction: "message",
+  call: "call: the sender waits",
+  send: "send: the sender does not wait",
+  reply: "reply",
+  outcome: "result shown",
+  action: "local action"
+};
+function En(e) {
+  const t = new Set(e.graph.edges.flatMap((n) => n.message ? [n.message] : []));
+  if (!t.size) return [];
+  e.graph.edges.some((n) => !n.message && !n.dashed && n.directed) && t.add("interaction");
+  const a = ["interaction", "outcome"].filter((n) => t.has(n));
+  return [
+    ...a.length ? [{ message: a[0], label: a.map((n) => Me[n]).join(" / ") }] : [],
+    ...["call", "send", "reply", "action"].filter((n) => t.has(n)).map((n) => ({ message: n, label: Me[n] }))
+  ];
+}
+function mt(e) {
+  const t = { ...e.styles }, a = e.layout.sequence, n = a?.before?.grow ?? 0;
+  for (const s of e.graph.nodes)
+    s.wasShape && (t[s.id] = { ...t[s.id], shape: s.wasShape });
+  const o = { ...e.layout.edges }, r = { ...e.layout.nodes };
+  for (const [s, l] of Object.entries(a?.before?.rows ?? {}))
+    o[s] = { ...o[s], row: l };
+  if (n)
+    for (const s of e.graph.groups) r[s.id] = { ...r[s.id], h: r[s.id].h + n };
+  return {
+    ...e,
+    styles: t,
+    layout: {
+      ...e.layout,
+      edges: o,
+      nodes: r,
+      ...a?.before ? {
+        sequence: {
+          ...a,
+          phases: a.before.phases,
+          activations: a.before.activations,
+          panel: { ...a.panel, h: a.panel.h + n }
+        }
+      } : {}
+    },
+    graph: {
+      nodes: e.graph.nodes.map((s) => ({
+        ...s,
+        title: s.was ?? s.title,
+        ...s.wasCount !== void 0 ? { count: s.wasCount === 1 ? void 0 : s.wasCount } : {},
+        ...s.lifeline ? { lifeline: s.lifeline + n } : {}
+      })),
+      groups: e.graph.groups.map((s) => ({ ...s, title: s.was ?? s.title })),
+      edges: e.graph.edges.map((s) => ({ ...s, label: s.was ?? s.label }))
+    }
+  };
+}
+function gt(e) {
+  const t = e.layout.sequence;
+  if (!t?.inner) return e;
+  const { inner: a, notes: n, phaseX: o, ...r } = t;
+  return { ...e, layout: { ...e.layout, sequence: { ...r, panel: a } } };
+}
+function Ue(e, t) {
+  const a = t === "before" ? "added" : "removed", n = (i) => e.styles[i]?.status !== a, o = gt(e), r = t === "before" ? mt(o) : o, s = r.graph.nodes.filter((i) => n(i.id)), l = new Set(s.map((i) => i.id));
+  return Sn(
+    {
+      ...r,
+      graph: {
+        nodes: s,
+        groups: r.graph.groups.filter((i) => n(i.id)),
+        edges: r.graph.edges.filter(
+          (i) => i.status !== a && l.has(i.from) && l.has(i.to)
+        )
+      }
+    },
+    new Set(
+      e.graph.groups.filter((i) => !n(i.id)).map((i) => i.id).concat(e.graph.nodes.filter((i) => !n(i.id)).map((i) => i.id))
+    ),
+    e
+  );
+}
+function Sn(e, t, a) {
+  if (!t.size) return e;
+  const n = new Map(
+    [...a.graph.nodes, ...a.graph.groups].map((c) => [c.id, c.parentId])
+  ), o = /* @__PURE__ */ new Set();
+  for (const c of t) for (let h = n.get(c); h; h = n.get(h)) o.add(h);
+  const r = Ee(e.appearance), s = { ...e.layout.nodes }, l = (c) => {
+    let h = 0;
+    for (let d = n.get(c); d; d = n.get(d)) h++;
+    return h;
+  }, i = [...e.graph.nodes, ...e.graph.groups];
+  for (const c of e.graph.groups.filter((h) => o.has(h.id)).sort((h, d) => l(d.id) - l(h.id))) {
+    const h = s[c.id], d = i.filter((w) => w.parentId === c.id).map((w) => s[w.id]);
+    if (!h || !d.length) continue;
+    const g = Math.min(
+      h.x + h.w,
+      Math.max(...d.map((w) => w.x + w.w)) + Q
+    ), u = Math.min(h.y + h.h, Math.max(...d.map((w) => w.y + w.h)) + Q), f = W(c.title, r.groupTitle) + Nt, m = Math.max(h.x, Math.min(...d.map((w) => w.x)) - Q), $ = Math.max(h.y, Math.min(...d.map((w) => w.y)) - r.groupHeader), T = Math.max(h.x, Math.min(m, g - f)), M = Math.max(h.y, Math.min($, u - r.groupHeader - Q));
+    s[c.id] = {
+      ...h,
+      x: T,
+      y: M,
+      w: Math.min(h.x + h.w, Math.max(g, T + f)) - T,
+      h: u - M
+    };
+  }
+  return { ...e, layout: { ...e.layout, nodes: s } };
+}
+const _n = [6, 3];
+function Ln(e) {
+  if (typeof e == "string" || e < 1e3) return `×${e}`;
+  const t = e / 1e3;
+  return `×${t < 10 ? t.toFixed(1).replace(/\.0$/, "") : Math.round(t)}k`;
+}
+const Rn = 24, In = 10, Ve = 4, On = 16;
+function Dn(e, t, a) {
+  const n = Pt(e).subtitle, o = t.filter((i) => i.mark).map((i) => W(i.mark, n)), r = o.length ? Math.ceil(Math.max(...o)) + 10 : 0;
+  let s = In;
+  const l = t.map((i) => {
+    const c = Bt(i.text, Math.max(80, a - r), n), h = { note: i, lines: c, y: s };
+    return s += c.length * n.lineHeight + Ve, h;
+  });
+  return { type: n, gutter: r, items: l, h: l.length ? s - Ve + On : 0 };
+}
+function Fn(e, t, a) {
+  const { type: n, gutter: o } = e;
+  return e.items.flatMap(
+    (r, s) => r.lines.map((l, i) => ({
+      entry: s,
+      runs: l,
+      x: t + o,
+      y: a + r.y + i * n.lineHeight
+    }))
+  );
+}
+function $t(e, t, a, n, o = (r) => r) {
+  if (!t.items.length) return "";
+  const { type: r } = t, s = `font-family="${r.family.replace(/"/g, "&quot;")}" font-size="${r.size}" font-weight="${r.weight}"`, l = jt(e, e.canvas), i = (d) => d + r.lineHeight / 2, c = t.items.filter((d) => d.note.mark).map(
+    (d) => `<text x="${a}" y="${i(n + d.y)}" dominant-baseline="central" ${s} fill="${e.muted}">${Nn(d.note.mark)}</text>`
+  ), h = Fn(t, a, n).map(
+    (d) => `<text x="${d.x}" y="${i(d.y)}" dominant-baseline="central" ${s} fill="${e.text}">${Ct(d.runs, l, o)}</text>`
+  );
+  return `<g class="diagram-footnotes"><line x1="${a}" x2="${a + Rn}" y1="${n}" y2="${n}" stroke="${e.muted}" stroke-opacity="0.6"/>` + c.join("") + h.join("") + "</g>";
+}
+const Nn = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Y = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), yt = (e, t, a, n, o = be.r) => `<circle cx="${e}" cy="${t}" r="${o}" fill="${a}" stroke="${n}" stroke-width="${o / 4.5}"/><path d="M${e - o / 2},${t} h${o}" stroke="${n}" stroke-width="${o / 4}" stroke-linecap="round"/>`, jn = 24, Oe = (e) => e?.caption ? -8 : e?.message && e.message !== "action" ? 28 : 16, Cn = (e, t, a) => Oe(a) + 8 + W(t, e.annotation);
+function Xe(e, t, a, n, o) {
+  if (e === "none") return "";
+  const r = Le[e];
+  return `<path transform="${n ? `translate(${t + r.stop + r.x} ${a - r.h / 2}) scale(-1 1)` : `translate(${t - r.stop - r.x} ${a - r.h / 2})`}" d="${r.d}" fill="${nt(e, o.connection, o.canvas)}" stroke="${o.connection}" stroke-width="${tt}" stroke-linecap="round" stroke-linejoin="round"/>`;
+}
+function Pn(e, t, a, n) {
+  const o = n.connection;
+  if (e.message === "action")
+    return `<rect x="${t}" y="${a - 6}" width="16" height="12" rx="3" fill="none" stroke="${o}" stroke-width="1.4"/>`;
+  const r = { message: e.message }, [s, l] = [Se(r), _e(r)], i = (h) => h === "none" ? 0 : Le[h].stop, c = t + Oe(e);
+  return `<line x1="${t + i(l)}" y1="${a}" x2="${c - i(s)}" y2="${a}" stroke="${o}" stroke-width="1.4" stroke-linecap="round"${e.message === "reply" ? ' stroke-dasharray="5 5"' : ""}/>` + Xe(l, t, a, !0, n) + Xe(s, c, a, !1, n);
+}
+function Bn(e, t = [], a = [], n = 1 / 0) {
+  const o = Math.round(e.annotation.lineHeight + 8), r = [
+    ...t.map((h) => ({ legend: h, label: h.label })),
+    ...a.map((h) => ({ status: h, label: bn(h) }))
+  ];
+  let s = 0, l = 0, i = 0;
+  const c = r.map((h) => {
+    const d = Cn(e, h.label, h.legend);
+    s && s + d > n && (s = 0, l += o);
+    const g = { ...h, x: s, y: l };
+    return i = Math.max(i, s + d), s += d + jn, g;
+  });
+  return { w: i, h: c.length ? l + o + 12 : 0, row: o, items: c };
+}
+function xt(e, t, a, n) {
+  const { row: o } = t, { family: r, size: s, weight: l } = e.annotation;
+  return t.items.map((i) => {
+    const c = a + i.x, h = n + 12 + i.y, d = h + o / 2;
+    let g;
+    if (i.legend?.caption)
+      return `<text x="${c}" y="${d}" dominant-baseline="central" font-family="${Y(r)}" font-size="${s}" font-weight="${l}" fill="${e.muted}">${Y(i.label)}</text>`;
+    if (i.legend?.activation)
+      g = `<line x1="${c + 8}" y1="${d - 9}" x2="${c + 8}" y2="${d + 9}" stroke="${e.muted}" stroke-width="1" stroke-dasharray="3 3"/><rect x="${c + 4}" y="${d - 6}" width="8" height="12" rx="1.5" fill="${e.canvas}" stroke="${e.connection}" stroke-width="1.2"/>`;
+    else if (i.legend?.message) g = Pn(i.legend, c, d, e);
+    else if (i.legend?.line)
+      g = `<line x1="${c}" y1="${d}" x2="${c + 16}" y2="${d}" stroke="${e.connection}" stroke-width="1.4"${i.legend.line === "dashed" ? ' stroke-dasharray="5 5"' : ""}/>`;
+    else if (i.legend) {
+      const u = B(e, i.legend.family, i.legend.shade ?? et, "node");
+      g = Ge(c, h, o, `fill="${u.fill}" stroke="${u.stroke}"`);
+    } else {
+      const u = i.status.status, f = H(e, u), m = Te(e, u, "node");
+      g = Ge(
+        c,
+        h,
+        o,
+        `fill="${m.fill}" stroke="${m.stroke}" stroke-width="${f.width ?? 1}"${f.dash ? ' stroke-dasharray="3 2"' : ""} opacity="${f.opacity}"`
+      ) + (f.marker ? yt(c + 16, h + (o - 12) / 2, m.stroke, e.canvas, 4) : "");
+    }
+    return g + `<text x="${c + Oe(i.legend) + 8}" y="${d}" dominant-baseline="central" font-family="${Y(r)}" font-size="${s}" font-weight="${l}" fill="${e.text}">${Y(i.label)}</text>`;
+  }).join("");
+}
+const Ge = (e, t, a, n) => `<rect x="${e}" y="${t + (a - 12) / 2}" width="16" height="12" rx="3" ${n}/>`, C = 40, J = 8;
+function wt(e, t, a, n, o, r = [], s = []) {
+  const l = r.filter((y) => !y.inFrame).map((y) => y.rect), i = l.length ? ye([o, ye(l, C)]) : o, c = r.filter((y) => y.inFrame), h = Ht(e, (t?.width ?? i.w) - C * 2), d = qt(e, t, h), g = c.reduce((y, p) => y + p.rect.h + J, d.h ? 0 : -J), u = c.length ? { w: Math.max(d.w, ...c.map((y) => y.rect.w)), h: (d.h || 20) + g } : d, f = Math.max(i.w, u.w + C * 2, t?.width ?? 0) - C * 2, m = Bn(e, a, n, f), $ = Dn(e, s, f), T = $.h && !m.h ? $.h + C / 2 : $.h, M = Math.max(i.w, u.w + C * 2, m.w + C * 2), w = i.y - u.h, x = i.x + C;
+  let k = w + 28 + (d.h ? d.h - 20 + J : 0);
+  const b = r.map((y) => {
+    if (!y.inFrame) return y;
+    const p = { ...y.rect, x, y: k };
+    return k += y.rect.h + J, { ...y, rect: p };
+  });
+  return {
+    x: i.x,
+    y: w,
+    w: Math.max(M, t?.width ?? 0),
+    h: i.h + u.h + T + m.h,
+    /** Width without the heading's `width`, which a drag never narrows past. */
+    natural: M,
+    head: u,
+    key: m,
+    heading: { x, y: w + 28, wrap: h },
+    legend: { x, y: i.y + i.h - 12 + $.h },
+    /** The footnote block's top-left corner and layout. */
+    foot: { ...$, x, y: i.y + i.h - 12 },
+    /** Every note, placed. */
+    notes: b
+  };
+}
+const Hn = 1, qn = 3, Ke = (e) => e.dark ? 950 : 50;
+function De(e, t, a) {
+  const n = N(e, a), o = rt(e, a), r = n.color, s = o && !!e.layout.sequence && n.shade === void 0;
+  if (!r || r === "auto") return s ? Ke(t) : n.shade;
+  const l = n.shade ?? me(
+    t,
+    r,
+    s ? Ke(t) : o ? Ut(t.theme) : et
+  ), i = Re(e, a)?.parentId, c = i ? at(e, i) : void 0;
+  if (!c || N(e, c.id).color !== r) return l;
+  const h = De(e, t, c.id);
+  if (h === void 0) return l;
+  const d = !!Vt[t.theme]?.dark;
+  if (!o && n.shade === void 0 && (d ? h >= 700 : h <= 300))
+    return me(t, r, Xt(t.theme));
+  const g = o ? Hn : qn, u = d ? -1 : 1, f = ae.indexOf(l), m = ae.indexOf(h);
+  return (f - m) * u >= g || (m - f) * u > 2 ? l : me(t, r, ae[Un(m + g * u)]);
+}
+function V(e, t, a, n) {
+  if (U(e)) return Te(t, N(e, a).status, n);
+  if (N(e, a).spot === "dim") return Te(t, void 0, n);
+  const o = B(t, N(e, a).color, De(e, t, a), n);
+  if (n === "node" && e.layout.sequence) {
+    const r = Re(e, a)?.parentId;
+    return {
+      fill: r && at(e, r)?.frame !== "none" ? V(e, t, r, "group").fill : t.canvas,
+      stroke: bt(e, t, a) ?? o.stroke,
+      ink: t.text
+    };
+  }
+  return o;
+}
+function bt(e, t, a) {
+  if (!e.layout.sequence || !Re(e, a) || rt(e, a) || U(e) || N(e, a).spot === "dim") return;
+  const n = De(e, t, a), o = N(e, a).color;
+  if (!((!o || o === "auto") && n === void 0))
+    return B(t, o, n, "node").fill;
+}
+function zn(e, t) {
+  return t.fill === e.node.fill && t.ink === e.node.ink ? re(e.muted, t.fill, je.connection) : re(zt(t.ink, t.fill, 0.3), t.fill, je.connection);
+}
+const Un = (e) => Math.max(0, Math.min(ae.length - 1, e));
+function me(e, t, a) {
+  const n = Gt(e, t);
+  return !n.length || n.includes(a) ? a : n.reduce((o, r) => Math.abs(r - a) < Math.abs(o - a) ? r : o);
+}
+const ee = 4;
+function Vn(e, t, a, n, o = 0) {
+  const r = [];
+  for (const s of t.nodes) {
+    const l = a.get(s.id);
+    l && r.push(Kt(e, s.id, s.title, l)), l && s.lifeline && r.push({ x: l.x + l.w / 2, y: l.y + l.h, w: 1, h: s.lifeline });
+  }
+  for (const s of t.groups) {
+    const l = a.get(s.id);
+    l && r.push(l);
+  }
+  e.layout.sequence && r.push(e.layout.sequence.panel);
+  for (const s of n) {
+    for (const i of s.points)
+      r.push({ x: i.x - ee, y: i.y - ee, w: ee * 2, h: ee * 2 });
+    const l = s.label;
+    l && r.push({ x: l.x - l.w / 2, y: l.y - l.h / 2, w: l.w, h: l.h });
+  }
+  return ye(r, o);
+}
+const ge = (e, t) => e.x >= t.x && e.x <= t.x + t.w && e.y >= t.y && e.y <= t.y + t.h, Tt = (e) => e % 2 ? 0.03 : 0.12;
+function Mt(e) {
+  if (!e.layout.sequence) return !1;
+  const t = new Set(e.graph.groups.filter((a) => a.frame !== "none").map((a) => a.id));
+  return e.graph.nodes.some((a) => a.lifeline && !(a.parentId && t.has(a.parentId)));
+}
+function Xn(e, t) {
+  const { vg: a, rects: n } = Ie(e), o = e.layout.sequence, r = !!o && Mt(e);
+  return (s) => {
+    let l = t.canvas;
+    o && r && ge(s, o.panel) && (l = st(t).fill);
+    for (const c of a.groups) {
+      const h = n.get(c.id);
+      if (!h || c.frame === "none") continue;
+      (c.frame === "soft" && c.hull?.length ? c.hull : [{ x: 0, y: 0, w: h.w, h: h.h }]).some((g) => ge(s, { x: h.x + g.x, y: h.y + g.y, w: g.w, h: g.h })) && (l = V(e, t, c.id, "group").fill);
+    }
+    const i = o ? o.phases.findIndex((c) => s.y >= c.y && s.y <= c.y + c.h) : -1;
+    return i < 0 || !ge(s, o.panel) ? { fill: l } : {
+      fill: l,
+      tint: { fill: it(t).stroke, opacity: Tt(i) }
+    };
+  };
+}
+function Gn(e, t) {
+  const a = /* @__PURE__ */ new Map();
+  for (const n of t.matchAll(/M([-\d.]+) ([-\d.]+)L([-\d.]+) ([-\d.]+)/g)) {
+    const [o, r, s, l] = n.slice(1).map(Number), i = e({ x: (o + s) / 2, y: (r + l) / 2 }), c = JSON.stringify(i), h = a.get(c);
+    h ? h.d += n[0] : a.set(c, { surface: i, d: n[0] });
+  }
+  return [...a.values()];
+}
+const S = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+class ve extends Error {
+}
+const Kn = new TextEncoder();
+class vt extends Array {
+  constructor(t = 1 / 0) {
+    super(), this.limit = t;
+  }
+  bytes = 0;
+  push(...t) {
+    for (const a of t) {
+      if (this.bytes += Kn.encode(a).length + (this.length ? 1 : 0), this.bytes > this.limit) throw new ve("SVG output exceeds maxOutputBytes.");
+      super.push(a);
+    }
+    return this.length;
+  }
+}
+function $e(e, t, a) {
+  if (!e) return t;
+  const n = fn(e).kind === "url";
+  return [
+    `<a class="link" href="${S(a.href?.(e) ?? e)}"${a.linkTarget === "_self" ? ' target="_self"' : a.linkTarget === "_blank" || n ? ' target="_blank" rel="noopener noreferrer"' : ""}>`,
+    ...t,
+    "</a>"
+  ];
+}
+const We = (e, t, a, n) => `<path class="link-mark" transform="translate(${t + e.x},${a + e.y}) scale(${e.size / 10})" d="${un}" fill="none" stroke="${n}" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>`, ce = (e) => e.textHref ?? ((t) => e.href?.(t) ?? t), Wn = "a.link{cursor:pointer}a.link:hover .shape{stroke-width:2.4px}a.link:hover .link-mark{stroke-width:2px}", te = (e) => (e.strike ? ' text-decoration="line-through"' : "") + (e.inkFade ? ` fill-opacity="${e.inkFade}"` : ""), Ze = (e, t, a, n) => e.marker ? yt(t.x + t.w - be.inset, t.y + be.inset, a, n) : "", z = (e) => e.opacity < 1 ? ` opacity="${e.opacity}"` : "", F = (e) => `font-family="${S(e.family)}" font-size="${e.size}" font-weight="${e.weight}"`;
+function ke(e, t, a, n, o = "") {
+  if (e === "diamond")
+    return `<path d="M${t.x + t.w / 2},${t.y} L${t.x + t.w},${t.y + t.h / 2} L${t.x + t.w / 2},${t.y + t.h} L${t.x},${t.y + t.h / 2} Z" ${n}/>`;
+  if (e === "circle")
+    return `<ellipse cx="${t.x + t.w / 2}" cy="${t.y + t.h / 2}" rx="${t.w / 2}" ry="${t.h / 2}" ${n}/>`;
+  if (e === "text") return "";
+  if (e === "marker")
+    return `<rect x="${t.x}" y="${t.y}" width="${t.w}" height="${t.h}" rx="2" fill="${o}"/>`;
+  const r = e === "pill" ? t.h / 2 : a;
+  return `<rect x="${t.x}" y="${t.y}" width="${t.w}" height="${t.h}" rx="${r}" ${n}/>`;
+}
+const Qe = (e, t, a) => ke(
+  e === "text" ? "box" : e,
+  { x: t.x - X, y: t.y - X, w: t.w + 2 * X, h: t.h + 2 * X },
+  a.radius + X,
+  `fill="none" stroke="${ht(a)}" stroke-width="2"`
+);
+function Zn(e, t, a, n) {
+  const o = e.layout.containers[a]?.cellsChrome, r = V(e, t, a, "group").ink;
+  return o ? [
+    ...(o.ruler?.ticks ?? []).map(
+      (s) => `<text x="${n.x + s.x}" y="${n.y + o.ruler.y + o.ruler.h / 2}" text-anchor="middle" dominant-baseline="central" ${F(t.annotation)} fill="${r}">${S(s.label)}</text>`
+    ),
+    ...Object.entries(o.pieces ?? {}).flatMap(([s, l]) => {
+      const i = V(e, t, s, "node"), c = e.graph.nodes.find((h) => h.id === s)?.title ?? "";
+      return l.map(
+        (h) => `<rect x="${n.x + h.x}" y="${n.y + h.y}" width="${h.w}" height="${h.h}" fill="${i.fill}" stroke="${i.stroke}" stroke-width="1.2"/><text x="${n.x + h.x + h.w / 2}" y="${n.y + h.y + h.h / 2}" text-anchor="middle" dominant-baseline="central" ${F(t.annotation)} fill="${i.ink}" opacity="0.75">${S(se(`… ${c}`, Math.max(0, h.w - 8), t.annotation))}</text>`
+      );
+    })
+  ] : [];
+}
+function fe(e) {
+  const { vg: t, rects: a } = Ie(e);
+  return Wt(e, t, a, { previous: [] }).routes;
+}
+function Qn(e, t) {
+  const a = new Set(e.graph.nodes.filter((s) => s.wasShape).map((s) => s.id)), n = new Set(e.graph.edges.filter((s) => s.was !== void 0).map((s) => s.id)), o = !!e.layout.sequence;
+  if (!o && !a.size && !n.size) return t;
+  const r = fe(mt(e));
+  return t.map((s) => {
+    const l = e.graph.edges.find((i) => i.id === s.id);
+    return o || a.has(l.from) || a.has(l.to) || n.has(l.id) ? r.find((i) => i.id === s.id) : s;
+  });
+}
+function kt(e, t, a, n, o) {
+  const { vg: r, rects: s } = Ie(e), l = new Set(e.graph.edges.map((u) => u.id)), i = o ? o.filter((u) => l.has(u.id)) : fe(e), c = new vt(n.maxOutputBytes), h = U(e), d = Jn(e, t);
+  c.push(...d.panel);
+  for (const u of r.groups) {
+    const f = s.get(u.id), m = V(e, t, u.id, "group"), $ = H(t, N(e, u.id).status, N(e, u.id).spot), T = Zt(e, u.id), M = T ? T / 2 : t.groupHeader / 2 - 7, w = T ? 12 : 33, x = T ? [se(u.title, Math.max(40, f.w - w - 12), t.groupTitle)] : Qt(u.title, f.w, t, u.titleLines);
+    if (u.frame !== "none") {
+      if (u.frame === "soft") {
+        const k = u.hull?.length ? u.hull : [{ x: 0, y: 0, w: f.w, h: f.h }];
+        c.push(
+          ...$e(
+            u.href,
+            [
+              `<g data-id="${S(u.id)}"${z($)}>`,
+              ...k.map(
+                (b) => `<rect x="${f.x + b.x}" y="${f.y + b.y}" width="${b.w}" height="${b.h}" rx="${Yt}" fill="${m.fill}"/>`
+              ),
+              `<text x="${f.x + k[0].x + Ce.x}" y="${f.y + k[0].y + Ce.y}" dominant-baseline="central" ${F(t.annotation)} fill="${m.ink}"${te($)}>${S(se(u.title, Math.max(40, k[0].w - 2 * Jt), t.annotation))}</text>`,
+              "</g>"
+            ],
+            n
+          )
+        );
+        continue;
+      }
+      c.push(
+        ...$e(
+          u.href,
+          [
+            `<g data-id="${S(u.id)}"${z($)}>`,
+            $.halo ? Qe("box", f, { ...t, radius: Math.min(10, t.radius + 4) }) : "",
+            `<rect class="shape" x="${f.x}" y="${f.y}" width="${f.w}" height="${f.h}" rx="${T ? Math.min(4, t.radius) : Math.min(10, t.radius + 4)}" fill="${m.fill}" stroke="${m.stroke}" stroke-width="${$.width ?? 1}" stroke-opacity="${$.stroke ? 1 : 0.65}"${$.dash ? ` stroke-dasharray="${$.dash}"` : ""}/>`,
+            T ? "" : `<svg x="${f.x + 12}" y="${f.y + M - 6.5}" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="${m.ink}" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round">${wn.group}</svg>`,
+            ...Zn(e, t, u.id, f),
+            ...x.map(
+              (k, b) => `<text x="${f.x + w}" y="${f.y + M + b * t.groupTitle.lineHeight}" dominant-baseline="central" ${F(t.groupTitle)} fill="${m.ink}"${te($)}>${S(k)}</text>`
+            ),
+            u.href ? We(
+              en(
+                x[x.length - 1],
+                t.groupTitle,
+                M + (x.length - 1) * t.groupTitle.lineHeight
+              ),
+              f.x,
+              f.y,
+              m.ink
+            ) : "",
+            Ze($, f, m.stroke, t.canvas),
+            "</g>"
+          ],
+          n
+        )
+      );
+    }
+  }
+  c.push(...d.phases);
+  for (const u of r.nodes) {
+    const f = s.get(u.id);
+    if (!f || !u.lifeline) continue;
+    const m = f.x + f.w / 2;
+    c.push(
+      `<line x1="${m}" y1="${f.y + f.h}" x2="${m}" y2="${f.y + f.h + u.lifeline}" stroke="${t.muted}" stroke-width="${Pe.width}" stroke-dasharray="${Pe.dash}"/>`
+    );
+  }
+  c.push(...d.bars);
+  const g = Xn(e, t);
+  for (const u of i) {
+    const f = e.graph.edges.find((p) => p.id === u.id), m = H(t, f.status, f.spot), $ = le(t, f, h), T = m.dash ?? (f.dashed ? "5 5" : ""), M = Se(f), w = _e(f);
+    c.push(
+      `<g data-id="${S(f.id)}"${z(m)}>`,
+      ...Gn(g, u.halo).flatMap(
+        ({ surface: p, d: _ }) => Ye(
+          p,
+          (L) => `<path d="${_}" fill="none" stroke-width="${pn}" ${L}/>`,
+          "stroke"
+        )
+      ),
+      `<path d="${u.path}" fill="none" stroke="${$}" stroke-width="${m.width ? m.width - 0.5 : 1.4}" stroke-linecap="round" stroke-linejoin="round"${T ? ` stroke-dasharray="${T}"` : ""}${M === "none" ? "" : ` marker-end="url(#${a(M, $)})"`}${w === "none" ? "" : ` marker-start="url(#${a(w, $, !0)})"`}/>`
+    );
+    const x = u.label, k = e.layout.edges[u.id]?.row !== void 0, b = tn(t, k), y = nn(f.label, t, k);
+    x && c.push(
+      ...Ye(
+        g(x),
+        (p) => `<rect x="${x.x - x.w / 2}" y="${x.y - x.h / 2}" width="${x.w}" height="${x.h}" rx="4" ${p}/>`
+      ),
+      `<text x="${x.x}" y="${x.y - (y.length - 1) * b.lineHeight / 2}" text-anchor="middle" dominant-baseline="central" ${F(b)} fill="${$}"${te(m)}>${y.length === 1 ? S(y[0]) : y.map((p, _) => `<tspan x="${x.x}" dy="${_ ? b.lineHeight : 0}">${S(p)}</tspan>`).join("")}</text>`
+    ), c.push("</g>");
+  }
+  for (const u of r.nodes) {
+    const f = s.get(u.id), m = N(e, u.id), $ = V(e, t, u.id, "node"), T = H(t, m.status, m.spot), M = an(e, u.id) ? 0 : t.radius, w = rn(e, u.id, u.title, f), x = w.mode === "center" && m.shape !== "text", k = x ? $.ink : t.text, b = `font-size="${t.detail.size}" font-weight="${t.detail.weight}" fill="${x ? zn(t, $) : t.muted}"`, y = bt(e, t, u.id), p = `class="shape" fill="${$.fill}" stroke="${$.stroke}" stroke-width="${T.width ?? (y ? 1.5 : 1.2)}"${T.dash ? ` stroke-dasharray="${T.dash}"` : ""}`, _ = u.count ? Ln(u.count) : "", L = W(_, t.annotation) + 12, E = t.annotation.lineHeight + 4, R = u.href ? sn(m.shape, f.w, f.h, _ ? L : 0) : void 0;
+    c.push(
+      ...$e(
+        u.href,
+        [
+          `<g data-id="${S(u.id)}"${z(T)}>`,
+          ...u.count && m.shape !== "text" ? _n.map(
+            (I) => ke(m.shape, { ...f, x: f.x + I, y: f.y + I }, M, p)
+          ) : [],
+          T.halo ? Qe(m.shape, f, t) : "",
+          on(e, u.id) ? `<path d="${ln(f)}" ${p}/>` : ke(m.shape, f, M, p, t.text),
+          y && m.shape === "box" ? `<path d="${ea(f, M)}" fill="${y}"/>` : "",
+          `<text x="${f.x + w.x}" y="${f.y + w.y}" text-anchor="middle" dominant-baseline="central" ${F(t.title)} fill="${k}"${te(T)}>` + w.lines.map(
+            (I, D) => `<tspan x="${f.x + w.x}" y="${f.y + w.y + w.offsets[D]}"${I.detail ? ` ${b}` : ""}>${S(I.text)}</tspan>`
+          ).join("") + "</text>",
+          _ ? `<rect x="${f.x + f.w - L + 6}" y="${f.y - E / 2}" width="${L}" height="${E}" rx="${E / 2}" fill="${$.stroke}"/><text x="${f.x + f.w - L / 2 + 6}" y="${f.y}" text-anchor="middle" dominant-baseline="central" ${F(t.annotation)} fill="${t.canvas}">${S(_)}</text>` : "",
+          R ? We(R, f.x, f.y, R.inside ? $.ink : t.muted) : "",
+          _ ? "" : Ze(T, f, $.stroke, t.canvas),
+          "</g>"
+        ],
+        n
+      )
+    );
+  }
+  for (const u of i) {
+    if (!u.cross) continue;
+    const f = e.graph.edges.find((w) => w.id === u.id), m = H(t, f.status), $ = le(t, f, h), [T, M] = u.cross;
+    c.push(
+      `<g${z(m)}>`,
+      `<line x1="${T.x}" y1="${T.y}" x2="${M.x}" y2="${M.y}" stroke="${$}" stroke-width="${m.width ? m.width - 0.5 : 1.4}"${m.dash || f.dashed ? ` stroke-dasharray="${m.dash ?? "5 5"}"` : ""}/>`,
+      `<circle cx="${M.x}" cy="${M.y}" r="3.5" fill="${$}"/>`,
+      "</g>"
+    );
+  }
+  return {
+    markup: c.join(`
+`),
+    bounds: Vn(e, r, s, i, 40),
+    rects: s,
+    routes: i
+  };
+}
+const Ae = 24, G = 0;
+function At(e, t, a = "") {
+  const n = [
+    .../* @__PURE__ */ new Set([
+      e.connection,
+      ...t.flatMap((l) => l.graph.edges.map((i) => le(e, i, U(l))))
+    ])
+  ], o = (l, i, c = !1) => {
+    const h = n.indexOf(i);
+    return `${a}${l}${h ? `-${h}` : ""}${c ? "-tail" : ""}`;
+  }, r = /* @__PURE__ */ new Map(), s = (l, i, c = !1) => {
+    if (l === "none") return;
+    const h = hn(l, c), d = o(l, i, c);
+    r.set(
+      d,
+      `<marker id="${d}" markerWidth="${h.markerWidth}" markerHeight="${h.markerHeight}" refX="${h.refX}" refY="${h.refY}" orient="${h.orient}" markerUnits="userSpaceOnUse"><path d="${Le[l].d}" fill="${nt(l, i, e.canvas)}" stroke="${i}" stroke-width="${tt}" stroke-linecap="round" stroke-linejoin="round"/></marker>`
+    );
+  };
+  for (const l of n) s("arrow", l);
+  for (const l of t)
+    for (const i of l.graph.edges) {
+      const c = le(e, i, U(l));
+      s(Se(i), c), s(_e(i), c, !0);
+    }
+  return { defs: [...r.values()].join(""), marker: o };
+}
+function Et(e, t, a, { x: n, y: o, w: r, h: s, heading: l }, i) {
+  const c = i.idPrefix ?? "draft", h = i.description ?? An(e), d = Wn.replace(/a\.link/g, `#${c}-svg a.link`), g = new vt(i.maxOutputBytes);
+  return g.push(
+    `<svg xmlns="http://www.w3.org/2000/svg" id="${c}-svg" role="img" aria-labelledby="${c}-title${h ? ` ${c}-description` : ""}" viewBox="${n} ${o} ${r} ${s}" width="${r}" height="${s}" data-theme="${t.theme}">`,
+    `<title id="${c}-title">${S(i.title ?? e.title)}</title>`,
+    h ? `<desc id="${c}-description">${S(h)}</desc>` : "",
+    i.metadata ?? "",
+    `<defs><style${i.styleNonce ? ` nonce="${S(i.styleNonce)}"` : ""}>${i.fontCss ?? ""}${e.graph.nodes.some((u) => u.href) || e.graph.groups.some((u) => u.href) ? d : ""}</style>` + a + "</defs>",
+    `<rect x="${n}" y="${o}" width="${r}" height="${s}" fill="${t.canvas}"/>`,
+    // The title and subtitle sit above the drawing, left-aligned with the legend under it.
+    cn(t, e.appearance.heading, l.x, l.y, l.wrap)
+  ), g;
+}
+function Yn(e, t, a) {
+  const n = e.appearance.states ?? [], o = n.map((b) => ft(gt(e), b.id)), { defs: r, marker: s } = At(t, o, a.idPrefix ? `${a.idPrefix}-` : ""), l = fe(e), i = o.map((b) => kt(b, t, s, a, l)), c = i.map((b) => b.bounds).reduce(St), h = Math.floor(c.x), d = Math.floor(c.y), g = Math.ceil(c.x + c.w) - h, u = Math.ceil(c.y + c.h) - d + Ae, f = ut(e), m = pt(e), $ = xe(e, t, /* @__PURE__ */ new Map(), []), T = e.appearance.compare?.aspect ?? 1.6, M = (b) => {
+    const y = Math.ceil(n.length / b), p = wt(
+      t,
+      e.appearance.heading,
+      m,
+      f,
+      { x: h, y: d, w: b * g, h: y * u },
+      $,
+      e.appearance.footnotes
+    );
+    return { cols: b, frame: p, w: p.w, h: p.h };
+  }, { cols: w, frame: x } = n.map((b, y) => M(y + 1)).reduce(
+    (b, y) => Math.abs(Math.log(y.w / y.h / T)) < Math.abs(Math.log(b.w / b.h / T)) ? y : b
+  ), k = Et(e, t, r, x, a);
+  return i.forEach((b, y) => {
+    const p = y % w, _ = Math.floor(y / w), L = h + p * g, E = d + _ * u;
+    k.push(
+      `<text x="${L + 40}" y="${E + 36}" dominant-baseline="central" ${F(t.groupTitle)} fill="${t.text}">${S(n[y].label)}</text>`
+    ), p && k.push(
+      `<line x1="${L}" x2="${L}" y1="${E + 16}" y2="${E + u - 16}" stroke="${t.muted}" stroke-opacity="0.35"/>`
+    ), _ && !p && k.push(
+      `<line x1="${h + 40}" x2="${h + w * g - 40}" y1="${E}" y2="${E}" stroke="${t.muted}" stroke-opacity="0.35"/>`
+    ), k.push(
+      `<g data-state="${S(n[y].id)}" transform="translate(${p * g},${_ * u + Ae})">`,
+      b.markup,
+      "</g>"
+    );
+  }), k.push($t(t, x.foot, x.foot.x, x.foot.y, ce(a))), k.push(xt(t, x.key, x.legend.x, x.legend.y)), k.push(ot(t, x.notes, ce(a))), k.push(`</svg>
+`), k.join(`
+`);
+}
+function Jn(e, t) {
+  const a = e.layout.sequence;
+  if (!a) return { panel: [], phases: [], bars: [] };
+  const { panel: n } = a, o = it(t), r = a.phaseX ?? n.x;
+  return {
+    panel: [
+      Mt(e) && `<rect class="sequence-panel" x="${n.x}" y="${n.y}" width="${n.w}" height="${n.h}" rx="${Math.min(10, t.radius + 4)}" fill="${st(t).fill}" stroke="${o.stroke}" stroke-opacity="0.6"/>`
+    ].filter(Boolean),
+    // Activation bars go over the lifelines and under the messages, which end on their sides.
+    bars: (a.activations ?? []).map((s) => {
+      const l = e.graph.edges.find((i) => i.id === s.call)?.spot === "dim";
+      return `<rect class="sequence-activation" data-call="${S(s.call)}" x="${s.x}" y="${s.y}" width="${s.w}" height="${s.h}" rx="1.5" fill="${t.canvas}" stroke="${t.connection}" stroke-width="1.2"${l ? z(H(t, void 0, "dim")) : ""}/>`;
+    }),
+    // Alternate phases are tinted, so neighbours read apart even without their divider.
+    phases: a.phases.flatMap((s, l) => [
+      `<rect class="sequence-phase" data-phase="${S(s.id)}" x="${n.x}" y="${s.y}" width="${n.w}" height="${s.h}" fill="${o.stroke}" fill-opacity="${Tt(l)}"/>`,
+      `<line x1="${n.x}" x2="${n.x + n.w}" y1="${s.y}" y2="${s.y}" stroke="${o.stroke}" stroke-opacity="0.5"/>`,
+      ...dn(s.label, t).map(
+        (i, c) => `<text x="${r + Be}" y="${s.y + Be + (c + 0.5) * t.annotation.lineHeight}" dominant-baseline="central" ${F(t.annotation)} fill="${t.muted}">${S(i)}</text>`
+      )
+    ])
+  };
+}
+function Ye(e, t, a = "fill") {
+  const n = e.tint;
+  return [
+    t(`${a}="${e.fill}"`),
+    n ? t(`${a}="${n.fill}" ${a}-opacity="${n.opacity}"`) : ""
+  ];
+}
+function ea(e, t) {
+  const a = Math.min(t, e.w / 2, 4), n = 4;
+  return `M${e.x} ${e.y + n}V${e.y + a}Q${e.x} ${e.y} ${e.x + a} ${e.y}H${e.x + e.w - a}Q${e.x + e.w} ${e.y} ${e.x + e.w} ${e.y + a}V${e.y + n}Z`;
+}
+function ta(e, t = {}) {
+  const a = Ee(e.appearance), n = e.appearance.compare;
+  if (t.states) return Yn(e, a, t);
+  const { defs: o, marker: r } = At(a, [e], t.idPrefix ? `${t.idPrefix}-` : ""), s = n ? fe(e) : void 0, l = s ? [Qn(e, s), s] : [], i = (n ? [Ue(e, "before"), Ue(e, "after")] : [e]).map(
+    (R, I) => kt(R, a, r, t, l[I] ?? (n ? void 0 : t.routes))
+  ), c = i.map((R) => R.bounds).reduce(St), h = Math.floor(c.x), d = Math.floor(c.y), g = Math.ceil(c.x + c.w) - h, u = Math.ceil(c.y + c.h) - d, f = n ? Ae : 0, m = ut(e), $ = pt(e), T = n ? xe(e, a, /* @__PURE__ */ new Map(), []) : xe(e, a, i[0].rects, i[0].routes), M = (R) => {
+    const I = i.map(
+      ({ bounds: O }) => R ? { from: Math.floor(O.y), size: Math.ceil(O.y + O.h) - Math.floor(O.y) } : { from: Math.floor(O.x), size: Math.ceil(O.x + O.w) - Math.floor(O.x) }
+    ), D = I.map(
+      (O, pe) => I.slice(0, pe).reduce((Ot, Dt) => Ot + Dt.size + G + (R ? f : 0), 0)
+    ), j = D.at(-1) + I.at(-1).size, ue = R ? g : j, Z = R ? j + f : u + f, q = wt(
+      a,
+      e.appearance.heading,
+      $,
+      m,
+      { x: h, y: d, w: ue, h: Z },
+      T,
+      e.appearance.footnotes
+    );
+    return { stacked: R, spans: I, starts: D, areaH: Z, frame: q, w: q.w, h: q.h };
+  }, w = n?.aspect ?? 1.6, x = (R) => Math.abs(Math.log(R.w / R.h / w)), k = n?.direction ? [M(n.direction === "down")] : [M(!0), M(!1)], { stacked: b, spans: y, starts: p, areaH: _, frame: L } = k.reduce((R, I) => x(I) < x(R) ? I : R), E = Et(e, a, o, L, t);
+  return n || t.onDrawn?.({ rects: i[0].rects, routes: i[0].routes }), i.forEach((R, I) => {
+    const D = b ? h : h + p[I], j = b ? d + p[I] : d, ue = b ? 0 : D - y[I].from, Z = (b ? j - y[I].from : 0) + f;
+    if (n) {
+      const q = I ? n.after : n.before;
+      if (E.push(
+        `<text x="${D + 40}" y="${j + 36}" dominant-baseline="central" ${F(a.groupTitle)} fill="${a.text}">${S(q)}</text>`
+      ), !I && n.undrawn) {
+        const O = D + 40 + W(q, a.groupTitle) + 12, pe = (b ? g : y[0].size) - (O - D) - 40;
+        E.push(
+          `<text x="${O}" y="${j + 36}" dominant-baseline="central" ${F(a.annotation)} fill="${a.muted}">${S(se(`Drawn as new: ${n.undrawn}`, pe, a.annotation))}</text>`
+        );
+      }
+      I && E.push(
+        b ? `<line x1="${h + 40}" x2="${h + g - 40}" y1="${j - G / 2}" y2="${j - G / 2}" stroke="${a.muted}" stroke-opacity="0.35"/>` : `<line x1="${D - G / 2}" x2="${D - G / 2}" y1="${d}" y2="${d + _}" stroke="${a.muted}" stroke-opacity="0.35"/>`
+      );
+    }
+    E.push(`<g transform="translate(${ue},${Z})">`, R.markup, "</g>");
+  }), E.push($t(a, L.foot, L.foot.x, L.foot.y, ce(t))), E.push(xt(a, L.key, L.legend.x, L.legend.y)), E.push(ot(a, L.notes, ce(t))), E.push(`</svg>
+`), E.join(`
+`);
+}
+const St = (e, t) => {
+  const a = Math.min(e.x, t.x), n = Math.min(e.y, t.y);
+  return { x: a, y: n, w: Math.max(e.x + e.w, t.x + t.w) - a, h: Math.max(e.y + e.h, t.y + t.h) - n };
+};
+function na(e) {
+  if (!e || typeof e != "object" || Array.isArray(e))
+    throw new TypeError("Render options must be an object.");
+  if (e.target !== void 0 && !["image", "inline"].includes(e.target))
+    throw new TypeError("target must be image or inline.");
+  if (e.target === "inline") {
+    if (!/^[A-Za-z][A-Za-z0-9_-]{0,63}$/.test(e.idPrefix ?? ""))
+      throw new TypeError(
+        "Inline output needs an idPrefix with 1–64 letters, digits, underscores or hyphens, starting with a letter."
+      );
+  } else if (e.idPrefix !== void 0 || e.fonts === "host")
+    throw new TypeError("idPrefix and host fonts require target: inline.");
+  if (e.fonts !== void 0 && !["host", "embed"].includes(e.fonts))
+    throw new TypeError("fonts must be embed or host.");
+  for (const a of ["title", "description", "styleNonce", "sourceId"])
+    if (e[a] !== void 0 && typeof e[a] != "string")
+      throw new TypeError(`${a} must be a string.`);
+  if (e.state !== void 0 && e.state !== null && typeof e.state != "string")
+    throw new TypeError("state must be a string or null.");
+  if (e.includeSource !== void 0 && typeof e.includeSource != "boolean")
+    throw new TypeError("includeSource must be a boolean.");
+  if (e.colorScheme !== void 0 && !["light", "dark", "auto"].includes(e.colorScheme))
+    throw new TypeError("colorScheme must be light, dark or auto.");
+  const t = e.links;
+  if (t !== void 0) {
+    if (!t || !["none", "safe"].includes(t.mode))
+      throw new TypeError("links.mode must be none or safe.");
+    if (t.mode === "safe") {
+      if (t.target !== void 0 && !["_self", "_blank"].includes(t.target))
+        throw new TypeError("links.target must be _self or _blank.");
+      if (t.resolve !== void 0 && typeof t.resolve != "function")
+        throw new TypeError("links.resolve must be a function.");
+      if (t.baseUrl !== void 0 && !Fe(t.baseUrl))
+        throw new TypeError("links.baseUrl must be an absolute HTTP(S) URL.");
+    }
+  }
+}
+function Fe(e, t) {
+  if (typeof e != "string" || [...e].some((a) => a.charCodeAt(0) <= 32 || a.charCodeAt(0) === 127))
+    return null;
+  try {
+    const a = new URL(e, t);
+    return a.protocol === "https:" || a.protocol === "http:" ? a.href : null;
+  } catch {
+    return null;
+  }
+}
+const aa = (e) => (t) => e.links?.mode === "safe" ? Fe(t, e.links.baseUrl) : null;
+function ra(e, t) {
+  const a = [];
+  for (const n of [...e.graph.nodes, ...e.graph.groups]) {
+    if (!n.href) continue;
+    const o = t.links, r = o?.mode === "safe" ? o.resolve ? o.resolve({ itemId: n.id, href: n.href }) : n.href : null, s = r === null ? null : Fe(r, o?.mode === "safe" ? o.baseUrl : void 0);
+    s ? n.href = s : (delete n.href, o?.mode === "safe" && a.push({
+      severity: "warning",
+      code: "DRAFT_LINK_BLOCKED",
+      message: "The host link policy blocked this destination.",
+      itemIds: [n.id]
+    }));
+  }
+  return a;
+}
+const ne = /#[0-9a-fA-F]{3,8}\b|rgba?\([^)]*\)/g;
+function sa(e, t) {
+  const a = /data-theme="[^"]*"/.exec(e)?.[0];
+  a && (t = t.replace(/data-theme="[^"]*"/, a));
+  const n = e.split(ne), o = t.split(ne);
+  if (n.length !== o.length || n.some((i, c) => i !== o[c])) return null;
+  const r = e.match(ne) ?? [], s = t.match(ne) ?? [];
+  let l = n[0];
+  for (let i = 0; i < r.length; i++)
+    l += (r[i].toLowerCase() === s[i].toLowerCase() ? r[i] : `light-dark(${r[i]}, ${s[i]})`) + n[i + 1];
+  return l;
+}
+const P = {
+  maxSourceChars: 3e5,
+  maxSourceBytes: 1e6,
+  maxObjects: 500,
+  maxEdges: 1200,
+  maxDepth: 12,
+  maxOutputBytes: 8e6
+}, _t = new TextEncoder(), Je = (e) => e === 9 || e === 10 || e === 13 || e >= 32 && e <= 55295 || e >= 57344 && e <= 65533 || e >= 65536 && e <= 1114111;
+function K(e) {
+  for (let t = 0; t < e.length; t++) {
+    const a = e.charCodeAt(t);
+    if (a >= 55296 && a <= 56319) {
+      const n = e.charCodeAt(t + 1);
+      if (!(n >= 56320 && n <= 57343) || (t++, !Je(65536 + (a - 55296 << 10) + (n - 56320)))) return !1;
+    } else {
+      if (a >= 56320 && a <= 57343) return !1;
+      if (!Je(a)) return !1;
+    }
+  }
+  return !0;
+}
+function he(e, t = /* @__PURE__ */ new Set()) {
+  return typeof e == "string" ? !K(e) : !e || typeof e != "object" || t.has(e) ? !1 : (t.add(e), Array.isArray(e) ? e.some((a) => he(a, t)) : Object.values(e).some((a) => he(a, t)));
+}
+function Lt(e, t = !1) {
+  if (e !== void 0 && (!e || typeof e != "object" || Array.isArray(e)))
+    throw new TypeError("limits must be an object.");
+  const a = t ? Object.keys(P).filter((o) => o !== "maxOutputBytes") : Object.keys(P);
+  for (const o of Object.keys(e ?? {}))
+    if (!a.includes(o)) throw new RangeError(`Unknown limit ${o}.`);
+  const n = { ...P, ...e };
+  for (const o of a) {
+    const r = n[o];
+    if (!Number.isSafeInteger(r) || r <= 0 || r > P[o])
+      throw new RangeError(
+        `${o} must be a positive safe integer no greater than ${P[o]}.`
+      );
+  }
+  return n;
+}
+const v = (e, t, a, n, o, r, s = []) => ({
+  code: e,
+  severity: "error",
+  message: t,
+  ...n ? { location: { ...a ? { sourceId: a } : {}, line: n, ...o ? { column: o } : {} } } : {},
+  itemIds: [...s],
+  ...r ? { nativeCode: r } : {}
+});
+function A(e, t) {
+  return { ok: !1, reason: e, diagnostics: [t] };
+}
+function Ne(e, t) {
+  return e instanceof ie && /Limit:/.test(e.message) ? v(
+    "DRAFT_LIMIT",
+    e.message.replace(/^Line \d+(?:, column \d+)?: /, ""),
+    t,
+    e.line || void 0,
+    e.column || void 0
+  ) : e instanceof ie ? v(
+    "DRAFT_PARSE",
+    e.message.replace(/^Line \d+(?:, column \d+)?: /, ""),
+    t,
+    e.line || void 0,
+    e.column || void 0
+  ) : v("DRAFT_INTERNAL", "The diagram could not be compiled.", t);
+}
+function Rt(e, t, a) {
+  const n = e.objects.length;
+  if (n > t.maxObjects)
+    return v(
+      "DRAFT_LIMIT",
+      `The diagram has ${n} objects; the limit is ${t.maxObjects}.`,
+      a
+    );
+  if (e.edges.length > t.maxEdges)
+    return v(
+      "DRAFT_LIMIT",
+      `The diagram has ${e.edges.length} edges; the limit is ${t.maxEdges}.`,
+      a
+    );
+  const o = e.byId;
+  for (const r of e.objects) {
+    let s = 1, l = r.parent;
+    for (; l !== "root"; )
+      s++, l = o.get(l)?.parent ?? "root";
+    if (s > t.maxDepth)
+      return v(
+        "DRAFT_LIMIT",
+        `The diagram has containment depth ${s}; the limit is ${t.maxDepth}.`,
+        a,
+        r.line
+      );
+  }
+}
+function ia(e, t, a) {
+  if (e.objects.length > t.maxObjects)
+    return v(
+      "DRAFT_LIMIT",
+      `The diagram has ${e.objects.length} objects; the limit is ${t.maxObjects}.`,
+      a
+    );
+  if (e.edges.length > t.maxEdges)
+    return v(
+      "DRAFT_LIMIT",
+      `The diagram has ${e.edges.length} edges; the limit is ${t.maxEdges}.`,
+      a
+    );
+  const n = new Map(e.objects.map((o) => [o.id, o]));
+  for (const o of e.objects) {
+    let r = 1, s = o.parent;
+    for (; s !== "root"; )
+      r++, s = n.get(s)?.parent ?? "root";
+    if (r > t.maxDepth)
+      return v(
+        "DRAFT_LIMIT",
+        `The diagram has containment depth ${r}; the limit is ${t.maxDepth}.`,
+        a,
+        o.line
+      );
+  }
+}
+function It(e, t, a) {
+  if (!(t.maxObjects === P.maxObjects && t.maxEdges === P.maxEdges && t.maxDepth === P.maxDepth))
+    try {
+      return ia($n(e), t, a);
+    } catch (n) {
+      return Ne(n, a);
+    }
+}
+const de = (e) => e.code === "DRAFT_INTERNAL" ? "internal" : e.code === "DRAFT_LIMIT" ? "limit" : "input";
+async function oa(e, t = {}) {
+  if (na(t), typeof e != "string") throw new TypeError("source must be a string.");
+  const a = Lt(t.limits), n = t.sourceId;
+  if (t.signal?.aborted)
+    return {
+      result: A("aborted", v("DRAFT_ABORTED", "Rendering was aborted.", n))
+    };
+  if (e.length > a.maxSourceChars || _t.encode(e).byteLength > a.maxSourceBytes)
+    return {
+      result: A(
+        "limit",
+        v("DRAFT_LIMIT", "The source exceeds the configured size limit.", n)
+      )
+    };
+  if (!K(e) || [t.title, t.description, t.styleNonce].some(
+    (p) => p !== void 0 && !K(p)
+  ))
+    return {
+      result: A(
+        "input",
+        v(
+          "DRAFT_TEXT_INVALID",
+          "The source contains text that XML cannot represent.",
+          n
+        )
+      )
+    };
+  const o = It(e, a, n);
+  if (o) return { result: A(de(o), o) };
+  let r;
+  try {
+    r = await lt(e);
+  } catch (p) {
+    const _ = Ne(p, n);
+    return {
+      result: A(
+        p instanceof ie && /Limit:/.test(p.message) ? "limit" : de(_),
+        _
+      )
+    };
+  }
+  if (t.signal?.aborted)
+    return {
+      result: A("aborted", v("DRAFT_ABORTED", "Rendering was aborted.", n))
+    };
+  const s = Rt(r, a, n);
+  if (s) return { result: A("limit", s), scene: r };
+  if (r.diagnostics.some((p) => p.level === "error")) {
+    const p = r.diagnostics.find((_) => _.level === "error");
+    return {
+      result: A(
+        "input",
+        v("DRAFT_COMPILE", p.message, n, p.line, void 0, p.code, p.ids)
+      ),
+      scene: r
+    };
+  }
+  if (he(r))
+    return {
+      result: A(
+        "input",
+        v(
+          "DRAFT_TEXT_INVALID",
+          "A decoded diagram label contains text that XML cannot represent.",
+          n
+        )
+      ),
+      scene: r
+    };
+  if (t.state != null && !(r.model.appearance.states ?? []).some((p) => p.id === t.state))
+    return {
+      result: A(
+        "input",
+        v("DRAFT_STATE_UNKNOWN", `Unknown state ${t.state}.`, n)
+      ),
+      scene: r
+    };
+  if (t.signal?.aborted)
+    return {
+      result: A("aborted", v("DRAFT_ABORTED", "Rendering was aborted.", n))
+    };
+  let l = mn(r);
+  t.state && (l = ft(l, t.state));
+  const i = t.colorScheme ?? "light", c = i === "light" ? l.appearance : gn(l.appearance), h = i === "auto" && c !== l.appearance;
+  i === "dark" && (l = { ...l, appearance: c });
+  const d = ra(l, t), g = t.target === "inline" ? t.idPrefix : "draft", u = (p) => p.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), f = t.includeSource ? `<metadata id="${g}-source" data-draftably-source="1" data-draftably-version="${He}">${u(e)}</metadata>` : void 0;
+  let m = "";
+  try {
+    t.fonts !== "host" && (m = (await import("./font-data-DME3E71S.js")).fontFaceCss(Ee(l.appearance)));
+  } catch {
+    return {
+      result: A(
+        "environment",
+        v("DRAFT_ENVIRONMENT", "Bundled fonts could not be loaded.", n)
+      )
+    };
+  }
+  if (t.signal?.aborted)
+    return {
+      result: A("aborted", v("DRAFT_ABORTED", "Rendering was aborted.", n))
+    };
+  let $, T;
+  try {
+    const p = h ? "/*draft-fonts*/" : m, _ = (L, E) => ta(L, {
+      routes: E,
+      onDrawn: (R) => T = R,
+      idPrefix: g,
+      fontCss: p,
+      title: t.title,
+      description: t.description,
+      styleNonce: t.styleNonce,
+      linkTarget: t.links?.mode === "safe" ? t.links.target ?? "_self" : "_self",
+      textHref: aa(t),
+      metadata: f,
+      maxOutputBytes: a.maxOutputBytes
+    });
+    if ($ = _(l), h) {
+      const L = T?.routes;
+      $ = sa($, _({ ...l, appearance: c }, L)) ?? $;
+      const E = $.indexOf(p);
+      if ($ = $.slice(0, E) + m + $.slice(E + p.length), new TextEncoder().encode($).length > a.maxOutputBytes)
+        throw new ve(`The SVG is larger than ${a.maxOutputBytes} bytes.`);
+    }
+  } catch (p) {
+    return {
+      result: p instanceof ve ? A("limit", v("DRAFT_LIMIT", p.message, n)) : A(
+        "internal",
+        v("DRAFT_INTERNAL", "The diagram could not be drawn.", n)
+      ),
+      scene: r
+    };
+  }
+  if (!K($))
+    return {
+      result: A(
+        "input",
+        v(
+          "DRAFT_TEXT_INVALID",
+          "The generated SVG contains text that XML cannot represent.",
+          n
+        )
+      ),
+      scene: r
+    };
+  const M = /<svg[^>]*viewBox="([\d.-]+) ([\d.-]+) ([\d.]+) ([\d.]+)"[^>]*width="([\d.]+)"[^>]*height="([\d.]+)"/.exec(
+    $
+  );
+  if (!M)
+    return {
+      result: A(
+        "internal",
+        v("DRAFT_INTERNAL", "The SVG dimensions could not be read.", n)
+      ),
+      scene: r
+    };
+  const w = [
+    ...r.objects.map((p) => ({ id: p.id, kind: p.type, label: p.label, line: p.line })),
+    ...r.edges.map((p) => ({
+      id: p.id,
+      kind: "edge",
+      label: p.label ?? "",
+      line: p.line,
+      from: p.source,
+      to: p.target
+    }))
+  ], x = [Number(M[1]), Number(M[2]), Number(M[3]), Number(M[4])], k = T ? {
+    revision: 0,
+    frame: { x: x[0], y: x[1], width: x[2], height: x[3] },
+    ...yn(l, T.rects, T.routes)
+  } : null, b = {
+    svg: $,
+    title: t.title ?? r.title,
+    ...t.description !== void 0 ? { description: t.description } : {},
+    width: Number(M[5]),
+    height: Number(M[6]),
+    viewBox: x,
+    items: w,
+    geometry: k,
+    states: (r.model.appearance.states ?? []).map((p) => ({ id: p.id, label: p.label })),
+    activeState: t.state ?? null,
+    provenance: {
+      runtimeVersion: He,
+      fontMetricsVersion: xn,
+      dslVersion: 1,
+      renderContextVersion: "1"
+    }
+  }, y = r.diagnostics.map((p) => ({
+    code: p.code === "fit" ? "DRAFT_LAYOUT_NOTE" : "DRAFT_COMPILE",
+    severity: p.level,
+    message: p.message,
+    ...p.line ? { location: { ...n ? { sourceId: n } : {}, line: p.line } } : {},
+    itemIds: [...p.ids],
+    nativeCode: p.code
+  }));
+  return t.signal?.aborted ? {
+    result: A("aborted", v("DRAFT_ABORTED", "Rendering was aborted.", n)),
+    scene: r
+  } : { result: { ok: !0, value: b, diagnostics: [...y, ...d] }, scene: r };
+}
+async function da(e, t) {
+  return (await oa(e, t)).result;
+}
+async function fa(e, t = {}) {
+  if (!t || typeof t != "object" || Array.isArray(t))
+    throw new TypeError("Validation options must be an object.");
+  if (t.sourceId !== void 0 && typeof t.sourceId != "string")
+    throw new TypeError("sourceId must be a string.");
+  if (typeof e != "string") throw new TypeError("source must be a string.");
+  const a = Lt(t.limits, !0), n = t.sourceId;
+  if (t.signal?.aborted)
+    return A("aborted", v("DRAFT_ABORTED", "Validation was aborted.", n));
+  if (e.length > a.maxSourceChars || _t.encode(e).byteLength > a.maxSourceBytes)
+    return A(
+      "limit",
+      v("DRAFT_LIMIT", "The source exceeds the configured size limit.", n)
+    );
+  if (!K(e))
+    return A(
+      "input",
+      v(
+        "DRAFT_TEXT_INVALID",
+        "The source contains text that XML cannot represent.",
+        n
+      )
+    );
+  const o = It(e, a, n);
+  if (o) return A(de(o), o);
+  try {
+    const r = await lt(e);
+    if (t.signal?.aborted)
+      return A("aborted", v("DRAFT_ABORTED", "Validation was aborted.", n));
+    const s = Rt(r, a, n);
+    if (s) return A("limit", s);
+    if (he(r))
+      return A(
+        "input",
+        v(
+          "DRAFT_TEXT_INVALID",
+          "A decoded diagram label contains text that XML cannot represent.",
+          n
+        )
+      );
+    const l = r.diagnostics.filter((i) => i.level === "error");
+    return l.length ? {
+      ok: !1,
+      reason: "input",
+      diagnostics: l.map(
+        (i) => v("DRAFT_COMPILE", i.message, n, i.line, void 0, i.code, i.ids)
+      )
+    } : {
+      ok: !0,
+      diagnostics: r.diagnostics.map((i) => ({
+        code: "DRAFT_COMPILE",
+        severity: i.level,
+        message: i.message,
+        ...i.line ? { location: { ...n ? { sourceId: n } : {}, line: i.line } } : {},
+        itemIds: [...i.ids],
+        nativeCode: i.code
+      }))
+    };
+  } catch (r) {
+    const s = Ne(r, n);
+    return A(
+      r instanceof ie && /Limit:/.test(r.message) ? "limit" : de(s),
+      s
+    );
+  }
+}
+export {
+  da as renderSvg,
+  oa as renderWithScene,
+  fa as validate
+};