@diagrammo/dgmo 0.56.0 → 0.57.0

package/dist/auto.mjs

@@ -9677,88 +9677,6 @@ var init_constants = __esm({
   }
 });
 
-// src/utils/wrapped-desc.ts
-function wrapDescriptionLines(lines, charsPerLine, lengthFn = (s) => s.length) {
-  const result = [];
-  for (const line11 of lines) {
-    if (!line11.startsWith(BULLET_PREFIX)) {
-      const wrapped2 = wrapPlainLine(line11, charsPerLine, lengthFn);
-      for (const w of wrapped2) result.push({ text: w, kind: "plain" });
-      continue;
-    }
-    const body = line11.slice(BULLET_PREFIX.length);
-    const bodyLimit = Math.max(8, charsPerLine - BULLET_INDENT_CHARS);
-    const wrapped = wrapPlainLine(body, bodyLimit, lengthFn);
-    wrapped.forEach((w, i) => {
-      result.push({ text: w, kind: i === 0 ? "bullet-first" : "bullet-cont" });
-    });
-  }
-  return result;
-}
-function wrapPlainLine(line11, charsPerLine, lengthFn) {
-  const words = line11.split(/\s+/);
-  const result = [];
-  let current = "";
-  for (const word of words) {
-    const test = current ? `${current} ${word}` : word;
-    if (lengthFn(test) > charsPerLine && current) {
-      result.push(current);
-      current = word;
-    } else {
-      current = test;
-    }
-  }
-  if (current) result.push(current);
-  return result;
-}
-var BULLET_PREFIX, BULLET_INDENT_CHARS;
-var init_wrapped_desc = __esm({
-  "src/utils/wrapped-desc.ts"() {
-    "use strict";
-    BULLET_PREFIX = "\u2022 ";
-    BULLET_INDENT_CHARS = 2;
-  }
-});
-
-// src/utils/note-box/metrics.ts
-function normalizeBulletLine(line11) {
-  return line11.replace(/^\s*[-*]\s+/, "\u2022 ");
-}
-function wrapNoteBody(body, textMaxWidth, fontSize = NOTE_FONT_SIZE) {
-  const sourceLines = body.split("\n").map(normalizeBulletLine);
-  return wrapDescriptionLines(
-    sourceLines,
-    textMaxWidth,
-    (s) => measureText(s, fontSize)
-  );
-}
-function noteBoxSize(body, opts = {}) {
-  const fontSize = opts.fontSize ?? NOTE_FONT_SIZE;
-  const maxW = opts.maxW ?? NOTE_MAX_W;
-  const textMaxWidth = maxW - NOTE_PAD_H * 2;
-  const lines = wrapNoteBody(body, textMaxWidth, fontSize);
-  let maxLineW = 0;
-  for (const line11 of lines) {
-    const indent = line11.kind === "plain" ? 0 : NOTE_BULLET_INDENT;
-    const w = measureText(line11.text, fontSize) + indent;
-    if (w > maxLineW) maxLineW = w;
-  }
-  const width = Math.min(
-    maxW,
-    Math.max(80, maxLineW + NOTE_PAD_H * 2 + NOTE_FOLD)
-  );
-  const height = Math.max(1, lines.length) * NOTE_LINE_H + NOTE_PAD_V * 2;
-  return { width, height, lines };
-}
-var init_metrics = __esm({
-  "src/utils/note-box/metrics.ts"() {
-    "use strict";
-    init_wrapped_desc();
-    init_text_measure();
-    init_constants();
-  }
-});
-
 // src/utils/safe-href.ts
 function safeHref(url) {
   if (typeof url !== "string") return null;
@@ -9818,6 +9736,12 @@ function truncateBareUrl(url) {
   if (stripped.length <= BARE_URL_MAX_DISPLAY) return stripped;
   return stripped.slice(0, BARE_URL_MAX_DISPLAY - 1) + "\u2026";
 }
+function stripInlineMarkdown(text) {
+  return text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "$1").replace(
+    /https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+/g,
+    (u) => truncateBareUrl(u)
+  ).replace(/\*\*|__|[*_`]/g, "");
+}
 function renderInlineText(textEl, text, palette, fontSize) {
   const spans = parseInlineMarkdown(text);
   for (const span of spans) {
@@ -9851,6 +9775,137 @@ var init_inline_markdown = __esm({
   }
 });
 
+// src/utils/wrapped-desc.ts
+function reflowDescriptionLines(lines) {
+  const blocks = [];
+  let open = null;
+  let gapPending = false;
+  let breakPending = false;
+  const openBlock = (kind, text) => {
+    const block = {
+      kind,
+      segments: [text],
+      gapBefore: gapPending && blocks.length > 0
+    };
+    blocks.push(block);
+    gapPending = false;
+    return block;
+  };
+  for (const raw of lines) {
+    const line11 = raw.trimEnd();
+    if (!line11) {
+      open = null;
+      breakPending = false;
+      gapPending = blocks.length > 0;
+      continue;
+    }
+    const hard = line11.endsWith(HARD_BREAK);
+    const text = hard ? line11.slice(0, -1).trimEnd() : line11;
+    if (!text) {
+      breakPending = hard;
+      continue;
+    }
+    if (text.startsWith(BULLET_PREFIX)) {
+      open = openBlock("bullet", text.slice(BULLET_PREFIX.length));
+    } else if (open) {
+      if (breakPending) open.segments.push(text);
+      else open.segments[open.segments.length - 1] += ` ${text}`;
+    } else {
+      open = openBlock("plain", text);
+    }
+    breakPending = hard;
+  }
+  return blocks;
+}
+function wrapDescriptionLines(lines, charsPerLine, lengthFn = (s) => s.length) {
+  const measure = (s) => lengthFn(stripInlineMarkdown(s));
+  const result = [];
+  for (const block of reflowDescriptionLines(lines)) {
+    if (block.gapBefore && result.length > 0)
+      result.push({ text: "", kind: "plain" });
+    if (block.kind === "plain") {
+      for (const segment of block.segments)
+        for (const w of wrapPlainLine(segment, charsPerLine, measure))
+          result.push({ text: w, kind: "plain" });
+      continue;
+    }
+    const bodyLimit = Math.max(8, charsPerLine - BULLET_INDENT_CHARS);
+    let first = true;
+    for (const segment of block.segments) {
+      for (const w of wrapPlainLine(segment, bodyLimit, measure)) {
+        result.push({ text: w, kind: first ? "bullet-first" : "bullet-cont" });
+        first = false;
+      }
+    }
+  }
+  return result;
+}
+function wrapPlainLine(line11, charsPerLine, lengthFn) {
+  const words = line11.split(/\s+/);
+  const result = [];
+  let current = "";
+  for (const word of words) {
+    const test = current ? `${current} ${word}` : word;
+    if (lengthFn(test) > charsPerLine && current) {
+      result.push(current);
+      current = word;
+    } else {
+      current = test;
+    }
+  }
+  if (current) result.push(current);
+  return result;
+}
+var BULLET_PREFIX, BULLET_INDENT_CHARS, HARD_BREAK;
+var init_wrapped_desc = __esm({
+  "src/utils/wrapped-desc.ts"() {
+    "use strict";
+    init_inline_markdown();
+    BULLET_PREFIX = "\u2022 ";
+    BULLET_INDENT_CHARS = 2;
+    HARD_BREAK = "\\";
+  }
+});
+
+// src/utils/note-box/metrics.ts
+function normalizeBulletLine(line11) {
+  return line11.replace(/^\s*[-*]\s+/, "\u2022 ");
+}
+function wrapNoteBody(body, textMaxWidth, fontSize = NOTE_FONT_SIZE) {
+  const sourceLines = body.split("\n").map(normalizeBulletLine);
+  return wrapDescriptionLines(
+    sourceLines,
+    textMaxWidth,
+    (s) => measureText(s, fontSize)
+  );
+}
+function noteBoxSize(body, opts = {}) {
+  const fontSize = opts.fontSize ?? NOTE_FONT_SIZE;
+  const maxW = opts.maxW ?? NOTE_MAX_W;
+  const textMaxWidth = maxW - NOTE_PAD_H * 2;
+  const lines = wrapNoteBody(body, textMaxWidth, fontSize);
+  let maxLineW = 0;
+  for (const line11 of lines) {
+    const indent = line11.kind === "plain" ? 0 : NOTE_BULLET_INDENT;
+    const w = measureText(line11.text, fontSize) + indent;
+    if (w > maxLineW) maxLineW = w;
+  }
+  const width = Math.min(
+    maxW,
+    Math.max(80, maxLineW + NOTE_PAD_H * 2 + NOTE_FOLD)
+  );
+  const height = Math.max(1, lines.length) * NOTE_LINE_H + NOTE_PAD_V * 2;
+  return { width, height, lines };
+}
+var init_metrics = __esm({
+  "src/utils/note-box/metrics.ts"() {
+    "use strict";
+    init_wrapped_desc();
+    init_text_measure();
+    init_constants();
+  }
+});
+
 // src/utils/note-box/svg.ts
 function renderNoteConnector(parent, x1, y1, x2, y2, palette) {
   parent.append("line").attr("x1", x1).attr("y1", y1).attr("x2", x2).attr("y2", y2).attr("stroke", palette.textMuted).attr("stroke-width", NOTE_STROKE_WIDTH).attr("stroke-opacity", NOTE_STROKE_OPACITY).attr("class", "note-connector").style("pointer-events", "none");
@@ -16114,6 +16169,7 @@ function parseEventLine(content, palette) {
   let currentEra = null;
   let eraIndent = -1;
   let currentEventIndent = 0;
+  let pendingDescBreak = false;
   const aliasMap = /* @__PURE__ */ new Map();
   for (let i = 0; i < lines.length; i++) {
     const line11 = lines[i];
@@ -16121,6 +16177,7 @@ function parseEventLine(content, palette) {
     const trimmed = line11.trim();
     if (!trimmed) {
       currentTagGroup = null;
+      pendingDescBreak = true;
       continue;
     }
     if (trimmed.startsWith("//")) continue;
@@ -16188,6 +16245,9 @@ function parseEventLine(content, palette) {
       continue;
     }
     if (currentEvent && indent > currentEventIndent) {
+      if (pendingDescBreak && currentEvent.description.length > 0)
+        currentEvent.description.push("");
+      pendingDescBreak = false;
       const descLine = trimmed.startsWith("- ") ? `\u2022 ${trimmed.substring(2)}` : trimmed;
       currentEvent.description.push(descLine);
       continue;
@@ -37010,15 +37070,7 @@ function axisBreakPaths(cx, cy) {
   return [wave(cx - BREAK_GAP / 2), wave(cx + BREAK_GAP / 2)];
 }
 function wrapDescription(lines, charsPerLine) {
-  const out = [];
-  for (const line11 of lines) {
-    if (line11 === "") {
-      out.push({ text: "", kind: "plain" });
-      continue;
-    }
-    out.push(...wrapDescriptionLines([line11], charsPerLine));
-  }
-  return out;
+  return wrapDescriptionLines([...lines], charsPerLine);
 }
 function renderBody(cardG, lines, bodyColor, palette, startBaseline = CARD_BODY_TOP + DESC_FONT, bulletColors = [], bulletMeta = []) {
   let y = startBaseline;
@@ -44984,7 +45036,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         maxTextWidth / (sDescFontSize * CHAR_WIDTH_RATIO)
       );
       const descLineH = sDescFontSize * DESC_LINE_HEIGHT;
-      const displayLen2 = (text) => text.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/`(.+?)`/g, "$1").replace(/https?:\/\/\S+/g, (u) => u.slice(0, 20)).length;
+      const displayLen2 = (text) => stripInlineMarkdown(text).length;
       const normalizedLines = [];
       for (const descLine of desc) {
         let normalized = descLine.startsWith("- ") ? "\u2022 " + descLine.slice(2) : descLine;
@@ -74512,15 +74564,7 @@ function wrapDescription2(lines, maxWidth, fontSize) {
   const normalized = lines.map(
     (l) => l.startsWith("- ") ? "\u2022 " + l.slice(2) : l
   );
-  const out = [];
-  for (const line11 of normalized) {
-    if (line11 === "") {
-      out.push({ text: "", kind: "plain" });
-      continue;
-    }
-    out.push(...wrapDescriptionLines([line11], maxChars));
-  }
-  return out;
+  return wrapDescriptionLines(normalized, maxChars);
 }
 function clamp2(x, lo, hi) {
   return Math.max(lo, Math.min(hi, x));
@@ -77372,7 +77416,7 @@ function renderCountdown(container, parsed, palette, isDark, exportDims) {
     const w = estWidth2(t, base);
     return w <= maxW ? base : Math.max(min, Math.floor(base * maxW / w));
   };
-  const dispLen = (s) => parseInlineMarkdown(s).reduce((n, sp) => n + sp.text.length, 0);
+  const dispLen = (s) => stripInlineMarkdown(s).length;
   const padX = Math.max(30, Math.round(width * 0.045));
   const padY = Math.max(26, Math.round(width * 0.03));
   const contentW = width - 2 * padX;
@@ -87135,6 +87179,30 @@ var BLOCK_CSS = `
   color: #616e88;
   font-style: italic;
 }
+
+/* === Cloud references ===
+ * A withdrawn reference's placeholder, and the "this moved" affordance a host's
+ * client script falls back to when it can see a diagram has changed but cannot
+ * safely swap it in. Both are deliberately quiet: a page peppered with badges
+ * is worse than one that is a few days behind. */
+.dgmo--tombstone {
+  border: 1px dashed currentColor;
+  border-radius: 6px;
+  opacity: 0.6;
+  padding: 1.5rem;
+  text-align: center;
+}
+.dgmo-tombstone-text {
+  font-size: 0.9em;
+  margin: 0;
+}
+.dgmo-updated {
+  display: block;
+  font-size: 0.8em;
+  margin-top: 0.4rem;
+  opacity: 0.7;
+  text-align: right;
+}
 `;
 
 // src/embed/index.ts
@@ -87155,6 +87223,7 @@ function resolveBlockOptions(opts) {
     wrapper: opts.wrapper ?? "figure",
     className: opts.className ?? "dgmo",
     legacyClassNames: opts.legacyClassNames ?? [],
+    dataAttributes: opts.dataAttributes ?? {},
     title: opts.title,
     onWarn: opts.onWarn ?? ((message) => console.warn(message))
   };
@@ -87180,8 +87249,12 @@ function assembleBlock(source, svgsHtml, opts) {
   const showcase = opts.mode === "showcase";
   const variant = showcase ? "showcase" : "diagram";
   const ariaAttr = opts.title ? ` aria-label="${escapeAttr(opts.title)}"` : "";
+  const dataAttrs = dataAttributeString(opts.dataAttributes);
   const sourceHtml = sourceDisclosure(source, opts);
-  return `<${Wrapper} class="${escapeAttr(wrapperClasses(opts, variant))}"${ariaAttr}>` + svgsHtml + sourceHtml + `</${Wrapper}>`;
+  return `<${Wrapper} class="${escapeAttr(wrapperClasses(opts, variant))}"${ariaAttr}${dataAttrs}>` + svgsHtml + sourceHtml + `</${Wrapper}>`;
+}
+function dataAttributeString(attrs) {
+  return Object.entries(attrs).filter(([name]) => /^[a-z][a-z0-9-]*$/.test(name)).map(([name, value]) => ` data-${name}="${escapeAttr(value)}"`).join("");
 }
 var CODE_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m10 4.5 4 3.5-4 3.5"/><path d="m6 4.5-4 3.5 4 3.5"/></svg>`;
 var COPY_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/><path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/></svg>`;
@@ -87254,7 +87327,7 @@ var CSS = AUTO_BASE_CSS + "\n" + BLOCK_CSS + "\n" + darkScopedBlockCss(BLOCK_CSS
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.56.0";
+var VERSION = "0.57.0";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1500;
 var LOG_PREFIX = "[dgmo]";

package/dist/block.css

@@ -385,3 +385,27 @@
   color: #616e88;
   font-style: italic;
 }
+
+/* === Cloud references ===
+ * A withdrawn reference's placeholder, and the "this moved" affordance a host's
+ * client script falls back to when it can see a diagram has changed but cannot
+ * safely swap it in. Both are deliberately quiet: a page peppered with badges
+ * is worse than one that is a few days behind. */
+.dgmo--tombstone {
+  border: 1px dashed currentColor;
+  border-radius: 6px;
+  opacity: 0.6;
+  padding: 1.5rem;
+  text-align: center;
+}
+.dgmo-tombstone-text {
+  font-size: 0.9em;
+  margin: 0;
+}
+.dgmo-updated {
+  display: block;
+  font-size: 0.8em;
+  margin-top: 0.4rem;
+  opacity: 0.7;
+  text-align: right;
+}

package/dist/block.d.ts

@@ -94,6 +94,18 @@ interface DgmoBlockOptions {
      * visually — the chart's visible title belongs in the DGMO source itself.
      */
     title?: string;
+    /**
+     * Extra `data-*` attributes for the outer wrapper, as bare names → values
+     * (`{ 'dgmo-ref': 'dgm_01H…' }` emits `data-dgmo-ref="dgm_01H…"`).
+     *
+     * Exists so a surface can mark a block for its own client code without
+     * string-patching the emitted HTML — remark-dgmo's cloud references stamp the
+     * diagram id and the revision they were baked from here, and its client script
+     * reads them back to decide whether a refresh is even worth a fetch. Values are
+     * attribute-escaped; a key that isn't a plain identifier is dropped rather than
+     * trusted, since these end up in markup verbatim.
+     */
+    dataAttributes?: Record<string, string>;
     /** Receives palette-fallback warnings. Default: console.warn. */
     onWarn?: (message: string) => void;
 }

package/dist/block.js

@@ -3,30 +3,32 @@ import {
   docsLink,
   normalizeSvgForEmbed,
   renderErrorCard
-} from "./chunk-ZMMYCERO.js";
+} from "./chunk-7Q35X3AL.js";
 import {
   render
-} from "./chunk-2JMNOEAU.js";
-import "./chunk-BR2VSKHI.js";
+} from "./chunk-6DR2GMDM.js";
+import "./chunk-OFEUXZPI.js";
 import "./chunk-VHO3YBTB.js";
-import "./chunk-HIMDUQT7.js";
+import "./chunk-KRKU6WRS.js";
 import "./chunk-YRYKTYMQ.js";
 import "./chunk-YYVTBZZC.js";
 import "./chunk-CQ7Y3O67.js";
 import "./chunk-6VJCURWU.js";
 import "./chunk-NZ5QVASG.js";
-import "./chunk-QDOYT6UW.js";
+import "./chunk-44GBBTMU.js";
 import "./chunk-ES66QH6J.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
 import {
   encodeDiagramUrl
 } from "./chunk-U7VO6JAA.js";
-import "./chunk-GDGOVO2I.js";
+import "./chunk-VYCV5WKH.js";
+import "./chunk-BQLJAYVB.js";
 import "./chunk-EEKGMS63.js";
 import "./chunk-CY5KE2P5.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
+import "./chunk-MGLJA5TK.js";
 import "./chunk-RV2N7COG.js";
 import "./chunk-VSFAJUEF.js";
 import "./chunk-5J2RQGFG.js";
@@ -40,7 +42,8 @@ import {
 import "./chunk-YNAHUNMA.js";
 import "./chunk-A2RUBBVT.js";
 import "./chunk-NFAHDPCG.js";
-import "./chunk-GG7TK3IA.js";
+import "./chunk-USFZQPJ2.js";
+import "./chunk-RT7ACF77.js";
 import "./chunk-5VLUAAAE.js";
 import "./chunk-ES3MUYRX.js";
 import "./chunk-QQJUTGQH.js";
@@ -48,16 +51,17 @@ import "./chunk-KF575IXC.js";
 import "./chunk-CXI6X54X.js";
 import "./chunk-4MB4UOT5.js";
 import "./chunk-RQGNELB3.js";
-import "./chunk-MGLJA5TK.js";
+import "./chunk-XBTJJLAU.js";
+import "./chunk-4MJOBVY7.js";
 import "./chunk-D64FRGKU.js";
 import "./chunk-X32RDWT5.js";
-import "./chunk-FCA2UGJT.js";
-import "./chunk-FXVPSTDT.js";
-import "./chunk-Y2L2LET6.js";
+import "./chunk-NIUE5VWY.js";
+import "./chunk-MXDT446P.js";
+import "./chunk-ADKDIWCW.js";
 import "./chunk-WOMXS5R7.js";
 import "./chunk-NHZAYL2X.js";
-import "./chunk-USFZQPJ2.js";
-import "./chunk-RT7ACF77.js";
+import "./chunk-FERE46TP.js";
+import "./chunk-C3Z4DX3V.js";
 import "./chunk-LV5BFA24.js";
 import "./chunk-7TF3QOOD.js";
 import "./chunk-APD52YJV.js";
@@ -66,30 +70,20 @@ import "./chunk-VYEQPPS6.js";
 import "./chunk-ULR3BVNH.js";
 import "./chunk-ST3ZNEUQ.js";
 import "./chunk-7NK42OIB.js";
+import "./chunk-RRX4Z4TH.js";
 import "./chunk-PFG3EVRD.js";
 import "./chunk-OHBIN74X.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-DIKIHU52.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-EQW6HOP4.js";
-import "./chunk-WFX6AUQO.js";
-import "./chunk-4MJOBVY7.js";
 import {
   scanMonthNameDates
 } from "./chunk-DAOFNU6J.js";
+import "./chunk-NOTA6TEI.js";
 import "./chunk-TGOMHUOV.js";
 import "./chunk-I55PVEIX.js";
 import "./chunk-FZECLCCU.js";
-import {
-  resolvePaletteOrFallback
-} from "./chunk-R3XI2VC7.js";
-import "./chunk-SCJ7CAJF.js";
-import "./chunk-4ASYQ347.js";
-import "./chunk-42IT4BG2.js";
-import "./chunk-FERE46TP.js";
-import "./chunk-C3Z4DX3V.js";
-import "./chunk-RRX4Z4TH.js";
-import "./chunk-NOTA6TEI.js";
 import "./chunk-D5FANMSG.js";
 import {
   REGISTRY_COLON_KEY_TOKENS,
@@ -98,6 +92,12 @@ import {
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_STATUS_TOKENS
 } from "./chunk-3KOPPSUQ.js";
+import {
+  resolvePaletteOrFallback
+} from "./chunk-R3XI2VC7.js";
+import "./chunk-SCJ7CAJF.js";
+import "./chunk-4ASYQ347.js";
+import "./chunk-42IT4BG2.js";
 import "./chunk-EXNKNJ65.js";
 import "./chunk-OLMWTJVU.js";
 import "./chunk-5WRI5ZAA.js";
@@ -1019,6 +1019,30 @@ var BLOCK_CSS = `
   color: #616e88;
   font-style: italic;
 }
+
+/* === Cloud references ===
+ * A withdrawn reference's placeholder, and the "this moved" affordance a host's
+ * client script falls back to when it can see a diagram has changed but cannot
+ * safely swap it in. Both are deliberately quiet: a page peppered with badges
+ * is worse than one that is a few days behind. */
+.dgmo--tombstone {
+  border: 1px dashed currentColor;
+  border-radius: 6px;
+  opacity: 0.6;
+  padding: 1.5rem;
+  text-align: center;
+}
+.dgmo-tombstone-text {
+  font-size: 0.9em;
+  margin: 0;
+}
+.dgmo-updated {
+  display: block;
+  font-size: 0.8em;
+  margin-top: 0.4rem;
+  opacity: 0.7;
+  text-align: right;
+}
 `;
 
 // src/embed/index.ts
@@ -1039,6 +1063,7 @@ function resolveBlockOptions(opts) {
     wrapper: opts.wrapper ?? "figure",
     className: opts.className ?? "dgmo",
     legacyClassNames: opts.legacyClassNames ?? [],
+    dataAttributes: opts.dataAttributes ?? {},
     title: opts.title,
     onWarn: opts.onWarn ?? ((message) => console.warn(message))
   };
@@ -1097,8 +1122,12 @@ function assembleBlock(source, svgsHtml, opts) {
   const showcase = opts.mode === "showcase";
   const variant = showcase ? "showcase" : "diagram";
   const ariaAttr = opts.title ? ` aria-label="${escapeAttr(opts.title)}"` : "";
+  const dataAttrs = dataAttributeString(opts.dataAttributes);
   const sourceHtml = sourceDisclosure(source, opts);
-  return `<${Wrapper} class="${escapeAttr(wrapperClasses(opts, variant))}"${ariaAttr}>` + svgsHtml + sourceHtml + `</${Wrapper}>`;
+  return `<${Wrapper} class="${escapeAttr(wrapperClasses(opts, variant))}"${ariaAttr}${dataAttrs}>` + svgsHtml + sourceHtml + `</${Wrapper}>`;
+}
+function dataAttributeString(attrs) {
+  return Object.entries(attrs).filter(([name]) => /^[a-z][a-z0-9-]*$/.test(name)).map(([name, value]) => ` data-${name}="${escapeAttr(value)}"`).join("");
 }
 var CODE_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m10 4.5 4 3.5-4 3.5"/><path d="m6 4.5-4 3.5 4 3.5"/></svg>`;
 var COPY_ICON = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/><path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/></svg>`;

package/dist/chart-meta.js

@@ -10,11 +10,15 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-GDGOVO2I.js";
+} from "./chunk-VYCV5WKH.js";
+import {
+  parseRaci
+} from "./chunk-BQLJAYVB.js";
 import "./chunk-EEKGMS63.js";
 import "./chunk-CY5KE2P5.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
+import "./chunk-MGLJA5TK.js";
 import "./chunk-RV2N7COG.js";
 import "./chunk-VSFAJUEF.js";
 import "./chunk-5J2RQGFG.js";
@@ -25,9 +29,8 @@ import "./chunk-OQKP2X3D.js";
 import "./chunk-YNAHUNMA.js";
 import "./chunk-A2RUBBVT.js";
 import "./chunk-NFAHDPCG.js";
-import {
-  parseRaci
-} from "./chunk-GG7TK3IA.js";
+import "./chunk-USFZQPJ2.js";
+import "./chunk-RT7ACF77.js";
 import "./chunk-5VLUAAAE.js";
 import "./chunk-ES3MUYRX.js";
 import "./chunk-QQJUTGQH.js";
@@ -35,16 +38,17 @@ import "./chunk-KF575IXC.js";
 import "./chunk-CXI6X54X.js";
 import "./chunk-4MB4UOT5.js";
 import "./chunk-RQGNELB3.js";
-import "./chunk-MGLJA5TK.js";
+import "./chunk-XBTJJLAU.js";
+import "./chunk-4MJOBVY7.js";
 import "./chunk-D64FRGKU.js";
 import "./chunk-X32RDWT5.js";
-import "./chunk-FCA2UGJT.js";
-import "./chunk-FXVPSTDT.js";
-import "./chunk-Y2L2LET6.js";
+import "./chunk-NIUE5VWY.js";
+import "./chunk-MXDT446P.js";
+import "./chunk-ADKDIWCW.js";
 import "./chunk-WOMXS5R7.js";
 import "./chunk-NHZAYL2X.js";
-import "./chunk-USFZQPJ2.js";
-import "./chunk-RT7ACF77.js";
+import "./chunk-FERE46TP.js";
+import "./chunk-C3Z4DX3V.js";
 import "./chunk-LV5BFA24.js";
 import "./chunk-7TF3QOOD.js";
 import "./chunk-APD52YJV.js";
@@ -53,6 +57,7 @@ import "./chunk-VYEQPPS6.js";
 import "./chunk-ULR3BVNH.js";
 import "./chunk-ST3ZNEUQ.js";
 import "./chunk-7NK42OIB.js";
+import "./chunk-RRX4Z4TH.js";
 import {
   parseOrg
 } from "./chunk-PFG3EVRD.js";
@@ -61,14 +66,18 @@ import "./chunk-IYULMRBE.js";
 import "./chunk-DIKIHU52.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-EQW6HOP4.js";
-import "./chunk-WFX6AUQO.js";
-import "./chunk-4MJOBVY7.js";
 import "./chunk-DAOFNU6J.js";
+import "./chunk-NOTA6TEI.js";
 import {
   chartTypes
 } from "./chunk-TGOMHUOV.js";
 import "./chunk-I55PVEIX.js";
 import "./chunk-FZECLCCU.js";
+import "./chunk-D5FANMSG.js";
+import {
+  ALL_CHART_TYPES,
+  parseFirstLine
+} from "./chunk-3KOPPSUQ.js";
 import {
   getAvailablePalettes,
   getPalette
@@ -76,15 +85,6 @@ import {
 import {
   hexToHSLString
 } from "./chunk-42IT4BG2.js";
-import "./chunk-FERE46TP.js";
-import "./chunk-C3Z4DX3V.js";
-import "./chunk-RRX4Z4TH.js";
-import "./chunk-NOTA6TEI.js";
-import "./chunk-D5FANMSG.js";
-import {
-  ALL_CHART_TYPES,
-  parseFirstLine
-} from "./chunk-3KOPPSUQ.js";
 import "./chunk-EXNKNJ65.js";
 import "./chunk-OLMWTJVU.js";
 import "./chunk-5WRI5ZAA.js";