@diagrammo/dgmo 0.93.0 → 0.95.0

package/dist/advanced.js

@@ -4,6 +4,8 @@ import {
 } from "./chunk-V2NQV7VL.js";
 import {
   IMAGE_NOT_UPLOADED,
+  WHITEBOARD_CONTAINER_FONT,
+  WHITEBOARD_CONTAINER_WEIGHT,
   WHITEBOARD_LABEL_MIN_FONT,
   WHITEBOARD_NOTE_FONT,
   clipWhiteboardConnector,
@@ -17,15 +19,20 @@ import {
   whiteboardBounds,
   whiteboardConnectorAttachments,
   whiteboardConnectorPaint,
+  whiteboardDrawBand,
+  whiteboardDrawOrder,
+  whiteboardLabelCentreY,
   whiteboardLabelHeight,
+  whiteboardLabelPosition,
   whiteboardLabelShift,
   whiteboardLabelWidth,
   whiteboardNoteFold,
   whiteboardSegmentMidpoint,
   whiteboardShapeAt,
   whiteboardShapeContains,
+  whiteboardShapeLabel,
   wrapWhiteboardLabel
-} from "./chunk-ZTLMEBAC.js";
+} from "./chunk-E7F76M3U.js";
 import {
   layoutWireframe
 } from "./chunk-GLCMUTO5.js";
@@ -35,7 +42,7 @@ import {
 import {
   renderSitemap,
   renderSitemapForExport
-} from "./chunk-CYDM2XII.js";
+} from "./chunk-JJ7RGTAU.js";
 import {
   SKETCH_AUTO_LAYOUT_DEFAULTS,
   SKETCH_FOOT_H,
@@ -62,10 +69,10 @@ import {
   sketchEdgeGeometry,
   sketchLabelSpot,
   sketchNeutralFill
-} from "./chunk-CQYFZOUC.js";
+} from "./chunk-VBMRZCMQ.js";
 import {
   layoutSwimlane
-} from "./chunk-AUS7V54P.js";
+} from "./chunk-ERT7XDQW.js";
 import {
   renderSwimlaneForExport
 } from "./chunk-FVTYJUXR.js";
@@ -76,7 +83,7 @@ import {
   renderQuadrantFocusForExport,
   renderTechRadar,
   renderTechRadarForExport
-} from "./chunk-LNVB75QU.js";
+} from "./chunk-RBVFNUAL.js";
 import {
   layoutTreemapRadial,
   renderTreemapRadial,
@@ -86,13 +93,13 @@ import {
   layoutTreemap,
   renderTreemap,
   renderTreemapForExport
-} from "./chunk-4FT5KQ7H.js";
+} from "./chunk-IGJEKO2P.js";
 import {
   measurePertAnalysisBlock,
   renderPert,
   renderPertAnalysisBlock,
   renderPertForExport
-} from "./chunk-KHL652SX.js";
+} from "./chunk-KSZB7TIY.js";
 import {
   layoutPert,
   relayoutPert
@@ -100,7 +107,7 @@ import {
 import {
   renderPyramid,
   renderPyramidForExport
-} from "./chunk-7OWK5K5C.js";
+} from "./chunk-BH2SF4TT.js";
 import {
   renderRaci,
   renderRaciForExport
@@ -108,7 +115,7 @@ import {
 import {
   renderRing,
   renderRingForExport
-} from "./chunk-EQWC76GQ.js";
+} from "./chunk-GWQRTA5W.js";
 import {
   applyCollapseProjection,
   applyGroupOrdering,
@@ -118,7 +125,7 @@ import {
   computeActivations,
   groupMessagesBySection,
   renderSequenceDiagram
-} from "./chunk-XUTR7GNT.js";
+} from "./chunk-62GLKE6Q.js";
 import {
   layoutSitemap
 } from "./chunk-4XYZJTFO.js";
@@ -128,14 +135,14 @@ import {
 import {
   mapContentAspect,
   mapExportDimensions
-} from "./chunk-J6AEKIRQ.js";
+} from "./chunk-2I4UQG7W.js";
 import {
   collapseMindmapTree
 } from "./chunk-UZ7EZW3B.js";
 import {
   renderMindmap,
   renderMindmapForExport
-} from "./chunk-2TFXRBCD.js";
+} from "./chunk-RQTDUZUH.js";
 import {
   layoutMindmap
 } from "./chunk-BQMHJ6OW.js";
@@ -147,7 +154,7 @@ import "./chunk-BS7SV7C3.js";
 import {
   renderOrg,
   renderOrgForExport
-} from "./chunk-DRQSB72S.js";
+} from "./chunk-PGBTUGDB.js";
 import {
   layoutOrg
 } from "./chunk-A2A2I4Z4.js";
@@ -169,14 +176,14 @@ import {
   renderMap,
   renderMapForExport,
   renderMapLayout
-} from "./chunk-GJXMG4S3.js";
+} from "./chunk-HHVIE45A.js";
 import {
   albersSkewFallback,
   layoutMap,
   mapBackgroundColor,
   mapNeutralLandColor,
   rebuildMapProjection
-} from "./chunk-4RY5D5RE.js";
+} from "./chunk-AM42TLSZ.js";
 import {
   decodeFeatures,
   regionAt
@@ -184,18 +191,18 @@ import {
 import {
   renderJourneyMap,
   renderJourneyMapForExport
-} from "./chunk-USAGHYRD.js";
+} from "./chunk-VF7IKIRS.js";
 import {
   computeCardArchive,
   computeCardMove,
   isArchiveColumn,
   renderKanban,
   renderKanbanForExport
-} from "./chunk-DAHQL57W.js";
+} from "./chunk-RITTLIDJ.js";
 import {
   renderState,
   renderStateForExport
-} from "./chunk-KPGPK4SK.js";
+} from "./chunk-XOMIYMQ3.js";
 import {
   collapseStateGroups
 } from "./chunk-SQ7IY53Q.js";
@@ -205,7 +212,7 @@ import {
   inferRoles,
   parseAndLayoutInfra,
   renderInfra
-} from "./chunk-QDRCWVV3.js";
+} from "./chunk-4EX4OKGZ.js";
 import {
   computeInfra
 } from "./chunk-EQJ3U5EW.js";
@@ -223,33 +230,33 @@ import {
 import {
   buildTagLaneRowList,
   renderGantt
-} from "./chunk-4WQX55VX.js";
+} from "./chunk-IZHGT5HD.js";
 import {
   renderGoal,
   renderGoalForExport
-} from "./chunk-YXXIRM4C.js";
+} from "./chunk-FWVE373X.js";
 import "./chunk-CN4RDJDV.js";
 import {
   renderFlowchart,
   renderFlowchartForExport
-} from "./chunk-472EOHVW.js";
+} from "./chunk-LAXMUSGW.js";
 import "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-WK5QEYFA.js";
+} from "./chunk-EXHXTMVR.js";
 import {
   renderERDiagram,
   renderERDiagramForExport
-} from "./chunk-NMK7KJZZ.js";
+} from "./chunk-IQN2NGEU.js";
 import {
   layoutERDiagram
-} from "./chunk-TNV4F5WA.js";
+} from "./chunk-7IALGIOI.js";
 import {
   clearEventLineMuted,
   focusEventLine,
   renderEventLine,
   renderEventLineForExport
-} from "./chunk-IIV4SMJL.js";
+} from "./chunk-6EFCOES2.js";
 import "./chunk-R2K5L4UA.js";
 import {
   layoutFamily
@@ -257,12 +264,12 @@ import {
 import {
   renderFamily,
   renderFamilyForExport
-} from "./chunk-MUJVNSEW.js";
+} from "./chunk-C6G36F5S.js";
 import "./chunk-IVKC4GID.js";
 import {
   renderClassDiagram,
   renderClassDiagramForExport
-} from "./chunk-KPSSNGAE.js";
+} from "./chunk-L5S32VZJ.js";
 import {
   renderClock,
   renderClockForExport
@@ -271,16 +278,16 @@ import "./chunk-T7NWBVSC.js";
 import {
   renderCountdown,
   renderCountdownForExport
-} from "./chunk-LUDUDBO6.js";
+} from "./chunk-S5Y3OO3V.js";
 import {
   computeCycleLayout,
   renderCycle,
   renderCycleForExport
-} from "./chunk-UG7AQQNR.js";
+} from "./chunk-OSSTOSXU.js";
 import {
   renderBracket,
   renderBracketForExport
-} from "./chunk-5CBX66KB.js";
+} from "./chunk-XJQ6Z3FO.js";
 import {
   renderC4ComponentsForExport,
   renderC4Containers,
@@ -289,7 +296,7 @@ import {
   renderC4ContextForExport,
   renderC4Deployment,
   renderC4DeploymentForExport
-} from "./chunk-KRU2LCIP.js";
+} from "./chunk-IHN6WDEY.js";
 import {
   CYLINDER_RY,
   QUEUE_CAP,
@@ -301,14 +308,14 @@ import {
 } from "./chunk-5KKZXA44.js";
 import {
   layoutClassDiagram
-} from "./chunk-J43OCO22.js";
-import "./chunk-LDDDKWL6.js";
+} from "./chunk-BCV2VJTM.js";
+import "./chunk-2J2CWWWK.js";
 import {
   authoredCollapsedIds,
   layoutBlock,
   renderBlock,
   renderBlockForExport
-} from "./chunk-QJOVZ4TC.js";
+} from "./chunk-QPQWY5RU.js";
 import {
   renderBody,
   renderBodyForExport
@@ -316,15 +323,16 @@ import {
 import {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
-} from "./chunk-U7U64UUN.js";
+} from "./chunk-V5D6GDNK.js";
 import "./chunk-B5DHFFZP.js";
 import "./chunk-XBJJP2HN.js";
-import "./chunk-ADVGV3P7.js";
-import "./chunk-EJS3K44P.js";
+import "./chunk-VB4VMB2I.js";
+import "./chunk-VGAMBOOC.js";
 import {
   layoutBoxesAndLines
-} from "./chunk-P5FUWXPW.js";
-import "./chunk-QT3KDDXK.js";
+} from "./chunk-VTESGA5F.js";
+import "./chunk-WTTIODDV.js";
+import "./chunk-IN7XI6NO.js";
 import {
   completeMapPlaces,
   completeMapRegions,
@@ -341,12 +349,12 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-IESUM4N5.js";
+} from "./chunk-USE6HIOZ.js";
 import {
   renderLegendSvg,
   renderLegendSvgFromConfig
-} from "./chunk-KCHQVED5.js";
-import "./chunk-FIYW7JW4.js";
+} from "./chunk-YQMIKX54.js";
+import "./chunk-USZLHYEQ.js";
 import {
   CHART_TYPE_DESCRIPTIONS,
   chartTypeParsers,
@@ -356,7 +364,7 @@ import {
   knownChartTypeIds,
   parseDgmo,
   parseVisualization
-} from "./chunk-YDZIVDVR.js";
+} from "./chunk-P5XA627W.js";
 import {
   getExtendedChartLegendGroups,
   getSimpleChartLegendGroups,
@@ -389,12 +397,13 @@ import "./chunk-NWSPPGIE.js";
 import {
   isWhiteboardImageRef,
   parseWhiteboard
-} from "./chunk-5HAYT43L.js";
+} from "./chunk-U6VS3T2M.js";
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_ELEMENT_KEYWORDS,
   WHITEBOARD_FILLS,
   WHITEBOARD_HEADS,
+  WHITEBOARD_LABEL_POSITIONS,
   WHITEBOARD_NOTE_COLOR,
   WHITEBOARD_NOTE_HEIGHT,
   WHITEBOARD_NOTE_WIDTH,
@@ -402,7 +411,7 @@ import {
   WHITEBOARD_STROKE_STYLES,
   isWhiteboardColor,
   isWhiteboardShapeKind
-} from "./chunk-P7TRFL4P.js";
+} from "./chunk-R46N5KR4.js";
 import {
   parseSwimlane
 } from "./chunk-J7Q4AB23.js";
@@ -433,11 +442,11 @@ import {
 import {
   formatDateLabel,
   renderTimeline
-} from "./chunk-3GCASUWA.js";
+} from "./chunk-TASRGDYP.js";
 import "./chunk-6XLMTAEX.js";
 import {
   computeTimeTicks
-} from "./chunk-VSOZZYLK.js";
+} from "./chunk-NERQSSYD.js";
 import {
   addDurationToDate,
   parseTimelineDate
@@ -515,11 +524,11 @@ import {
 import "./chunk-H7AXCRO7.js";
 import {
   parseBoxesAndLines
-} from "./chunk-A5WIAMCT.js";
+} from "./chunk-4UVCTLRH.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
-import "./chunk-42UJ23H3.js";
+import "./chunk-UIEKW4SG.js";
 import "./chunk-VLC6WNRD.js";
 import "./chunk-XCKNFFKM.js";
 import {
@@ -543,7 +552,7 @@ import {
 } from "./chunk-6OSGENN5.js";
 import {
   parseDgmoChartType
-} from "./chunk-UVX3IYXF.js";
+} from "./chunk-BTP2BMWN.js";
 import {
   allTasks,
   parseRaci
@@ -575,12 +584,12 @@ import {
   extractSymbols as extractSymbols3,
   looksLikeFlowchart,
   parseFlowchart
-} from "./chunk-M6ZQAFPD.js";
+} from "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
 import {
   looksLikeState,
   parseState
-} from "./chunk-M4NV5PPU.js";
+} from "./chunk-LJGE43SG.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-MKSTL6DR.js";
@@ -592,7 +601,7 @@ import {
   extractSymbols as extractSymbols2,
   looksLikeERDiagram,
   parseERDiagram
-} from "./chunk-Q7Y6JQ3R.js";
+} from "./chunk-S4SJ4LLY.js";
 import {
   RULE_COUNT,
   inferParticipantType
@@ -602,7 +611,7 @@ import {
   extractSymbols,
   looksLikeClassDiagram,
   parseClassDiagram
-} from "./chunk-KCMGIYPO.js";
+} from "./chunk-5XBYLYYI.js";
 import {
   palettes
 } from "./chunk-GXCDD6NG.js";
@@ -625,18 +634,18 @@ import {
   parseInArrowLabel,
   validateLabelCharacters
 } from "./chunk-N7VMGZCU.js";
-import "./chunk-NJJCTEBM.js";
+import "./chunk-KLBTJEIK.js";
 import {
   displayName,
   getOrCreateName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
-import "./chunk-D6PVMUCX.js";
-import "./chunk-MB2SQF7N.js";
+import "./chunk-67N26CER.js";
+import "./chunk-7WEYXYLC.js";
 import {
   parseInlineMarkdown,
   truncateBareUrl
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   DEFAULT_FONT_NAME,
   FONT_FAMILY
@@ -956,7 +965,8 @@ function emitWhiteboardElement(el) {
         `at: ${el.x} ${el.y}`,
         `size: ${el.width} ${el.height}`,
         ...colorPart(el.color),
-        ...el.fill === "tint" ? [] : [`fill: ${el.fill}`]
+        ...el.fill === "tint" ? [] : [`fill: ${el.fill}`],
+        ...el.labelPosition ? [`label: ${el.labelPosition}`] : []
       ]);
     case "note":
       return line("note", el.text, [
@@ -1512,7 +1522,7 @@ function redrawIfStale(node, svg, now2, resolvedMs, tz) {
   }
   if (!svg.hasAttribute("data-dgmo-countdown-redraw")) return;
   redrawing.add(svg);
-  void import("./redraw-MSXU4ZD2.js").then((m) => {
+  void import("./redraw-STZ4WJAI.js").then((m) => {
     m.redrawCountdown(svg, resolvedMs);
     redrawing.delete(svg);
   }).catch(() => {
@@ -2678,10 +2688,13 @@ export {
   SKETCH_VISUALS,
   ScaleContext,
   WHITEBOARD_COLORS,
+  WHITEBOARD_CONTAINER_FONT,
+  WHITEBOARD_CONTAINER_WEIGHT,
   WHITEBOARD_ELEMENT_KEYWORDS,
   WHITEBOARD_FILLS,
   WHITEBOARD_HEADS,
   WHITEBOARD_LABEL_MIN_FONT,
+  WHITEBOARD_LABEL_POSITIONS,
   WHITEBOARD_NOTE_COLOR,
   WHITEBOARD_NOTE_FONT,
   WHITEBOARD_NOTE_HEIGHT,
@@ -3049,13 +3062,18 @@ export {
   whiteboardBounds,
   whiteboardConnectorAttachments,
   whiteboardConnectorPaint,
+  whiteboardDrawBand,
+  whiteboardDrawOrder,
+  whiteboardLabelCentreY,
   whiteboardLabelHeight,
+  whiteboardLabelPosition,
   whiteboardLabelShift,
   whiteboardLabelWidth,
   whiteboardNoteFold,
   whiteboardSegmentMidpoint,
   whiteboardShapeAt,
   whiteboardShapeContains,
+  whiteboardShapeLabel,
   wrapTextToWidth,
   wrapWhiteboardLabel
 };

package/dist/block.d.ts

@@ -99,6 +99,12 @@ interface DgmoBlockOptions {
     sourceOpen?: boolean;
     /** Default: true in showcase mode, false in diagram mode. */
     showCopy?: boolean;
+    /**
+     * Show the copy-as-image toolbar button. Default: follows `showCopy`. Needs
+     * the client handler from `@diagrammo/dgmo/copy-image`; markup-only surfaces
+     * can omit it.
+     */
+    showCopyImage?: boolean;
     /**
      * Show the expand (full-screen) toolbar button. Default: true in showcase
      * mode, false in diagram mode. Needs the client lightbox handler to do

package/dist/block.js

@@ -4,13 +4,13 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-IESUM4N5.js";
-import "./chunk-KCHQVED5.js";
+} from "./chunk-USE6HIOZ.js";
+import "./chunk-YQMIKX54.js";
 import {
   docsLink,
   renderErrorCard
-} from "./chunk-FIYW7JW4.js";
-import "./chunk-YDZIVDVR.js";
+} from "./chunk-USZLHYEQ.js";
+import "./chunk-P5XA627W.js";
 import "./chunk-H6BT45SN.js";
 import "./chunk-3PP746YM.js";
 import "./chunk-NM5V5EKY.js";
@@ -21,8 +21,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";
@@ -35,9 +35,9 @@ import "./chunk-3GUEYQGL.js";
 import {
   escapeAttr,
   escapeHtml
-} from "./chunk-3GCASUWA.js";
+} from "./chunk-TASRGDYP.js";
 import "./chunk-6XLMTAEX.js";
-import "./chunk-VSOZZYLK.js";
+import "./chunk-NERQSSYD.js";
 import "./chunk-BQO24BDM.js";
 import "./chunk-R6EGUTIV.js";
 import "./chunk-QQJUTGQH.js";
@@ -61,9 +61,9 @@ import "./chunk-BRGRIZQB.js";
 import "./chunk-XSVWUOUZ.js";
 import "./chunk-JXGSTBW6.js";
 import "./chunk-H7AXCRO7.js";
-import "./chunk-A5WIAMCT.js";
+import "./chunk-4UVCTLRH.js";
 import "./chunk-24YPR5EH.js";
-import "./chunk-42UJ23H3.js";
+import "./chunk-UIEKW4SG.js";
 import "./chunk-VLC6WNRD.js";
 import "./chunk-XCKNFFKM.js";
 import "./chunk-NMS5XSLX.js";
@@ -71,7 +71,7 @@ import "./chunk-JILEYZ2V.js";
 import {
   encodeDiagramUrl
 } from "./chunk-6OSGENN5.js";
-import "./chunk-UVX3IYXF.js";
+import "./chunk-BTP2BMWN.js";
 import "./chunk-KRPLP5LP.js";
 import "./chunk-KBDMEOLI.js";
 import "./chunk-VSAKEMDD.js";
@@ -79,9 +79,9 @@ import "./chunk-5OTA2PUH.js";
 import "./chunk-ZECJ7Q6C.js";
 import "./chunk-CDM6XMOT.js";
 import "./chunk-2SKMEL7V.js";
-import "./chunk-M6ZQAFPD.js";
+import "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
-import "./chunk-M4NV5PPU.js";
+import "./chunk-LJGE43SG.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-EQW6HOP4.js";
 import {
@@ -91,21 +91,21 @@ import {
   choosePalette,
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
-import "./chunk-Q7Y6JQ3R.js";
+import "./chunk-S4SJ4LLY.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-KCMGIYPO.js";
+import "./chunk-5XBYLYYI.js";
 import "./chunk-GXCDD6NG.js";
 import {
   getPalette,
   resolvePaletteOrFallback
 } from "./chunk-FMAVHTYB.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-NJJCTEBM.js";
+import "./chunk-KLBTJEIK.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-D6PVMUCX.js";
-import "./chunk-MB2SQF7N.js";
-import "./chunk-65GPEV5V.js";
+import "./chunk-67N26CER.js";
+import "./chunk-7WEYXYLC.js";
+import "./chunk-QKPOIJBT.js";
 import "./chunk-ICLB27PZ.js";
 import "./chunk-GI5R5B3S.js";
 import "./chunk-4WW3SGMH.js";
@@ -1063,6 +1063,7 @@ function resolveBlockOptions(opts) {
     showSource: (opts.showSource ?? showcase) || !!opts.sourceOpen,
     sourceOpen: opts.sourceOpen ?? false,
     showCopy: opts.showCopy ?? showcase,
+    showCopyImage: opts.showCopyImage ?? opts.showCopy ?? showcase,
     showExpand: opts.showExpand ?? showcase,
     showOpenInEditor: opts.showOpenInEditor ?? showcase,
     editorBaseUrl: opts.editorBaseUrl ?? EDITOR_BASE_URL,
@@ -1166,11 +1167,13 @@ function dataAttributeString(attrs) {
 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 IMAGE_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="1.5" y="2.5" width="13" height="11" rx="1.5"/><circle cx="5.5" cy="6" r="1.25"/><path d="m14.5 11-3.5-3.5-6.5 6"/></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) {
   const toggle = opts.showSource ? `<span class="dgmo-toggle" aria-label="View DGMO source">${CODE_ICON}</span>` : "";
   const expandButton = opts.showExpand ? `<button type="button" class="dgmo-toolbar-btn dgmo-expand" aria-label="View full screen">${EXPAND_ICON}</button>` : "";
   const copyButton = opts.showCopy ? `<button type="button" class="dgmo-toolbar-btn dgmo-copy" aria-label="Copy DGMO source" data-dgmo-source="${escapeAttr(source)}">${COPY_ICON}</button>` : "";
+  const copyImageButton = opts.showCopyImage ? `<button type="button" class="dgmo-toolbar-btn dgmo-copy-image" aria-label="Copy as image">${IMAGE_ICON}</button>` : "";
   let openButton = "";
   if (opts.showOpenInEditor) {
     const encoded = encodeDiagramUrl(source, {
@@ -1181,7 +1184,7 @@ function sourceDisclosure(source, opts) {
       openButton = `<a href="${escapeAttr(encoded.url)}" target="_blank" rel="noopener noreferrer" class="dgmo-toolbar-btn dgmo-open" aria-label="Open in online editor">${EXTERNAL_ICON}</a>`;
     }
   }
-  const buttons = `${toggle}${expandButton}${copyButton}${openButton}`;
+  const buttons = `${toggle}${expandButton}${copyButton}${copyImageButton}${openButton}`;
   if (!buttons) return "";
   if (!opts.showSource) {
     return `<div class="dgmo-source-wrap"><div class="dgmo-toolbar">${buttons}</div></div>`;

package/dist/chart-meta.js

@@ -10,7 +10,7 @@ import {
 } from "./chunk-6OSGENN5.js";
 import {
   parseDgmoChartType
-} from "./chunk-UVX3IYXF.js";
+} from "./chunk-BTP2BMWN.js";
 import {
   parseRaci
 } from "./chunk-KRPLP5LP.js";
@@ -22,28 +22,28 @@ import {
 import "./chunk-ZECJ7Q6C.js";
 import "./chunk-CDM6XMOT.js";
 import "./chunk-2SKMEL7V.js";
-import "./chunk-M6ZQAFPD.js";
+import "./chunk-IY62DXT2.js";
 import "./chunk-TIVMAITN.js";
-import "./chunk-M4NV5PPU.js";
+import "./chunk-LJGE43SG.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-MKSTL6DR.js";
 import "./chunk-CYTFO2LF.js";
-import "./chunk-Q7Y6JQ3R.js";
+import "./chunk-S4SJ4LLY.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-IYULMRBE.js";
-import "./chunk-KCMGIYPO.js";
+import "./chunk-5XBYLYYI.js";
 import "./chunk-GXCDD6NG.js";
 import {
   getAvailablePalettes,
   getPalette
 } from "./chunk-FMAVHTYB.js";
 import "./chunk-N7VMGZCU.js";
-import "./chunk-NJJCTEBM.js";
+import "./chunk-KLBTJEIK.js";
 import "./chunk-NOTA6TEI.js";
-import "./chunk-D6PVMUCX.js";
-import "./chunk-MB2SQF7N.js";
-import "./chunk-65GPEV5V.js";
+import "./chunk-67N26CER.js";
+import "./chunk-7WEYXYLC.js";
+import "./chunk-QKPOIJBT.js";
 import "./chunk-ICLB27PZ.js";
 import "./chunk-4WW3SGMH.js";
 import "./chunk-3UR4F7FE.js";