@diagrammo/dgmo 0.48.2 → 0.50.0

package/dist/block.css

@@ -109,6 +109,69 @@
   opacity: 1;
 }
 
+/* === Full-screen lightbox ===
+ * The expand button clones the visible diagram into a native <dialog> that
+ * the client shows with showModal(): top-layer, so it escapes any transformed
+ * or overflow-clipped ancestor (docs sidebars) and fills the whole viewport.
+ * Escape / backdrop-click / the close button dismiss it. The <dialog> itself
+ * fills the viewport with a transparent background (so a click landing on it
+ * — outside the centered card — reads as a backdrop dismiss); the dim comes
+ * from ::backdrop. */
+.dgmo-lightbox {
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  max-height: 100vh;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  overflow: hidden;
+}
+.dgmo-lightbox[open] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dgmo-lightbox::backdrop {
+  background: rgba(0, 0, 0, 0.72);
+}
+.dgmo-lightbox-svg {
+  width: 95vw;
+  max-width: 95vw;
+  max-height: 95vh;
+  overflow: auto;
+  border-radius: 0.5em;
+  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
+}
+.dgmo-lightbox-svg > svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+}
+.dgmo-lightbox-close {
+  position: fixed;
+  top: max(1rem, env(safe-area-inset-top));
+  right: max(1rem, env(safe-area-inset-right));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.4em;
+  height: 2.4em;
+  border: 0;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 1.25rem;
+  line-height: 1;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.dgmo-lightbox-close:hover {
+  background: rgba(0, 0, 0, 0.75);
+}
+
 /* === Frame the whole block ===
  * When the source panel is open, diagram + toolbar + code get one shared
  * border so the code visibly belongs to the chart above it. The frame box

package/dist/block.d.ts

@@ -29,11 +29,13 @@ declare const BLOCK_CSS: string;
  *
  * Chrome contract (user-approved 2026-07-05): the diagram is the star. A slim
  * icon toolbar sits in a reserved row below the SVG, invisible until the
- * block is hovered/focused or the source is open. Three wordless icon
- * buttons — `</>` toggles the hidden source panel, copy, open-in-editor. No
- * disclosure triangle, no text labels. The toolbar IS the <summary> of a
- * native <details>, so show/hide works with zero JavaScript; copy needs a
- * small delegated click handler (remark-dgmo's `bindDgmo` is the reference).
+ * block is hovered/focused or the source is open. Four wordless icon
+ * buttons — `</>` toggles the hidden source panel, expand (full-screen),
+ * copy, open-in-editor. No disclosure triangle, no text labels. The toolbar
+ * IS the <summary> of a native <details>, so show/hide works with zero
+ * JavaScript; copy and expand need a small delegated click handler
+ * (remark-dgmo's `bindDgmo` is the reference — expand's lightbox helper is
+ * mirrored across every client surface, same as copy).
  *
  * Markup vocabulary: `figure.dgmo` (`--diagram`/`--showcase`/`--error`),
  * `.dgmo-light`/`.dgmo-dark` (dual color-mode) or `.dgmo-svg` (single),
@@ -64,6 +66,12 @@ interface DgmoBlockOptions {
     showSource?: boolean;
     /** Default: true in showcase mode, false in diagram mode. */
     showCopy?: boolean;
+    /**
+     * Show the expand (full-screen) toolbar button. Default: true in showcase
+     * mode, false in diagram mode. Needs the client lightbox handler to do
+     * anything (mirrored across surfaces); markup-only surfaces can omit it.
+     */
+    showExpand?: boolean;
     /** Default: true in showcase mode, false in diagram mode. */
     showOpenInEditor?: boolean;
     /** Base URL for the open-in-editor link. Default: online.diagrammo.app. */

package/dist/block.js

@@ -1,76 +1,91 @@
 import {
-  normalizeSvgForEmbed
-} from "./chunk-ODZVHU3R.js";
+  normalizeSvgForEmbed,
+  renderErrorCard
+} from "./chunk-L2ZTFHAY.js";
 import {
   encodeDiagramUrl,
   render
-} from "./chunk-PZMETGLY.js";
-import "./chunk-PBAHEPLQ.js";
-import "./chunk-OJR3MQYV.js";
-import "./chunk-UWN33VNX.js";
+} from "./chunk-NISQC5KW.js";
+import "./chunk-XCLHOZAM.js";
 import "./chunk-YRYKTYMQ.js";
-import "./chunk-U6EQI3U6.js";
-import "./chunk-PWIHZ6NJ.js";
 import "./chunk-YYVTBZZC.js";
-import "./chunk-YAA6IID3.js";
+import "./chunk-QUJGFNFN.js";
+import "./chunk-JFYIP7XU.js";
+import "./chunk-Q4V4XQWV.js";
+import "./chunk-BTUTZMPT.js";
+import {
+  monthIndex,
+  weekdayIndex
+} from "./chunk-YNRDWYZP.js";
+import "./chunk-3XPUDB7B.js";
+import "./chunk-FL4IOQ37.js";
+import "./chunk-PGEGPSCZ.js";
+import "./chunk-DMJJ3CEQ.js";
+import "./chunk-BDXC7MDK.js";
+import "./chunk-6ZT4U37Q.js";
+import "./chunk-HGN652MU.js";
+import "./chunk-U6EQI3U6.js";
+import "./chunk-7UEMZREK.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
-import "./chunk-QOOUC2J5.js";
-import "./chunk-WCT3NYCV.js";
-import "./chunk-HSH73DP6.js";
-import "./chunk-P235SVAH.js";
-import "./chunk-6HO5ZTXK.js";
-import "./chunk-44CM72SQ.js";
-import "./chunk-76OWZ3BA.js";
-import "./chunk-MO5YHHMQ.js";
-import "./chunk-WCSOJFU3.js";
-import "./chunk-7JEGTRLD.js";
+import "./chunk-HQCHYB5F.js";
+import "./chunk-5LWQH6QV.js";
+import "./chunk-XDXNDSKO.js";
+import "./chunk-OHQEMBLI.js";
+import "./chunk-TSA237IM.js";
+import "./chunk-6IAA2QQ2.js";
+import "./chunk-YZLMKW4T.js";
+import "./chunk-3P2DKJCG.js";
+import "./chunk-3LKM6FMW.js";
+import "./chunk-OTP5KVLO.js";
+import "./chunk-YB3FW24O.js";
 import "./chunk-NNAAJVBU.js";
-import "./chunk-RYEGFMUO.js";
-import "./chunk-33LCUH4H.js";
-import "./chunk-XAKEUMEJ.js";
-import "./chunk-BUPDIHML.js";
+import "./chunk-XMVQ5F4M.js";
+import "./chunk-UXOSVCLJ.js";
+import "./chunk-FB2WHOEQ.js";
 import {
   REGISTRY_COLON_KEY_TOKENS,
   REGISTRY_CONTROL_TOKENS,
   REGISTRY_DIRECTIVE_TOKENS,
   REGISTRY_MODIFIER_TOKENS,
   REGISTRY_STATUS_TOKENS
-} from "./chunk-DKEPS5LH.js";
-import "./chunk-BUVJFRPY.js";
-import "./chunk-WVAJFAIA.js";
-import "./chunk-EB6FPQUP.js";
-import "./chunk-EVCVDTXE.js";
-import "./chunk-NURGB5Z4.js";
-import "./chunk-L66GEFB6.js";
-import "./chunk-RVMRZAPB.js";
-import "./chunk-AN2MOO5T.js";
-import "./chunk-RTLBSQ3G.js";
+} from "./chunk-U2HGPLZS.js";
+import "./chunk-SU2VBK4L.js";
+import "./chunk-5JSWBPZZ.js";
+import "./chunk-XHVV4NVW.js";
+import "./chunk-WWN566I7.js";
+import "./chunk-O4VUFXIH.js";
+import "./chunk-QQJUTGQH.js";
+import "./chunk-S5GRONXL.js";
+import "./chunk-2JJ2KNPI.js";
+import "./chunk-O76UD6VJ.js";
+import "./chunk-A3WQVFBS.js";
+import "./chunk-6M5PJFQG.js";
 import "./chunk-L3UHP6TD.js";
 import "./chunk-USZW2HHU.js";
-import "./chunk-5QXL4NYS.js";
-import "./chunk-GMR5MFHJ.js";
-import "./chunk-ERLBPDGU.js";
-import "./chunk-AELOBFW5.js";
-import "./chunk-B65G5DNL.js";
+import "./chunk-7G2ER4CY.js";
+import "./chunk-I7F2A35O.js";
+import "./chunk-6BFZKBGD.js";
+import "./chunk-I4IFRCUB.js";
+import "./chunk-URSQLCTR.js";
 import "./chunk-IYULMRBE.js";
 import {
   resolvePaletteOrFallback
 } from "./chunk-R3XI2VC7.js";
 import "./chunk-P6T66CCZ.js";
-import "./chunk-SML67VPV.js";
+import "./chunk-T4BRO3Z6.js";
 import "./chunk-C3Z4DX3V.js";
-import "./chunk-QLCCJEJI.js";
-import "./chunk-LIOHW36Z.js";
+import "./chunk-WCUHAQKB.js";
+import "./chunk-GBE54KY6.js";
 import "./chunk-I46X5VUA.js";
-import "./chunk-3MQQNXPD.js";
+import "./chunk-2C56LEML.js";
 import "./chunk-NXMESY4J.js";
-import "./chunk-RUNNI6VE.js";
-import "./chunk-5MLYVTYM.js";
+import "./chunk-GL5UZ6NY.js";
+import "./chunk-SCHXJTZL.js";
 import "./chunk-FMDSF3OV.js";
 import "./chunk-FFUN5D66.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-Y3J7VR52.js";
+import "./chunk-OTAL43EH.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -93,10 +108,12 @@ var CHART_TYPES = /* @__PURE__ */ new Set([
   "class",
   "er",
   "org",
+  "family",
   "kanban",
   "c4",
   "state",
   "sitemap",
+  "bracket",
   "infra",
   "gantt",
   "pert",
@@ -111,6 +128,10 @@ var CHART_TYPES = /* @__PURE__ */ new Set([
   "ring",
   "treemap",
   "block",
+  "goal",
+  "countdown",
+  "clock",
+  "sketch",
   "raci",
   "cycle",
   // Data chart types
@@ -132,7 +153,8 @@ var CHART_TYPES = /* @__PURE__ */ new Set([
   "event-line",
   "venn",
   "quadrant",
-  "map"
+  "map",
+  "body"
 ]);
 var TAG_KEYWORD = "tag";
 var DIRECTIVE_KEYWORDS = /* @__PURE__ */ new Set([...REGISTRY_DIRECTIVE_TOKENS]);
@@ -220,6 +242,14 @@ var OVERRIDE_IN_LABEL = /* @__PURE__ */ new Set([
   "Duration",
   "DateLiteral"
 ]);
+var LABEL_WORD_NODES = /* @__PURE__ */ new Set([
+  "Identifier",
+  "ChartType",
+  "TagKeyword",
+  "DirectiveKeyword",
+  "ControlKeyword",
+  "ModifierKeyword"
+]);
 var KEYWORD_STARTS = /* @__PURE__ */ new Set([
   "TagKeyword",
   "DirectiveKeyword",
@@ -263,6 +293,7 @@ function highlightDgmo(source) {
   applyAttributeKeys(tokens);
   applyLabelOverrides(tokens);
   applyNoteContent(tokens);
+  applyRecurringLine(tokens);
   return tokens;
 }
 var ATTRIBUTE_KEYS = /* @__PURE__ */ new Set([
@@ -300,6 +331,9 @@ var ATTRIBUTE_KEYS = /* @__PURE__ */ new Set([
   "value",
   "label",
   "style",
+  // Sketch (§31): shape morph + half-slot coordinate keys
+  "shape",
+  "at",
   // Treemap + boxes-and-lines + map colour-by-value channel key
   "heat",
   // Infra node behavior + edge colon-keys (§4) come from the single-source
@@ -399,14 +433,14 @@ function applyLabelOverrides(tokens) {
     }
     const hasArrow = firstDashTildeIdx >= 0 && lastArrowIdx > firstDashTildeIdx;
     if (!hasArrow) continue;
-    let labelHasIdentifier = false;
+    let labelHasWord = false;
     for (let li = firstDashTildeIdx + 1; li < lastArrowIdx; li++) {
-      if (nonWs[li].nodeName === "Identifier") {
-        labelHasIdentifier = true;
+      if (LABEL_WORD_NODES.has(nonWs[li].nodeName)) {
+        labelHasWord = true;
         break;
       }
     }
-    if (!labelHasIdentifier) continue;
+    if (!labelHasWord) continue;
     for (let li = firstDashTildeIdx + 1; li < lastArrowIdx; li++) {
       const ref = nonWs[li];
       if (OVERRIDE_IN_LABEL.has(ref.nodeName)) {
@@ -418,6 +452,82 @@ function applyLabelOverrides(tokens) {
     }
   }
 }
+var RECUR_LEADERS = /* @__PURE__ */ new Set([
+  "every",
+  "on",
+  "at",
+  "from",
+  "on-day",
+  "since-label"
+]);
+var RECUR_CONNECTORS = /* @__PURE__ */ new Set(["on", "at", "from"]);
+var RECUR_CADENCE_WORDS = /* @__PURE__ */ new Set([
+  "year",
+  "month",
+  "week",
+  "day",
+  "days",
+  "weeks",
+  "months"
+]);
+function isRecurOrdinal(token) {
+  return /^(?:\d+(?:st|nd|rd|th)|last)$/i.test(token);
+}
+function classifyRecurrenceLine(line) {
+  const spans = [];
+  const toks = [];
+  const re = /\S+/g;
+  let m;
+  while ((m = re.exec(line)) !== null) {
+    toks.push({ t: m[0], s: m.index, e: m.index + m[0].length });
+  }
+  if (toks.length === 0) return spans;
+  const lead = toks[0].t.toLowerCase();
+  if (!RECUR_LEADERS.has(lead)) return spans;
+  const everyLine = lead === "every";
+  let seenConnector = false;
+  for (let i = 0; i < toks.length; i++) {
+    const { t, s, e } = toks[i];
+    const low = t.toLowerCase();
+    if (i === 0) {
+      spans.push({ start: s, end: e, role: "keyword" });
+      continue;
+    }
+    if (RECUR_CONNECTORS.has(low)) {
+      spans.push({ start: s, end: e, role: "keyword" });
+      seenConnector = true;
+      continue;
+    }
+    if (everyLine && !seenConnector && RECUR_CADENCE_WORDS.has(low)) {
+      spans.push({ start: s, end: e, role: "keyword" });
+      continue;
+    }
+    if (isRecurOrdinal(low) || monthIndex(t) !== null || weekdayIndex(t) !== null) {
+      spans.push({ start: s, end: e, role: "modifier" });
+    }
+  }
+  return spans;
+}
+function applyRecurringLine(tokens) {
+  const fullText = tokens.map((t) => t.text).join("");
+  const lines = fullText.split("\n");
+  const firstContent = lines.find((l) => {
+    const t = l.trim();
+    return t.length > 0 && !t.startsWith("//");
+  });
+  if (firstContent?.trim().split(/\s+/)[0].toLowerCase() !== "countdown") {
+    return;
+  }
+  let offset = 0;
+  for (const lineText of lines) {
+    if (!/^\s/.test(lineText)) {
+      for (const sp of classifyRecurrenceLine(lineText)) {
+        markTokensInRange(tokens, offset + sp.start, offset + sp.end, sp.role);
+      }
+    }
+    offset += lineText.length + 1;
+  }
+}
 var NOTE_HEAD_RE = /^note(\s|$)/i;
 function applyNoteContent(tokens) {
   const fullText = tokens.map((t) => t.text).join("");
@@ -583,6 +693,69 @@ var BLOCK_CSS = `
   opacity: 1;
 }
 
+/* === Full-screen lightbox ===
+ * The expand button clones the visible diagram into a native <dialog> that
+ * the client shows with showModal(): top-layer, so it escapes any transformed
+ * or overflow-clipped ancestor (docs sidebars) and fills the whole viewport.
+ * Escape / backdrop-click / the close button dismiss it. The <dialog> itself
+ * fills the viewport with a transparent background (so a click landing on it
+ * \u2014 outside the centered card \u2014 reads as a backdrop dismiss); the dim comes
+ * from ::backdrop. */
+.dgmo-lightbox {
+  width: 100vw;
+  height: 100vh;
+  max-width: 100vw;
+  max-height: 100vh;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  overflow: hidden;
+}
+.dgmo-lightbox[open] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dgmo-lightbox::backdrop {
+  background: rgba(0, 0, 0, 0.72);
+}
+.dgmo-lightbox-svg {
+  width: 95vw;
+  max-width: 95vw;
+  max-height: 95vh;
+  overflow: auto;
+  border-radius: 0.5em;
+  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
+}
+.dgmo-lightbox-svg > svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+}
+.dgmo-lightbox-close {
+  position: fixed;
+  top: max(1rem, env(safe-area-inset-top));
+  right: max(1rem, env(safe-area-inset-right));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.4em;
+  height: 2.4em;
+  border: 0;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 1.25rem;
+  line-height: 1;
+  cursor: pointer;
+  transition: background-color 0.15s ease;
+}
+.dgmo-lightbox-close:hover {
+  background: rgba(0, 0, 0, 0.75);
+}
+
 /* === Frame the whole block ===
  * When the source panel is open, diagram + toolbar + code get one shared
  * border so the code visibly belongs to the chart above it. The frame box
@@ -781,6 +954,7 @@ function resolveBlockOptions(opts) {
     colorMode: opts.colorMode ?? "auto",
     showSource: opts.showSource ?? showcase,
     showCopy: opts.showCopy ?? showcase,
+    showExpand: opts.showExpand ?? showcase,
     showOpenInEditor: opts.showOpenInEditor ?? showcase,
     editorBaseUrl: opts.editorBaseUrl ?? EDITOR_BASE_URL,
     wrapper: opts.wrapper ?? "figure",
@@ -793,23 +967,24 @@ function resolveBlockOptions(opts) {
 async function renderDgmoBlock(source, options = {}) {
   const opts = resolveBlockOptions(options);
   const trimmed = source.trim();
-  const paletteId = resolvePaletteOrFallback(opts.palette, opts.onWarn).id;
+  const palette = resolvePaletteOrFallback(opts.palette, opts.onWarn);
   const diagnostics = [];
+  const renderTheme = async (theme) => {
+    const r = await render(trimmed, { palette: palette.id, theme });
+    diagnostics.push(...r.diagnostics);
+    const errors = r.diagnostics.filter((d) => d.severity === "error");
+    return errors.length ? renderErrorCard(errors, trimmed, palette, theme) : r.svg;
+  };
   let svgsHtml;
   if (opts.colorMode === "auto") {
     const [light, dark] = await Promise.all([
-      render(trimmed, { palette: paletteId, theme: "light" }),
-      render(trimmed, { palette: paletteId, theme: "dark" })
+      renderTheme("light"),
+      renderTheme("dark")
     ]);
-    diagnostics.push(...light.diagnostics, ...dark.diagnostics);
-    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-light"))}">${normalizeSvgForEmbed(light.svg)}</div><div class="${escapeAttr(innerClasses(opts, "dgmo-dark"))}">${normalizeSvgForEmbed(dark.svg)}</div>`;
+    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-light"))}">${normalizeSvgForEmbed(light)}</div><div class="${escapeAttr(innerClasses(opts, "dgmo-dark"))}">${normalizeSvgForEmbed(dark)}</div>`;
   } else {
-    const result = await render(trimmed, {
-      palette: paletteId,
-      theme: opts.colorMode
-    });
-    diagnostics.push(...result.diagnostics);
-    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-svg"))}">${normalizeSvgForEmbed(result.svg)}</div>`;
+    const svg = await renderTheme(opts.colorMode);
+    svgsHtml = `<div class="${escapeAttr(innerClasses(opts, "dgmo-svg"))}">${normalizeSvgForEmbed(svg)}</div>`;
   }
   return { html: assembleBlock(trimmed, svgsHtml, opts), diagnostics };
 }
@@ -843,9 +1018,11 @@ function assembleBlock(source, svgsHtml, opts) {
 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>`;
 var EXTERNAL_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="M9.5 2.5h4v4"/><path d="M13.5 2.5 7 9"/><path d="M12.5 9.5v3a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3"/></svg>`;
+var EXPAND_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="M9.5 2.5h4v4"/><path d="M6.5 13.5h-4v-4"/><path d="M13.5 2.5 9 7"/><path d="M2.5 13.5 7 9"/></svg>`;
 function sourceDisclosure(source, opts) {
   if (!opts.showSource) return "";
   const toggle = `<span class="dgmo-toggle" title="View DGMO source">${CODE_ICON}</span>`;
+  const expandButton = opts.showExpand ? `<button type="button" class="dgmo-toolbar-btn dgmo-expand" aria-label="View full screen" title="Expand">${EXPAND_ICON}</button>` : "";
   const copyButton = opts.showCopy ? `<button type="button" class="dgmo-toolbar-btn dgmo-copy" aria-label="Copy DGMO source" title="Copy source" data-dgmo-source="${escapeAttr(source)}">${COPY_ICON}</button>` : "";
   let openButton = "";
   if (opts.showOpenInEditor) {
@@ -855,7 +1032,7 @@ function sourceDisclosure(source, opts) {
     }
   }
   const sourceHtml = highlightedSource(source);
-  return `<details class="dgmo-source-wrap"><summary class="dgmo-toolbar" aria-label="View DGMO source">${toggle}${copyButton}${openButton}</summary><div class="dgmo-source-inner">${sourceHtml}</div></details>`;
+  return `<details class="dgmo-source-wrap"><summary class="dgmo-toolbar" aria-label="View DGMO source">${toggle}${expandButton}${copyButton}${openButton}</summary><div class="dgmo-source-inner">${sourceHtml}</div></details>`;
 }
 function highlightedSource(source) {
   const tokens = highlightDgmo(source);

package/dist/{charts-d3-QOZHKTCT.js → charts-d3-DKUD7MQE.js}

@@ -2,18 +2,19 @@ import {
   D3_DATA_CHART_TYPES,
   renderDataChartD3,
   supportsD3DataChart
-} from "./chunk-OJR3MQYV.js";
+} from "./chunk-6ZT4U37Q.js";
+import "./chunk-HGN652MU.js";
 import "./chunk-U6EQI3U6.js";
-import "./chunk-YAA6IID3.js";
+import "./chunk-7UEMZREK.js";
 import "./chunk-A4GOY3PE.js";
 import "./chunk-6KFWC4CO.js";
-import "./chunk-QOOUC2J5.js";
-import "./chunk-WCT3NYCV.js";
-import "./chunk-P235SVAH.js";
+import "./chunk-HQCHYB5F.js";
+import "./chunk-5LWQH6QV.js";
+import "./chunk-XDXNDSKO.js";
 import "./chunk-R3XI2VC7.js";
 import "./chunk-P6T66CCZ.js";
-import "./chunk-QLCCJEJI.js";
-import "./chunk-Y3J7VR52.js";
+import "./chunk-WCUHAQKB.js";
+import "./chunk-OTAL43EH.js";
 import "./chunk-TLVIHFRO.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -22,4 +23,4 @@ export {
   renderDataChartD3,
   supportsD3DataChart
 };
-//# sourceMappingURL=charts-d3-QOZHKTCT.js.map
+//# sourceMappingURL=charts-d3-DKUD7MQE.js.map

package/dist/{chunk-3MQQNXPD.js → chunk-2C56LEML.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-5MLYVTYM.js";
+} from "./chunk-SCHXJTZL.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -17,7 +17,7 @@ import {
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -412,4 +412,4 @@ export {
   parseState,
   looksLikeState
 };
-//# sourceMappingURL=chunk-3MQQNXPD.js.map
+//# sourceMappingURL=chunk-2C56LEML.js.map

package/dist/{chunk-L66GEFB6.js → chunk-2JJ2KNPI.js}

@@ -6,10 +6,10 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 import {
   tryCollectNote
-} from "./chunk-5MLYVTYM.js";
+} from "./chunk-SCHXJTZL.js";
 import {
   resolveNotes
 } from "./chunk-FMDSF3OV.js";
@@ -32,7 +32,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-OTAL43EH.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -521,4 +521,4 @@ export {
   looksLikeERDiagram,
   extractSymbols
 };
-//# sourceMappingURL=chunk-L66GEFB6.js.map
+//# sourceMappingURL=chunk-2JJ2KNPI.js.map

package/dist/{chunk-6SM5NJQH.js → chunk-2QYTMIRR.js}

@@ -11,15 +11,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-QOOUC2J5.js";
+} from "./chunk-HQCHYB5F.js";
 import {
   measureText
-} from "./chunk-WCT3NYCV.js";
+} from "./chunk-5LWQH6QV.js";
 import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-WCUHAQKB.js";
 
 // src/sitemap/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -617,4 +617,4 @@ function layoutSitemap(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, e
 export {
   layoutSitemap
 };
-//# sourceMappingURL=chunk-6SM5NJQH.js.map
+//# sourceMappingURL=chunk-2QYTMIRR.js.map