@diagrammo/dgmo 0.94.0 → 0.95.0

package/dist/{chunk-5HAYT43L.js → chunk-U6VS3T2M.js}

@@ -1,12 +1,13 @@
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_ELEMENT_KEYWORDS,
+  WHITEBOARD_LABEL_POSITIONS,
   WHITEBOARD_NOTE_COLOR,
   WHITEBOARD_NOTE_HEIGHT,
   WHITEBOARD_NOTE_WIDTH,
   isWhiteboardColor,
   isWhiteboardShapeKind
-} from "./chunk-P7TRFL4P.js";
+} from "./chunk-R46N5KR4.js";
 import {
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
@@ -100,7 +101,7 @@ var WHITEBOARD_DIAGNOSTICS = [
     chartType: "whiteboard",
     title: "Unknown whiteboard value",
     message: (p) => `Unknown ${s(p.key)}: "${s(p.value)}" \u2014 ${s(p.fallback)} used instead (valid: ${s(p.valid)})${p.hint ? `. ${s(p.hint)}` : ""}`,
-    hint: "Shapes take `fill: solid` or `fill: outline`; arrows take `heads: both`; arrows and lines take `bend:` as a whole number.",
+    hint: "Shapes take `fill: solid` or `fill: outline`, and `label: top` or `label: middle`; arrows take `heads: both`; arrows and lines take `bend:` as a whole number.",
     example: "whiteboard\nrectangle at: 0 0, size: 100 60, fill: hatched"
   },
   {
@@ -353,8 +354,9 @@ var INK_WIDTH_RE = /^\d+(\.\d+)?$/;
 var INK_WIDTH_MAX = 200;
 var WRITTEN_STYLES = ["dashed"];
 var WRITTEN_FILLS = ["solid", "outline"];
+var labelPart = (p) => p ? { labelPosition: p } : {};
 var KEYS_BY_KIND = {
-  shape: ["at", "size", "color", "fill"],
+  shape: ["at", "size", "color", "fill", "label"],
   note: ["at", "size", "color"],
   arrow: ["from", "to", "color", "style", "heads", "bend"],
   line: ["from", "to", "color", "style", "bend"],
@@ -480,6 +482,19 @@ function parseWhiteboard(content, _palette) {
     });
     return "tint";
   };
+  const readLabelPosition = (raw, line) => {
+    if (raw === void 0) return void 0;
+    const v = raw.trim().toLowerCase();
+    if (v === "top" || v === "middle") return v;
+    warn(line, WHITEBOARD_DIAGNOSTIC_CODES.BAD_VALUE, {
+      key: "label",
+      value: raw,
+      fallback: "automatic",
+      valid: WHITEBOARD_LABEL_POSITIONS.join(", "),
+      hint: suggest(v, WHITEBOARD_LABEL_POSITIONS) ?? ""
+    });
+    return void 0;
+  };
   const readHeads = (raw, line) => {
     if (raw === void 0) return "end";
     const v = raw.trim().toLowerCase();
@@ -684,6 +699,7 @@ function parseWhiteboard(content, _palette) {
         label: joinLabel(name, body),
         color: readColor(meta.get("color"), lineNumber),
         fill: readFill(meta.get("fill"), lineNumber),
+        ...labelPart(readLabelPosition(meta.get("label"), lineNumber)),
         lineNumber
       });
       continue;

package/dist/{chunk-4SP6OUO7.js → chunk-USE6HIOZ.js}

@@ -12,7 +12,7 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-5ZUZZDW5.js";
+} from "./chunk-P5XA627W.js";
 import {
   parseChart,
   parseFunctionChart,
@@ -47,7 +47,7 @@ import {
 } from "./chunk-WZBZXZ6T.js";
 import {
   parseWhiteboard
-} from "./chunk-5HAYT43L.js";
+} from "./chunk-U6VS3T2M.js";
 import {
   parseSwimlane
 } from "./chunk-J7Q4AB23.js";
@@ -125,7 +125,7 @@ import {
 } from "./chunk-JXGSTBW6.js";
 import {
   parseBoxesAndLines
-} from "./chunk-2XMTZ5JR.js";
+} from "./chunk-4UVCTLRH.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -159,20 +159,20 @@ import {
 } from "./chunk-CDM6XMOT.js";
 import {
   parseFlowchart
-} from "./chunk-DNM3XZCK.js";
+} from "./chunk-IY62DXT2.js";
 import {
   parseState
-} from "./chunk-2MS623GW.js";
+} from "./chunk-LJGE43SG.js";
 import {
   choosePalette,
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
 import {
   parseERDiagram
-} from "./chunk-CIHHTS5B.js";
+} from "./chunk-S4SJ4LLY.js";
 import {
   parseClassDiagram
-} from "./chunk-DLJJOCIT.js";
+} from "./chunk-5XBYLYYI.js";
 import {
   getPalette
 } from "./chunk-FMAVHTYB.js";
@@ -2120,7 +2120,7 @@ async function exportBody(ctx) {
 // src/boxes-and-lines/export.ts
 async function exportBoxesAndLines(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-7QKQ4P4P.js");
+  const { parseBoxesAndLines: parseBoxesAndLines2 } = await import("./parser-ZRIZFDZY.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const blParsed = parseBoxesAndLines2(content, effectivePalette);
   if (blParsed.error || blParsed.nodes.length === 0) return "";
@@ -2131,8 +2131,8 @@ async function exportBoxesAndLines(ctx) {
       blHiddenTagValues.set(k, new Set(v));
     }
   }
-  const { renderBoxesAndLinesForExport } = await import("./renderer-LNP23NSM.js");
-  const { layoutBoxesAndLines } = await import("./layout-U3AH6M7J.js");
+  const { renderBoxesAndLinesForExport } = await import("./renderer-2QPHDBZY.js");
+  const { layoutBoxesAndLines } = await import("./layout-TIBRMWHL.js");
   const blLayout = await layoutBoxesAndLines(blParsed);
   const PADDING = 20;
   const titleOffset = blParsed.title ? 40 : 0;
@@ -2223,9 +2223,9 @@ async function exportC4(ctx) {
 // src/class/export.ts
 async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
-  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-TAYRTCPR.js");
-  const { layoutClassDiagram } = await import("./layout-IT4ZTV6C.js");
-  const { renderClassDiagram } = await import("./renderer-OUDHH5MV.js");
+  const { parseClassDiagram: parseClassDiagram2 } = await import("./parser-MA7L3XND.js");
+  const { layoutClassDiagram } = await import("./layout-5SZ5A64I.js");
+  const { renderClassDiagram } = await import("./renderer-P3WR7TKD.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram2(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2305,9 +2305,9 @@ async function exportCycle(ctx) {
 // src/er/export.ts
 async function exportEr(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseERDiagram: parseERDiagram2 } = await import("./parser-4RFY7D52.js");
-  const { layoutERDiagram } = await import("./layout-ISSBWBH7.js");
-  const { renderERDiagram } = await import("./renderer-J3GPDK73.js");
+  const { parseERDiagram: parseERDiagram2 } = await import("./parser-BTSTKY5G.js");
+  const { layoutERDiagram } = await import("./layout-YBMT74MG.js");
+  const { renderERDiagram } = await import("./renderer-4VGO27EE.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const erParsed = parseERDiagram2(content, effectivePalette);
   if (erParsed.error || erParsed.tables.length === 0) return "";
@@ -2342,7 +2342,7 @@ async function exportEr(ctx) {
 async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
   const { parseEventLine: parseEventLine2 } = await import("./parser-YG625J5H.js");
-  const { renderEventLineForExport } = await import("./renderer-J7ZSTJUE.js");
+  const { renderEventLineForExport } = await import("./renderer-Y47EM337.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseEventLine2(content, effectivePalette);
   if (parsed.error || parsed.events.length === 0) return "";
@@ -2457,9 +2457,9 @@ async function exportGoal(ctx) {
 // src/graph/export.ts
 async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
-  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-NZXASOZG.js");
-  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-PTCRIANF.js");
+  const { parseFlowchart: parseFlowchart2 } = await import("./flowchart-parser-J3VWIFWB.js");
+  const { layoutGraph } = await import("./layout-EWXHEXNS.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-FECH5KK5.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart2(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2478,9 +2478,9 @@ async function exportFlowchart(ctx) {
 }
 async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
-  const { parseState: parseState2 } = await import("./state-parser-KPVW5CRI.js");
-  const { layoutGraph } = await import("./layout-VC3MXRB4.js");
-  const { renderState } = await import("./state-renderer-ZVEI265C.js");
+  const { parseState: parseState2 } = await import("./state-parser-PMNHLHLE.js");
+  const { layoutGraph } = await import("./layout-EWXHEXNS.js");
+  const { renderState } = await import("./state-renderer-JQ5DS66J.js");
   const { collapseStateGroups } = await import("./state-collapse-SE2G4K4I.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState2(content, effectivePalette);
@@ -2572,7 +2572,7 @@ async function exportInfra(ctx) {
 async function exportJourneyMap(ctx) {
   const { content, theme, palette, exportMode } = ctx;
   const { parseJourneyMap: parseJourneyMap2 } = await import("./parser-NL73FSFI.js");
-  const { renderJourneyMap } = await import("./renderer-53B523PM.js");
+  const { renderJourneyMap } = await import("./renderer-IVHD7ENY.js");
   const { layoutJourneyMap } = await import("./layout-HFBK5UEG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const jmParsed = parseJourneyMap2(content, effectivePalette);
@@ -2630,7 +2630,7 @@ async function exportKanban(ctx) {
 async function exportLiveLink(ctx) {
   const { content, theme, palette } = ctx;
   const { parseLiveLink: parseLiveLink2 } = await import("./parser-GMQJISZ6.js");
-  const { renderLiveLinkCard } = await import("./renderer-4SE7R22T.js");
+  const { renderLiveLinkCard } = await import("./renderer-ZV6KCLCL.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   return renderLiveLinkCard(parseLiveLink2(content), effectivePalette, theme);
 }
@@ -2688,7 +2688,7 @@ async function exportMindmap(ctx) {
   const { parseMindmap: parseMindmap2 } = await import("./parser-KKF6Y5MM.js");
   const { layoutMindmap } = await import("./layout-RH3N46HP.js");
   const { collapseMindmapTree } = await import("./collapse-BSPH3BFM.js");
-  const { renderMindmap } = await import("./renderer-PHLCYVSN.js");
+  const { renderMindmap } = await import("./renderer-XDX6S7OV.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap2(content, effectivePalette);
@@ -2743,7 +2743,7 @@ async function exportOrg(ctx) {
   const { parseOrg: parseOrg2, findOrgNodeIdByName } = await import("./parser-BJ7RJNUM.js");
   const { layoutOrg } = await import("./layout-MXHR3P35.js");
   const { collapseOrgTree, focusOrgTree, unionCollapsedOrgNodes } = await import("./collapse-VNYYXMUI.js");
-  const { renderOrg, ancestorTrailReserve } = await import("./renderer-JJ4QW3SK.js");
+  const { renderOrg, ancestorTrailReserve } = await import("./renderer-6BDK47V6.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg2(content, effectivePalette);
@@ -2936,7 +2936,7 @@ async function exportVisualization(ctx) {
   const isDark = ctx.isDark;
   const container = createExportContainer(ctx.width, ctx.height);
   const { parseSequenceDgmo: parseSequenceDgmo2 } = await import("./parser-BT4NI6JY.js");
-  const { renderSequenceDiagram } = await import("./renderer-FMTLSOCX.js");
+  const { renderSequenceDiagram } = await import("./renderer-ACQQ2JXA.js");
   const seqParsed = parseSequenceDgmo2(content, effectivePalette);
   if (seqParsed.error || seqParsed.participants.length === 0) return "";
   const collapsedSections = viewState?.cs ? new Set(viewState.cs) : void 0;
@@ -2966,7 +2966,7 @@ async function exportSitemap(ctx) {
   const { parseSitemap: parseSitemap2 } = await import("./parser-6TDWUKM5.js");
   const { layoutSitemap } = await import("./layout-ND26WVX2.js");
   const { collapseSitemapTree } = await import("./collapse-TCVK3RPO.js");
-  const { renderSitemap } = await import("./renderer-XOWDERU2.js");
+  const { renderSitemap } = await import("./renderer-UGW4N2W5.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const sitemapParsed = parseSitemap2(content, effectivePalette);
@@ -3221,11 +3221,11 @@ async function exportVersionControl(ctx) {
 // src/whiteboard/export.ts
 async function exportWhiteboard(ctx) {
   const { content, theme } = ctx;
-  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-R3LPEQIT.js");
+  const { parseWhiteboard: parseWhiteboard2 } = await import("./parser-AR2GON37.js");
   const effectivePalette = await resolveExportPalette(theme, ctx.palette);
   const parsed = parseWhiteboard2(content, effectivePalette);
   if (parsed.error || parsed.elements.length === 0) return "";
-  const { renderWhiteboard } = await import("./renderer-M5DUMITP.js");
+  const { renderWhiteboard } = await import("./renderer-IGSHD3OT.js");
   const container = createExportContainer(1, 1);
   const resolveImage = ctx.options?.resolveImage;
   const showNotes = ctx.options?.showNotes;
@@ -3344,7 +3344,7 @@ function resolveArcChordOverride(content, detectedType, palette) {
 }
 async function renderForExport(content, theme, palette, viewState, options) {
   const exportMode = options?.exportMode ?? false;
-  const { parseDgmoChartType } = await import("./dgmo-router-E5O7RJSW.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-6YLKM6WU.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;

package/dist/{chunk-2FDQEQID.js → chunk-USZLHYEQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6OSGENN5.js";
 import {
   parseDgmoChartType
-} from "./chunk-2HSHWPTO.js";
+} from "./chunk-BTP2BMWN.js";
 import {
   FONT_FAMILY,
   MONO_FAMILY

package/dist/{chunk-NOQB4KMV.js → chunk-V5D6GDNK.js}

@@ -41,7 +41,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-VDY2GR6U.js";
+} from "./chunk-67N26CER.js";
 import {
   wrapDescriptionLines
 } from "./chunk-7WEYXYLC.js";

package/dist/{chunk-6JCTW74W.js → chunk-VB4VMB2I.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-VGAMBOOC.js";
 import {
   computeNodeSize
-} from "./chunk-3ZP3QC47.js";
+} from "./chunk-VTESGA5F.js";
 import {
   NODE_HEIGHT,
   NODE_WIDTH

package/dist/{chunk-G3HZ4PGE.js → chunk-VF7IKIRS.js}

@@ -25,7 +25,7 @@ import {
 import {
   NOTE_BULLET_INDENT,
   wrapNoteBody
-} from "./chunk-VDY2GR6U.js";
+} from "./chunk-67N26CER.js";
 import {
   renderInlineText
 } from "./chunk-QKPOIJBT.js";

package/dist/{chunk-3ZP3QC47.js → chunk-VTESGA5F.js}

@@ -10,7 +10,7 @@ import {
   buildPlacedNotes,
   noteCanvasShift,
   resolveNotes
-} from "./chunk-7SXV7NUS.js";
+} from "./chunk-KLBTJEIK.js";
 import {
   measureText,
   wrapTextToWidth
@@ -105,7 +105,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-BBX2BMEF.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-AWPJWBKT.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions

package/dist/{chunk-3TWBMU7K.js → chunk-XOMIYMQ3.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-JT2BG7LM.js";
+} from "./chunk-EXHXTMVR.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -41,14 +41,14 @@ import {
 } from "./chunk-JILEYZ2V.js";
 import {
   parseState
-} from "./chunk-2MS623GW.js";
+} from "./chunk-LJGE43SG.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-VDY2GR6U.js";
+} from "./chunk-67N26CER.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -235,7 +235,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     const groupOutline = fillModeFromOptions(graph.options ?? {}) === "outline";
     const fillColor = groupOutline ? themeBaseBg(palette, isDark) : groupColor ? mix(groupColor, themeBaseBg(palette, isDark), 10) : isDark ? palette.surface : mix(palette.border, palette.bg, 30);
     const strokeColor = groupColor ?? palette.textMuted;
-    const groupWrapper = contentG.append("g").attr("class", "st-group-wrapper").attr("data-line-number", String(group.lineNumber)).attr("data-group-id", group.id).attr("data-group-toggle", group.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "true").attr("aria-label", `Collapse group ${group.label}`).style("cursor", "pointer");
+    const groupWrapper = contentG.append("g").attr("class", "st-group-wrapper").attr("data-line-number", String(group.lineNumber)).attr("data-group-id", group.id).attr("data-group-toggle", group.id).attr("role", "button").attr("aria-expanded", "true").attr("aria-label", `Collapse group ${group.label}`).style("cursor", "pointer");
     groupWrapper.append("rect").attr("x", gx).attr("y", gy).attr("width", gw).attr("height", gh).attr("rx", 6).attr("fill", fillColor).attr("stroke", strokeColor).attr("stroke-width", 1).attr("stroke-opacity", 0.5).attr("class", "st-group");
     groupWrapper.append("text").attr("x", gx + 8).attr("y", gy + sGroupLabelFontSize + 4).attr("fill", strokeColor).attr("font-size", sGroupLabelFontSize).attr("font-weight", "bold").attr("opacity", 0.7).attr("class", "st-group-label").text(group.label);
   }
@@ -336,7 +336,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       }
     }
     if (isCollapsedGroup) {
-      nodeG.attr("data-group-toggle", node.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", "false").attr("aria-label", `Expand group ${node.label}`);
+      nodeG.attr("data-group-toggle", node.id).attr("role", "button").attr("aria-expanded", "false").attr("aria-label", `Expand group ${node.label}`);
     }
     if (onClickItem && !isCollapsedGroup) {
       nodeG.on("click", () => {

package/dist/completion-registry.js

@@ -1041,6 +1041,9 @@ var PIPE_METADATA = /* @__PURE__ */ new Map([
         },
         fill: {
           description: "Shape fill: `solid` or `outline` (a pale tint is the default)"
+        },
+        label: {
+          description: "Shape label position: `top` or `middle` (automatic: top on a rectangle holding shapes)"
         }
       }
     }

package/dist/copy-image.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copy-as-image for the embed toolbar's `.dgmo-copy-image` button — its own
+ * zero-import entry (`@diagrammo/dgmo/copy-image`) so every client surface
+ * (the auto script, remark-dgmo's `bindDgmo`, the Obsidian plugin) shares ONE
+ * rasterizer instead of mirroring it the way copy-source is mirrored.
+ *
+ * Copies the diagram as it is currently shown — the visible `.dgmo-light` /
+ * `.dgmo-dark` half of a dual render, or the single `.dgmo-svg` — as a PNG at
+ * `COPY_IMAGE_SCALE`, filled with the wrapper's `data-dgmo-bg` so a transparent
+ * embed doesn't paste as dark text on nothing.
+ *
+ * 🔴 `navigator.clipboard.write` must be CALLED inside the click, before any
+ * await: Safari drops the user activation across an await and then refuses the
+ * write. Hence the Blob goes in as a Promise and the PNG is drawn inside
+ * the ClipboardItem.
+ *
+ * Fonts: an SVG drawn through `<img>` cannot load web fonts. dgmo draws text in
+ * a system font stack, so labels still match; a host font injected by page CSS
+ * would not survive.
+ */
+/**
+ * True when this browser can put a PNG on the clipboard. Hide the button if not.
+ * Pass the block's own window for a pop-out (Obsidian): the write is refused
+ * unless it goes through the window whose document has focus.
+ */
+declare function canCopyDiagramImage(view?: Window | null): boolean;
+/**
+ * Copy the diagram in the `.dgmo` block containing `fromButton` to the
+ * clipboard as a PNG. Resolves false on any failure (no SVG, a tainted canvas
+ * from an external `<image>`, a refused clipboard) — never throws.
+ */
+declare function copyDiagramImage(fromButton: Element): Promise<boolean>;
+
+export { canCopyDiagramImage, copyDiagramImage };

package/dist/copy-image.js

@@ -0,0 +1,96 @@
+// src/embed/copy-image.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var COPY_IMAGE_SCALE = 2;
+function canCopyDiagramImage(view = typeof window === "undefined" ? null : window) {
+  return !!view && typeof view.navigator?.clipboard?.write === "function" && typeof view.ClipboardItem !== "undefined";
+}
+function copyDiagramImage(fromButton) {
+  const view = fromButton.ownerDocument.defaultView;
+  if (!view || !canCopyDiagramImage(view)) return Promise.resolve(false);
+  const found = visibleSvg(fromButton);
+  if (!found) return Promise.resolve(false);
+  try {
+    const Item = view.ClipboardItem;
+    return view.navigator.clipboard.write([
+      new Item({
+        "image/png": svgToPngBlob(found.svg, found.background)
+      })
+    ]).then(
+      () => true,
+      () => false
+    );
+  } catch {
+    return Promise.resolve(false);
+  }
+}
+function visibleSvg(fromButton) {
+  const block = fromButton.closest(".dgmo");
+  if (!block) return null;
+  const view = block.ownerDocument.defaultView ?? window;
+  const wrappers = block.querySelectorAll(
+    ".dgmo-light, .dgmo-dark, .dgmo-svg"
+  );
+  for (const w of Array.from(wrappers)) {
+    if (view.getComputedStyle(w).display === "none") continue;
+    const svg2 = w.querySelector("svg");
+    if (svg2) {
+      return { svg: svg2, background: w.dataset["dgmoBg"] ?? pageBackground(w) };
+    }
+  }
+  const svg = block.querySelector("svg");
+  return svg ? { svg, background: pageBackground(block) } : null;
+}
+function pageBackground(from) {
+  const view = from.ownerDocument.defaultView ?? window;
+  for (let el = from; el; el = el.parentElement) {
+    const bg = view.getComputedStyle(el).backgroundColor;
+    if (bg && bg !== "transparent" && !/^rgba\(.*,\s*0\)$/.test(bg)) return bg;
+  }
+  return void 0;
+}
+function intrinsicSize(svg) {
+  const vb = svg.viewBox?.baseVal;
+  if (vb && vb.width > 0 && vb.height > 0) {
+    return { width: vb.width, height: vb.height };
+  }
+  const rect = svg.getBoundingClientRect();
+  return { width: rect.width, height: rect.height };
+}
+async function svgToPngBlob(svg, background) {
+  const { width, height } = intrinsicSize(svg);
+  if (!(width > 0 && height > 0)) throw new Error("diagram has no size");
+  const clone = svg.cloneNode(true);
+  clone.setAttribute("xmlns", SVG_NS);
+  clone.setAttribute("width", String(width));
+  clone.setAttribute("height", String(height));
+  for (const prop of ["width", "height", "max-width", "aspect-ratio"]) {
+    clone.style.removeProperty(prop);
+  }
+  const xml = new XMLSerializer().serializeToString(clone);
+  const img = new Image();
+  await new Promise((resolve, reject) => {
+    img.onload = () => resolve();
+    img.onerror = () => reject(new Error("diagram SVG failed to load"));
+    img.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(xml)}`;
+  });
+  const canvas = document.createElement("canvas");
+  canvas.width = Math.round(width * COPY_IMAGE_SCALE);
+  canvas.height = Math.round(height * COPY_IMAGE_SCALE);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) throw new Error("no 2d canvas context");
+  if (background) {
+    ctx.fillStyle = background;
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+  }
+  ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+  return new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => blob ? resolve(blob) : reject(new Error("toBlob failed")),
+      "image/png"
+    );
+  });
+}
+export {
+  canCopyDiagramImage,
+  copyDiagramImage
+};

package/dist/{dgmo-router-E5O7RJSW.js → dgmo-router-6YLKM6WU.js}

@@ -6,7 +6,7 @@ import {
   isExtendedChartType,
   knownChartTypeIds,
   parseDgmo
-} from "./chunk-5ZUZZDW5.js";
+} from "./chunk-P5XA627W.js";
 import "./chunk-H6BT45SN.js";
 import "./chunk-3PP746YM.js";
 import "./chunk-NM5V5EKY.js";
@@ -16,8 +16,8 @@ import "./chunk-2ZW4NBYX.js";
 import "./chunk-AULZD45V.js";
 import "./chunk-WZBZXZ6T.js";
 import "./chunk-NWSPPGIE.js";
-import "./chunk-5HAYT43L.js";
-import "./chunk-P7TRFL4P.js";
+import "./chunk-U6VS3T2M.js";
+import "./chunk-R46N5KR4.js";
 import "./chunk-J7Q4AB23.js";
 import "./chunk-XIUGSUE4.js";
 import "./chunk-EBVVMUAA.js";
@@ -43,12 +43,12 @@ import "./chunk-BRGRIZQB.js";
 import "./chunk-XSVWUOUZ.js";
 import "./chunk-JXGSTBW6.js";
 import "./chunk-H7AXCRO7.js";
-import "./chunk-2XMTZ5JR.js";
+import "./chunk-4UVCTLRH.js";
 import {
   looksLikeC4,
   looksLikeGantt,
   parseDgmoChartType
-} from "./chunk-2HSHWPTO.js";
+} from "./chunk-BTP2BMWN.js";
 import "./chunk-KRPLP5LP.js";
 import "./chunk-KBDMEOLI.js";
 import "./chunk-VSAKEMDD.js";
@@ -56,23 +56,23 @@ import "./chunk-5OTA2PUH.js";
 import "./chunk-ZECJ7Q6C.js";
 import "./chunk-CDM6XMOT.js";
 import "./chunk-2SKMEL7V.js";
-import "./chunk-DNM3XZCK.js";
+import "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
-import "./chunk-2MS623GW.js";
+import "./chunk-LJGE43SG.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-MKSTL6DR.js";
 import "./chunk-CYTFO2LF.js";
-import "./chunk-CIHHTS5B.js";
+import "./chunk-S4SJ4LLY.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-DLJJOCIT.js";
+import "./chunk-5XBYLYYI.js";
 import "./chunk-GXCDD6NG.js";
 import "./chunk-FMAVHTYB.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-7SXV7NUS.js";
+import "./chunk-KLBTJEIK.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-VDY2GR6U.js";
+import "./chunk-67N26CER.js";
 import "./chunk-7WEYXYLC.js";
 import "./chunk-QKPOIJBT.js";
 import "./chunk-ICLB27PZ.js";

package/dist/{flowchart-parser-NZXASOZG.js → flowchart-parser-J3VWIFWB.js}

@@ -2,13 +2,13 @@ import {
   extractSymbols,
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-DNM3XZCK.js";
+} from "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-7SXV7NUS.js";
+import "./chunk-KLBTJEIK.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-VDY2GR6U.js";
+import "./chunk-67N26CER.js";
 import "./chunk-7WEYXYLC.js";
 import "./chunk-QKPOIJBT.js";
 import "./chunk-ICLB27PZ.js";

package/dist/{flowchart-renderer-PTCRIANF.js → flowchart-renderer-FECH5KK5.js}

@@ -1,14 +1,14 @@
 import {
   renderFlowchart,
   renderFlowchartForExport
-} from "./chunk-AYUSD4Z6.js";
+} from "./chunk-LAXMUSGW.js";
 import "./chunk-26EVL454.js";
-import "./chunk-JT2BG7LM.js";
-import "./chunk-TDAGJJPZ.js";
+import "./chunk-EXHXTMVR.js";
+import "./chunk-2J2CWWWK.js";
 import "./chunk-XBJJP2HN.js";
-import "./chunk-6JCTW74W.js";
+import "./chunk-VB4VMB2I.js";
 import "./chunk-VGAMBOOC.js";
-import "./chunk-3ZP3QC47.js";
+import "./chunk-VTESGA5F.js";
 import "./chunk-WTTIODDV.js";
 import "./chunk-IN7XI6NO.js";
 import "./chunk-EPDBWATV.js";
@@ -17,13 +17,13 @@ import "./chunk-24YPR5EH.js";
 import "./chunk-UIEKW4SG.js";
 import "./chunk-VLC6WNRD.js";
 import "./chunk-XCKNFFKM.js";
-import "./chunk-DNM3XZCK.js";
+import "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-7SXV7NUS.js";
+import "./chunk-KLBTJEIK.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-VDY2GR6U.js";
+import "./chunk-67N26CER.js";
 import "./chunk-7WEYXYLC.js";
 import "./chunk-QKPOIJBT.js";
 import "./chunk-ICLB27PZ.js";