@diagrammo/dgmo 0.57.0 → 0.58.0

package/dist/{chunk-ULR3BVNH.js → chunk-7SGR7A5K.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-ST3ZNEUQ.js";
+} from "./chunk-6JYE3SDK.js";
 import {
   resolveNotes
 } from "./chunk-7NK42OIB.js";
@@ -19,7 +19,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   ER_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -32,7 +32,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-EXNKNJ65.js";
@@ -521,4 +521,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-ULR3BVNH.js.map
+//# sourceMappingURL=chunk-7SGR7A5K.js.map

package/dist/{chunk-J6V3SMR3.js → chunk-7UZFAIKI.js}

@@ -1,10 +1,10 @@
+import {
+  analyzePert
+} from "./chunk-CGLBK5Q4.js";
 import {
   computeNodeSizing,
   layoutPert
 } from "./chunk-QXGACPS2.js";
-import {
-  analyzePert
-} from "./chunk-CGLBK5Q4.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
@@ -25,7 +25,7 @@ import {
 } from "./chunk-NZ5QVASG.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent
 } from "./chunk-ES66QH6J.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parsePert
-} from "./chunk-DIKIHU52.js";
+} from "./chunk-KAG5JCZV.js";
 import {
   addCalendarDays,
   formatDuration,
@@ -56,7 +56,7 @@ import {
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   LEGEND_HEIGHT
 } from "./chunk-SCJ7CAJF.js";
@@ -1868,4 +1868,4 @@ export {
   measurePertAnalysisBlock,
   renderPertAnalysisBlock
 };
-//# sourceMappingURL=chunk-J6V3SMR3.js.map
+//# sourceMappingURL=chunk-7UZFAIKI.js.map

package/dist/{chunk-XBTJJLAU.js → chunk-ATKB7VEN.js}

@@ -1,7 +1,7 @@
 import {
   extractDatePrefix,
   parseTimelineDate
-} from "./chunk-4MJOBVY7.js";
+} from "./chunk-KNCY7YHC.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
@@ -27,7 +27,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   emit,
   formatDgmoError,
@@ -670,4 +670,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-XBTJJLAU.js.map
+//# sourceMappingURL=chunk-ATKB7VEN.js.map

package/dist/{chunk-5VLUAAAE.js → chunk-AU4AQYOA.js}

@@ -4,13 +4,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   FILL_FAMILY_TOKENS,
   extractColor,
   measureIndent,
   parseFirstLine
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   emit
 } from "./chunk-OLMWTJVU.js";
@@ -692,4 +692,4 @@ export {
   SWIMLANE_DIAGNOSTICS,
   parseSwimlane
 };
-//# sourceMappingURL=chunk-5VLUAAAE.js.map
+//# sourceMappingURL=chunk-AU4AQYOA.js.map

package/dist/{chunk-4MB4UOT5.js → chunk-B4U7RRQ4.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   makeDgmoError,
   makeFail
@@ -274,4 +274,4 @@ function parseCycle(content) {
 export {
   parseCycle
 };
-//# sourceMappingURL=chunk-4MB4UOT5.js.map
+//# sourceMappingURL=chunk-B4U7RRQ4.js.map

package/dist/{chunk-QWUYFUNO.js → chunk-BFYPHZ5M.js}

@@ -12,7 +12,7 @@ import {
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   makeDgmoError,
   makeFail
@@ -546,4 +546,4 @@ export {
   targetToMs2 as targetToMs,
   parseCountdown
 };
-//# sourceMappingURL=chunk-QWUYFUNO.js.map
+//# sourceMappingURL=chunk-BFYPHZ5M.js.map

package/dist/{chunk-7YPSFQFA.js → chunk-C7IKQOEQ.js}

@@ -3,7 +3,7 @@ import {
   layoutJourneyMap,
   scoreToColor,
   scoreToCurveY
-} from "./chunk-D76B4DMV.js";
+} from "./chunk-WYG5VJY2.js";
 import {
   wrapNoteBody
 } from "./chunk-VJARCVMH.js";
@@ -24,20 +24,20 @@ import {
 } from "./chunk-NZ5QVASG.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
   parseJourneyMap
-} from "./chunk-RQGNELB3.js";
+} from "./chunk-DWAQXY6T.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   fillModeFromOptions
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   measureText,
   truncateText,
@@ -871,4 +871,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=chunk-7YPSFQFA.js.map
+//# sourceMappingURL=chunk-C7IKQOEQ.js.map

package/dist/{chunk-X3ON4M5S.js → chunk-CBPFVH3N.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent
 } from "./chunk-ES66QH6J.js";
@@ -38,12 +38,12 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseClassDiagram
-} from "./chunk-VYEQPPS6.js";
+} from "./chunk-WYGLKR4I.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   LEGEND_HEIGHT
 } from "./chunk-SCJ7CAJF.js";
@@ -448,4 +448,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-X3ON4M5S.js.map
+//# sourceMappingURL=chunk-CBPFVH3N.js.map

package/dist/{chunk-3M6MKHIQ.js → chunk-CC6XIQDE.js}

@@ -312,7 +312,7 @@ function computeNodeSize(node, reserveValueRow) {
   return { width: w, height: Math.max(NODE_HEIGHT, totalHeight) };
 }
 async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
-  const { layoutBoxesAndLinesSearch } = await import("./layout-search-6CVR2MTZ.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-N6NQI5OQ.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions
@@ -468,4 +468,4 @@ export {
   computeNodeSize,
   layoutBoxesAndLines
 };
-//# sourceMappingURL=chunk-3M6MKHIQ.js.map
+//# sourceMappingURL=chunk-CC6XIQDE.js.map

package/dist/{chunk-G3L4GWLA.js → chunk-CZIFUXI2.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
@@ -23,7 +23,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   measureText,
   wrapTextToWidth
@@ -1128,4 +1128,4 @@ export {
   sketchEdgeGeometry,
   renderSketchForExport
 };
-//# sourceMappingURL=chunk-G3L4GWLA.js.map
+//# sourceMappingURL=chunk-CZIFUXI2.js.map

package/dist/chunk-D3K4U3ZM.js

@@ -0,0 +1,232 @@
+// src/utils/svg-embed.ts
+function normalizeSvgForEmbed(input, opts = {}) {
+  let svg = input;
+  if ((opts.background ?? "transparent") === "transparent") {
+    svg = stripRootBackground(svg);
+  }
+  const rootMatch = svg.match(/<svg[^>]*>/);
+  const rootTag = rootMatch?.[0] ?? "";
+  if (rootTag && !rootTag.includes("viewBox")) {
+    const wh = rootTag.match(/width="(\d+)"[^>]*height="(\d+)"/);
+    if (wh) {
+      svg = svg.replace(/<svg/, `<svg viewBox="0 0 ${wh[1]} ${wh[2]}"`);
+    }
+  }
+  const tight = computeBBox(svg);
+  if (tight && tight.width > 0 && tight.height > 0) {
+    const pad = 16;
+    const x = tight.x - pad;
+    const y = tight.y - pad;
+    const w = tight.width + pad * 2;
+    const h = tight.height + pad * 2;
+    const canvas = readViewBox(svg);
+    const TOL = 2;
+    const MIN_COVERAGE = 0.5;
+    const trustworthy = !canvas || x >= canvas.x - TOL && y >= canvas.y - TOL && x + w <= canvas.x + canvas.width + TOL && y + h <= canvas.y + canvas.height + TOL && w >= canvas.width * MIN_COVERAGE && h >= canvas.height * MIN_COVERAGE;
+    if (trustworthy) {
+      const vb = `${x} ${y} ${w} ${h}`;
+      svg = svg.replace(/(<svg[^>]*?)viewBox="[^"]*"/, `$1viewBox="${vb}"`);
+    }
+  }
+  svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
+  svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
+  svg = svg.replace(/<svg\s{2,}/g, "<svg ");
+  return svg;
+}
+var BG_MEANINGFUL_TYPES = /* @__PURE__ */ new Set(["map"]);
+function defaultEmbedBackground(chartType) {
+  return chartType && BG_MEANINGFUL_TYPES.has(chartType) ? "opaque" : "transparent";
+}
+function stripRootBackground(svg) {
+  const rootMatch = svg.match(/<svg\b[^>]*>/);
+  if (!rootMatch) return svg;
+  const rootTag = rootMatch[0];
+  const styleMatch = rootTag.match(/style="([^"]*)"/);
+  const style = styleMatch?.[1] ?? "";
+  const bgMatch = style.match(/background:\s*([^;]+)/);
+  const bgColor = bgMatch ? normalizeColor(bgMatch[1]) : null;
+  const canvas = rootCanvas(rootTag, svg);
+  let out = svg;
+  if (bgMatch) {
+    const cleaned = style.replace(/background:\s*[^;]+;?/i, "").replace(/\s{2,}/g, " ").replace(/;\s*$/, "").trim();
+    const newRoot = (cleaned ? rootTag.replace(/style="[^"]*"/, `style="${cleaned}"`) : rootTag.replace(/\s*style="[^"]*"/, "")).replace(/<svg\s{2,}/, "<svg ");
+    out = out.replace(rootTag, newRoot);
+  }
+  if (bgColor && canvas) {
+    out = out.replace(
+      /<rect\b[^>]*?\/?>(?:\s*<\/rect>)?/g,
+      (m) => isFullCanvasFill(m, bgColor, canvas) ? "" : m
+    );
+  }
+  return out;
+}
+function isFullCanvasFill(tag, bgColor, canvas) {
+  const fm = tag.match(/\bfill="([^"]*)"/);
+  if (!fm || normalizeColor(fm[1]) !== bgColor) return false;
+  const w = numAttr(tag, "width");
+  const h = numAttr(tag, "height");
+  if (w === null || h === null) return false;
+  const x = numAttr(tag, "x") ?? 0;
+  const y = numAttr(tag, "y") ?? 0;
+  const T = 1.5;
+  return Math.abs(x) <= T && Math.abs(y) <= T && Math.abs(w - canvas.w) <= T && Math.abs(h - canvas.h) <= T;
+}
+function rootCanvas(rootTag, svg) {
+  const wm = rootTag.match(/\bwidth="([\d.]+)"/);
+  const hm = rootTag.match(/\bheight="([\d.]+)"/);
+  if (wm && hm) return { w: parseFloat(wm[1]), h: parseFloat(hm[1]) };
+  const vb = readViewBox(svg);
+  return vb ? { w: vb.width, h: vb.height } : null;
+}
+function numAttr(tag, name) {
+  const m = tag.match(new RegExp(`\\b${name}="([^"]*)"`));
+  if (!m) return null;
+  const n = parseFloat(m[1]);
+  return Number.isFinite(n) ? n : null;
+}
+function normalizeColor(c) {
+  const s = c.trim().toLowerCase();
+  const hex6 = s.match(/^#([0-9a-f]{6})$/);
+  if (hex6) {
+    const n = parseInt(hex6[1], 16);
+    return `${n >> 16 & 255},${n >> 8 & 255},${n & 255}`;
+  }
+  const hex3 = s.match(/^#([0-9a-f]{3})$/);
+  if (hex3) {
+    const [r, g, b] = hex3[1].split("").map((ch) => parseInt(ch + ch, 16));
+    return `${r},${g},${b}`;
+  }
+  const rgb = s.match(/^rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+  if (rgb) return `${+rgb[1]},${+rgb[2]},${+rgb[3]}`;
+  return null;
+}
+function getEmbedSvgViewBox(svg) {
+  const tight = computeBBox(svg);
+  if (!tight || tight.width <= 0 || tight.height <= 0) return null;
+  const pad = 16;
+  return {
+    x: tight.x - pad,
+    y: tight.y - pad,
+    width: tight.width + pad * 2,
+    height: tight.height + pad * 2
+  };
+}
+function readViewBox(svg) {
+  const m = svg.match(/<svg[^>]*?\bviewBox="([^"]+)"/);
+  if (!m) return null;
+  const n = m[1].trim().split(/[\s,]+/).map(Number);
+  if (n.length !== 4 || n.some((v) => !Number.isFinite(v)) || n[2] <= 0 || n[3] <= 0)
+    return null;
+  return { x: n[0], y: n[1], width: n[2], height: n[3] };
+}
+function computeBBox(svg) {
+  const xs = [];
+  const ys = [];
+  function push(x, y) {
+    if (Number.isFinite(x) && Number.isFinite(y)) {
+      xs.push(x);
+      ys.push(y);
+    }
+  }
+  function attr(tag, name) {
+    const m = tag.match(new RegExp(`\\b${name}="([^"]*)"`));
+    if (!m) return null;
+    const n = parseFloat(m[1]);
+    return Number.isFinite(n) ? n : null;
+  }
+  for (const m of svg.matchAll(/<rect\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const x = attr(tag, "x");
+    const y = attr(tag, "y");
+    const w = attr(tag, "width");
+    const h = attr(tag, "height");
+    if (x !== null && y !== null && w !== null && h !== null) {
+      push(x, y);
+      push(x + w, y + h);
+    }
+  }
+  for (const m of svg.matchAll(/<line\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const x1 = attr(tag, "x1");
+    const y1 = attr(tag, "y1");
+    const x2 = attr(tag, "x2");
+    const y2 = attr(tag, "y2");
+    if (x1 !== null && y1 !== null && x2 !== null && y2 !== null) {
+      push(x1, y1);
+      push(x2, y2);
+    }
+  }
+  for (const m of svg.matchAll(/<circle\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const cx = attr(tag, "cx");
+    const cy = attr(tag, "cy");
+    const r = attr(tag, "r");
+    if (cx !== null && cy !== null && r !== null) {
+      push(cx - r, cy - r);
+      push(cx + r, cy + r);
+    }
+  }
+  for (const m of svg.matchAll(/<ellipse\b[^>]*?\/?>/g)) {
+    const tag = m[0];
+    const cx = attr(tag, "cx");
+    const cy = attr(tag, "cy");
+    const rx = attr(tag, "rx");
+    const ry = attr(tag, "ry");
+    if (cx !== null && cy !== null && rx !== null && ry !== null) {
+      push(cx - rx, cy - ry);
+      push(cx + rx, cy + ry);
+    }
+  }
+  for (const m of svg.matchAll(/<text\b([^>]*?)>([\s\S]*?)<\/text>/g)) {
+    const tag = `<text${m[1]}>`;
+    const text = m[2].replace(/<[^>]+>/g, "");
+    const x = attr(tag, "x");
+    const y = attr(tag, "y");
+    if (x !== null && y !== null) {
+      const fontSize = attr(tag, "font-size") ?? (() => {
+        const s = tag.match(/font-size:\s*([\d.]+)/);
+        return s ? parseFloat(s[1]) : 14;
+      })();
+      const w = text.length * fontSize * 0.5;
+      const anchor = tag.match(/\btext-anchor="([^"]*)"/)?.[1] ?? "start";
+      const left = anchor === "middle" ? x - w / 2 : anchor === "end" ? x - w : x;
+      const right = anchor === "middle" ? x + w / 2 : anchor === "end" ? x : x + w;
+      push(left, y - fontSize * 0.9);
+      push(right, y + fontSize * 0.25);
+    }
+  }
+  for (const m of svg.matchAll(/<path\b[^>]*?>/g)) {
+    const tag = m[0];
+    if (tag.includes("data-embed-ignore-bbox")) continue;
+    const dm = tag.match(/\bd="([^"]+)"/);
+    if (!dm) continue;
+    const d = dm[1];
+    const nums = d.match(/-?\d+(?:\.\d+)?/g);
+    if (!nums) continue;
+    for (let i = 0; i + 1 < nums.length; i += 2) {
+      push(parseFloat(nums[i]), parseFloat(nums[i + 1]));
+    }
+  }
+  for (const m of svg.matchAll(
+    /<(?:polygon|polyline)\b[^>]*?\bpoints="([^"]+)"/g
+  )) {
+    const nums = m[1].match(/-?\d+(?:\.\d+)?/g);
+    if (!nums) continue;
+    for (let i = 0; i + 1 < nums.length; i += 2) {
+      push(parseFloat(nums[i]), parseFloat(nums[i + 1]));
+    }
+  }
+  if (xs.length === 0 || ys.length === 0) return null;
+  const minX = Math.min(...xs);
+  const maxX = Math.max(...xs);
+  const minY = Math.min(...ys);
+  const maxY = Math.max(...ys);
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+
+export {
+  normalizeSvgForEmbed,
+  defaultEmbedBackground,
+  getEmbedSvgViewBox
+};
+//# sourceMappingURL=chunk-D3K4U3ZM.js.map

package/dist/{chunk-RQGNELB3.js → chunk-DWAQXY6T.js}

@@ -8,7 +8,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -19,7 +19,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-3KOPPSUQ.js";
+} from "./chunk-E7HANW62.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-EXNKNJ65.js";
@@ -405,4 +405,4 @@ function parseStepLine(trimmed, lineNumber, counter, aliasMap, warn, diagnostics
 export {
   parseJourneyMap
 };
-//# sourceMappingURL=chunk-RQGNELB3.js.map
+//# sourceMappingURL=chunk-DWAQXY6T.js.map

package/dist/{chunk-KRKU6WRS.js → chunk-DWMJLEBT.js}

@@ -13,17 +13,17 @@ import {
 } from "./chunk-CQ7Y3O67.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
   parseTimelineDate
-} from "./chunk-4MJOBVY7.js";
+} from "./chunk-KNCY7YHC.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -1670,4 +1670,4 @@ export {
   formatDateLabel,
   renderTimeline
 };
-//# sourceMappingURL=chunk-KRKU6WRS.js.map
+//# sourceMappingURL=chunk-DWMJLEBT.js.map

package/dist/{chunk-VS7DGDT3.js → chunk-DZUDSGGQ.js}

@@ -16,13 +16,13 @@ import {
 } from "./chunk-WGC42WJU.js";
 import {
   formatDateLabel
-} from "./chunk-KRKU6WRS.js";
+} from "./chunk-DWMJLEBT.js";
 import {
   layoutInlineHeader
 } from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-44GBBTMU.js";
+} from "./chunk-N7PF5IRF.js";
 import {
   getLegendExtent
 } from "./chunk-ES66QH6J.js";
@@ -36,11 +36,11 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseTimelineDate
-} from "./chunk-4MJOBVY7.js";
+} from "./chunk-KNCY7YHC.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-D5FANMSG.js";
+} from "./chunk-3LMUMAUS.js";
 import {
   CHAR_WIDTH_RATIO,
   wrapTextToWidth
@@ -1157,4 +1157,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-VS7DGDT3.js.map
+//# sourceMappingURL=chunk-DZUDSGGQ.js.map

package/dist/chunk-E55OZDFH.js

@@ -0,0 +1,65 @@
+import {
+  MONO_FAMILY
+} from "./chunk-EDJYIQZM.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
+import {
+  truncateText
+} from "./chunk-4ASYQ347.js";
+
+// src/live-link/renderer.ts
+var W = 560;
+var PAD = 28;
+var CONTENT_X = PAD + 40;
+var CONTENT_W = W - CONTENT_X - PAD;
+var HEADLINE_FS = 18;
+var SUBTITLE_FS = 13;
+var ID_FS = 13;
+var SUBTITLE = "Live link published at Diagrammo Cloud";
+function renderLiveLinkCard(parsed, palette, theme) {
+  const isTransparent = theme === "transparent";
+  const parts = [];
+  let y = PAD + 18;
+  parts.push(cloudGlyph(PAD, y - 14, 24, palette.textMuted));
+  const headline = parsed.title ?? parsed.id ?? "Unresolved live link";
+  const headlineMono = parsed.title === null && parsed.id !== null;
+  parts.push(
+    `<text x="${CONTENT_X}" y="${y}" fill="${palette.text}" font-family="${headlineMono ? MONO_FAMILY : FONT_FAMILY}" font-size="${HEADLINE_FS}" font-weight="${headlineMono ? 500 : 700}">${escapeXml(truncateText(headline, HEADLINE_FS, CONTENT_W))}</text>`
+  );
+  y += 30;
+  parts.push(
+    `<text x="${CONTENT_X}" y="${y}" fill="${palette.textMuted}" font-family="${FONT_FAMILY}" font-size="${SUBTITLE_FS}">${escapeXml(SUBTITLE)}</text>`
+  );
+  y += 22;
+  if (parsed.title !== null && parsed.id !== null) {
+    parts.push(
+      `<text x="${CONTENT_X}" y="${y}" fill="${palette.textMuted}" font-family="${MONO_FAMILY}" font-size="${ID_FS}">${escapeXml(
+        truncateText(parsed.id, ID_FS, CONTENT_W)
+      )}</text>`
+    );
+    y += 22;
+  }
+  const height = Math.round(y + PAD - 12);
+  const pageBg = isTransparent ? "" : `<rect width="100%" height="100%" fill="${palette.bg}"/>`;
+  return [
+    `<svg xmlns="http://www.w3.org/2000/svg" width="${W}" height="${height}" viewBox="0 0 ${W} ${height}" preserveAspectRatio="xMidYMid meet" font-family="${FONT_FAMILY}">`,
+    pageBg,
+    `<rect x="0.5" y="0.5" width="${W - 1}" height="${height - 1}" rx="10" fill="${palette.surface}" stroke="${palette.border}" stroke-width="1"/>`,
+    parts.join(""),
+    `</svg>`
+  ].join("");
+}
+function cloudGlyph(x, y, size, color) {
+  const s = size / 24;
+  const d = "M6.5 19a4.5 4.5 0 0 1-.6-8.96A6 6 0 0 1 17.6 8.7 4.15 4.15 0 0 1 17.5 19Z";
+  return `<path transform="translate(${x},${y}) scale(${s})" d="${d}" fill="none" stroke="${color}" stroke-width="1.6" stroke-linejoin="round"/>`;
+}
+function escapeXml(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+export {
+  renderLiveLinkCard
+};
+//# sourceMappingURL=chunk-E55OZDFH.js.map