@diagrammo/dgmo 0.48.0 → 0.48.2

package/dist/{chunk-IH6ZMVQ5.js → chunk-PZMETGLY.js}

@@ -39,7 +39,7 @@ import {
   parseVenn,
   parseVisualization,
   parseWordcloud
-} from "./chunk-6FZYCKXB.js";
+} from "./chunk-HSH73DP6.js";
 import {
   getPalette
 } from "./chunk-R3XI2VC7.js";
@@ -2285,7 +2285,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-DZCIDUO5.js");
+  const { parseDgmoChartType } = await import("./dgmo-router-X35VLZLM.js");
   const detectedTypeRaw = parseDgmoChartType(content);
   const override = resolveArcChordOverride(content, detectedTypeRaw, palette);
   const renderContent = override?.content ?? content;
@@ -2359,7 +2359,7 @@ async function exportOrg(ctx) {
   const { parseOrg } = await import("./parser-6BTRLKRZ.js");
   const { layoutOrg } = await import("./layout-OB3RI63S.js");
   const { collapseOrgTree } = await import("./collapse-CLPJD2RL.js");
-  const { renderOrg } = await import("./renderer-T7YKC5VP.js");
+  const { renderOrg } = await import("./renderer-ZRNG54CW.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const orgParsed = parseOrg(content, effectivePalette);
@@ -2486,7 +2486,7 @@ async function exportClass(ctx) {
   const { content, theme, palette, exportMode } = ctx;
   const { parseClassDiagram } = await import("./parser-NRAI6O25.js");
   const { layoutClassDiagram } = await import("./layout-46N4JJYK.js");
-  const { renderClassDiagram } = await import("./renderer-TOCOVLHS.js");
+  const { renderClassDiagram } = await import("./renderer-B2OMQIQG.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const classParsed = parseClassDiagram(content, effectivePalette);
   if (classParsed.error || classParsed.classes.length === 0) return "";
@@ -2621,7 +2621,7 @@ async function exportMindmap(ctx) {
   const { parseMindmap } = await import("./parser-N5O4IHUN.js");
   const { layoutMindmap } = await import("./layout-UM5F4DJB.js");
   const { collapseMindmapTree } = await import("./collapse-SLINJQW6.js");
-  const { renderMindmap } = await import("./renderer-2XQQQ6QR.js");
+  const { renderMindmap } = await import("./renderer-N43WR5GV.js");
   const isDark = ctx.isDark;
   const effectivePalette = await resolveExportPalette(theme, palette);
   const mmParsed = parseMindmap(content, effectivePalette);
@@ -2696,14 +2696,14 @@ async function exportWireframe(ctx) {
 }
 async function exportC4(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
-  const { parseC4 } = await import("./parser-FUSKFGZN.js");
+  const { parseC4 } = await import("./parser-2EWECDSA.js");
   const {
     layoutC4Context,
     layoutC4Containers,
     layoutC4Components,
     layoutC4Deployment
   } = await import("./layout-5RA6QWR6.js");
-  const { renderC4Context, renderC4Containers } = await import("./renderer-UWA5XS74.js");
+  const { renderC4Context, renderC4Containers } = await import("./renderer-4JHRUBE6.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const c4Parsed = parseC4(content, effectivePalette);
   if (c4Parsed.error || c4Parsed.elements.length === 0) return "";
@@ -2739,7 +2739,7 @@ async function exportFlowchart(ctx) {
   const { content, theme, palette } = ctx;
   const { parseFlowchart } = await import("./flowchart-parser-ZNSKIBVR.js");
   const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderFlowchart } = await import("./flowchart-renderer-ZAEOL4DX.js");
+  const { renderFlowchart } = await import("./flowchart-renderer-SNDSII4D.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const fcParsed = parseFlowchart(content, effectivePalette);
   if (fcParsed.error || fcParsed.nodes.length === 0) return "";
@@ -2894,7 +2894,7 @@ async function exportState(ctx) {
   const { content, theme, palette, viewState } = ctx;
   const { parseState } = await import("./state-parser-Z2V23ATR.js");
   const { layoutGraph } = await import("./layout-HWDSRX5E.js");
-  const { renderState } = await import("./state-renderer-RFYHSP4K.js");
+  const { renderState } = await import("./state-renderer-B4DQBM6M.js");
   const { collapseStateGroups } = await import("./state-collapse-HCGD6IVJ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const stateParsed = parseState(content, effectivePalette);
@@ -3046,7 +3046,7 @@ async function exportPyramid(ctx) {
 async function exportRing(ctx) {
   const { content, theme, palette } = ctx;
   const { parseRing } = await import("./parser-O5J4VBII.js");
-  const { renderRingForExport } = await import("./renderer-ZTR3DER3.js");
+  const { renderRingForExport } = await import("./renderer-UV6MI64M.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ringParsed = parseRing(content);
   if (ringParsed.error || ringParsed.layers.length === 0) return "";
@@ -3103,7 +3103,7 @@ async function exportBlock(ctx) {
 async function exportRaci(ctx) {
   const { content, theme, palette } = ctx;
   const { parseRaci } = await import("./parser-Y6WTBU76.js");
-  const { renderRaciForExport } = await import("./renderer-WZRREQ2P.js");
+  const { renderRaciForExport } = await import("./renderer-5MYBMBYO.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const raciParsed = parseRaci(content, effectivePalette);
   if (raciParsed.error) return "";
@@ -3363,34 +3363,50 @@ function buildHoverCss(spec, derived = {}, emphasisOverride) {
   return parts.join("");
 }
 var HOVER_SPECS = {
+  // Data-chart family (`.dgmo-datum`): `dim` at 0.18 to MIRROR the app's live
+  // hover (charts-d3/interactions.ts `.dgmo-dim{opacity:.18}` — hover a mark →
+  // every other emph-key drops out). `lift` (saturate/brightness) read as
+  // "nothing happened" on muted fills. Safe to dim: these export renderers set
+  // NO inline `style="opacity"` on datums (only presentation `*-opacity` attrs,
+  // which a `<style>` rule outranks), so no RED-2 inline-defeat.
   pie: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   bar: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   funnel: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   heatmap: {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   "polar-area": {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-emph-key",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   // ── CROSS-FREE diagram charts — FIXED-attr keys, DOM-verified (Task 3) ──
@@ -3564,6 +3580,8 @@ var HOVER_SPECS = {
     markSelector: ".dgmo-datum",
     strategy: "enumerated",
     groupAttr: "data-category",
+    emphasis: "dim",
+    dimOpacity: 0.18,
     legend: true
   },
   quadrant: {
@@ -3947,4 +3965,4 @@ export {
   encodeDiagramUrl,
   decodeDiagramUrl
 };
-//# sourceMappingURL=chunk-IH6ZMVQ5.js.map
+//# sourceMappingURL=chunk-PZMETGLY.js.map

package/dist/{chunk-DZAQBW35.js → chunk-SGZYXELT.js}

@@ -259,7 +259,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
   const colBottomY = cursorY + sColumnBottomPad;
   const totalHeight = colBottomY + sVMargin;
   const svgHeight = exportDims ? totalHeight : Math.max(height, totalHeight);
-  const svg = d3Selection.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("background", "transparent");
+  const svg = d3Selection.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", svgHeight).attr("viewBox", `0 0 ${width} ${svgHeight}`).attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -338,11 +338,7 @@ function renderRaci(container, parsed, palette, isDark, handlers, exportDims) {
     const cw = roleColW - 2 * sColumnInset;
     const roleColor = parsed.roleColors[i] ?? autoAccent(i, palette);
     const bodyFill = mix(roleColor, themeBaseBg(palette, isDark), 16);
-    const headerFill = mix(
-      roleColor,
-      themeBaseBg(palette, isDark),
-      30
-    );
+    const headerFill = mix(roleColor, themeBaseBg(palette, isDark), 30);
     const colG = columnsG.append("g").attr("class", "raci-column").attr("data-role-id", roleId);
     colG.append("rect").attr("class", "raci-column-body").attr("x", cx).attr("y", headerY).attr("width", cw).attr("height", colTotalHeight).attr("rx", sColumnRadius).attr("fill", bodyFill);
     colG.append("path").attr("class", "raci-column-header").attr(
@@ -748,4 +744,4 @@ export {
   renderRaci,
   renderRaciForExport
 };
-//# sourceMappingURL=chunk-DZAQBW35.js.map
+//# sourceMappingURL=chunk-SGZYXELT.js.map

package/dist/{chunk-CUVHQHZ7.js → chunk-THXCFRTU.js}

@@ -8,7 +8,7 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-Y5QGVTVC.js";
+} from "./chunk-JTSMEYIZ.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   EDGE_STROKE_WIDTH,
@@ -380,7 +380,7 @@ function renderMindmapForExport(content, theme, palette) {
       void 0,
       hideDescriptions
     );
-    return extractExportSvg(container, theme);
+    return extractExportSvg(container, theme, palette);
   });
 }
 
@@ -388,4 +388,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=chunk-CUVHQHZ7.js.map
+//# sourceMappingURL=chunk-THXCFRTU.js.map

package/dist/{chunk-A4VFQH5G.js → chunk-YGJZWZTY.js}

@@ -16,7 +16,8 @@ import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
-  CHAR_WIDTH_RATIO
+  CHAR_WIDTH_RATIO,
+  measureText
 } from "./chunk-WCT3NYCV.js";
 import {
   contrastText,
@@ -127,20 +128,35 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
   }
   if (inBandLabelsVisible) {
     const labelsG = svg.append("g").attr("class", "ring-labels");
+    const labelDefs = labelsG.append("defs");
+    let ringLabelSeq = 0;
     for (let i = 0; i < N; i++) {
       const layer = parsed.layers[i];
       const fill = layerFills[i];
       const isInnermost = i === 0;
-      const labelY = isInnermost ? cy : cy - (i + 0.5) * thickness;
-      const fittedFont = labelFont;
       const textColor = contrastText(
         fill,
         palette.textOnFillLight,
         palette.textOnFillDark
       );
       const labelG = labelsG.append("g").attr("class", "ring-label-group").attr("data-line-number", layer.lineNumber);
-      const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", labelY).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fittedFont).attr("font-weight", 600).style("pointer-events", "none");
-      renderInlineText(label, layer.label, palette, fittedFont);
+      if (isInnermost) {
+        const label = labelG.append("text").attr("class", "ring-label").attr("x", cx).attr("y", cy).attr("dy", "0.35em").attr("text-anchor", "middle").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", labelFont).attr("font-weight", 600).style("pointer-events", "none");
+        renderInlineText(label, layer.label, palette, labelFont);
+        continue;
+      }
+      drawRingCurvedLabel(
+        labelG,
+        labelDefs,
+        `dgmo-ring-lbl-${ringLabelSeq++}`,
+        layer.label,
+        cx,
+        cy,
+        (i + 0.5) * thickness,
+        labelFont,
+        textColor,
+        palette
+      );
     }
   }
   if (hasAnyDescription || !inBandLabelsVisible) {
@@ -160,6 +176,35 @@ function renderRing(container, parsed, palette, isDark, onClickItem, exportDims)
     });
   }
 }
+var MAX_LABEL_ARC = 1.6 * Math.PI;
+function drawRingCurvedLabel(labelG, defs, pathId, text, cx, cy, rMid, labelFont, textColor, palette) {
+  const PAD = 1.18;
+  let fs = labelFont;
+  let rPath = rMid - fs * 0.32;
+  const maxLen = MAX_LABEL_ARC * rPath;
+  const wPadded = measureText(text, labelFont) * PAD;
+  if (wPadded > maxLen) {
+    fs = Math.max(LABEL_FONT_MIN, Math.floor(labelFont * maxLen / wPadded));
+    rPath = rMid - fs * 0.32;
+  }
+  const arcLen = measureText(text, fs) * PAD;
+  const halfAngle = Math.min(arcLen / (2 * rPath), MAX_LABEL_ARC / 2);
+  const largeArc = halfAngle * 2 > Math.PI ? 1 : 0;
+  const p0x = cx - Math.sin(halfAngle) * rPath;
+  const p0y = cy - Math.cos(halfAngle) * rPath;
+  const p1x = cx + Math.sin(halfAngle) * rPath;
+  const p1y = cy - Math.cos(halfAngle) * rPath;
+  const d = `M ${p0x.toFixed(2)} ${p0y.toFixed(2)} A ${rPath.toFixed(2)} ${rPath.toFixed(2)} 0 ${largeArc} 1 ${p1x.toFixed(2)} ${p1y.toFixed(2)}`;
+  defs.append("path").attr("id", pathId).attr("d", d);
+  const label = labelG.append("text").attr("class", "ring-label").attr("fill", textColor).attr("font-family", FONT_FAMILY).attr("font-size", fs).attr("font-weight", 600).style("pointer-events", "none");
+  const textPath = label.append("textPath").attr("href", `#${pathId}`).attr("startOffset", "50%").attr("text-anchor", "middle");
+  renderInlineText(
+    textPath,
+    text,
+    palette,
+    fs
+  );
+}
 function renderRingForExport(container, parsed, palette, isDark, exportDims) {
   renderRing(container, parsed, palette, isDark, void 0, exportDims);
 }
@@ -248,4 +293,4 @@ export {
   renderRing,
   renderRingForExport
 };
-//# sourceMappingURL=chunk-A4VFQH5G.js.map
+//# sourceMappingURL=chunk-YGJZWZTY.js.map

package/dist/{chunk-EMS2SK26.js → chunk-ZBWMSD5N.js}

@@ -360,6 +360,8 @@ function renderStateForExport(content, theme, palette) {
     if (!svgEl) return "";
     if (theme === "transparent") {
       svgEl.style.background = "none";
+    } else if (!svgEl.style.background) {
+      svgEl.style.background = palette.bg;
     }
     svgEl.setAttribute("xmlns", "http://www.w3.org/2000/svg");
     svgEl.style.fontFamily = FONT_FAMILY;
@@ -373,4 +375,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=chunk-EMS2SK26.js.map
+//# sourceMappingURL=chunk-ZBWMSD5N.js.map