@diagrammo/dgmo 0.48.1 → 0.49.0

package/dist/chunk-5XCM7UUW.js

@@ -0,0 +1,261 @@
+import {
+  getFigure,
+  resolvePartKey
+} from "./chunk-3NFJWFNP.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-4UDKKGHH.js";
+import {
+  FONT_FAMILY
+} from "./chunk-6KFWC4CO.js";
+import {
+  getSeriesColors,
+  mix
+} from "./chunk-P6T66CCZ.js";
+import {
+  resolveActiveTagGroup,
+  resolveTagColor
+} from "./chunk-HBVD67XG.js";
+import {
+  resolveColor
+} from "./chunk-TLVIHFRO.js";
+
+// src/body/renderer.ts
+import * as d3Selection from "d3-selection";
+var esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+var TITLE_H = 60;
+var LEGEND_SCALE = 2.4;
+var LEGEND_BAND = 76;
+var TITLE_PAD = TITLE_H + LEGEND_BAND;
+var BOTTOM_PAD = 40;
+var PAGE_MARGIN = 160;
+var OUTER_MARGIN = 30;
+var CENTER_COL = 420;
+var LABEL_FONT = 23;
+var NOTE_FONT = 17;
+function renderFigureBody(fig, parts, partColor, form, palette, defs) {
+  const [vx, vy, vw, vh] = fig.viewBox.split(" ").map(Number);
+  const muscleFill = mix(palette.bg, palette.border, 0.7);
+  const seam = palette.bg;
+  const outlineStroke = palette.textMuted;
+  let out = "";
+  if (form === "skin") {
+    const gid = `body-skin-${vx}-${vy}`;
+    defs.push(
+      `<linearGradient id="${gid}" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="${mix(palette.surface, palette.bg, 0.4)}"/><stop offset="1" stop-color="${mix(palette.border, palette.bg, 0.3)}"/></linearGradient>`
+    );
+    out += `<path d="${fig.outline}" fill="url(#${gid})"/>`;
+    for (const d of fig.headPaths) {
+      out += `<path d="${d}" fill="url(#${gid})" stroke="${outlineStroke}" stroke-width="2.5"/>`;
+    }
+    const hairFill = mix(palette.text, palette.bg, 0.6);
+    for (const d of fig.hairPaths) {
+      out += `<path d="${d}" fill="${hairFill}" stroke="${outlineStroke}" stroke-width="1.5"/>`;
+    }
+  } else {
+    for (const d of fig.base) {
+      out += `<path d="${d}" fill="${muscleFill}" stroke="${seam}" stroke-width="1"/>`;
+    }
+  }
+  const anchors = /* @__PURE__ */ new Map();
+  for (const part of parts) {
+    const key = resolvePartKey(fig, part.name);
+    if (!key) continue;
+    const geom = fig.parts[key];
+    const color = partColor(part);
+    const dataLine = ` class="dgmo-body-part" data-line-number="${part.lineNumber}"`;
+    if (form === "skin") {
+      for (const d of geom.paths) {
+        out += `<path${dataLine} d="${d}" fill="${color}" fill-opacity="0.5" stroke="${color}" stroke-width="1.5"/>`;
+      }
+    } else {
+      for (const d of geom.paths) {
+        out += `<path${dataLine} d="${d}" fill="${color}" stroke="${seam}" stroke-width="1"/>`;
+      }
+    }
+    anchors.set(part.name.toLowerCase(), {
+      x: geom.anchor.x,
+      y: geom.anchor.y,
+      color,
+      part
+    });
+  }
+  out += `<path d="${fig.outline}" fill="none" stroke="${outlineStroke}" stroke-width="2.5"/>`;
+  return { fig, body: out, anchors, vx, vy, vw, vh };
+}
+function gutterLabels(r, palette) {
+  const { vx, vw, vh } = r;
+  const cx = vx + vw / 2;
+  const list = [...r.anchors.values()];
+  const left = list.filter((a) => a.x < cx).sort((a, b) => a.y - b.y);
+  const right = list.filter((a) => a.x >= cx).sort((a, b) => a.y - b.y);
+  let labels = "";
+  const place = (arr, side) => {
+    const gx = side === "L" ? vx - 14 : vx + vw + 14;
+    const anchorX = side === "L" ? "end" : "start";
+    const minGap = vh * 0.05;
+    let prevY = -1e9;
+    for (const a of arr) {
+      const ly = Math.max(a.y - 6, prevY + minGap);
+      prevY = ly;
+      const note = a.part.notes.length ? a.part.notes[0] : "";
+      labels += `<path d="M${gx} ${ly} L${a.x} ${a.y}" stroke="${a.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${a.x}" cy="${a.y}" r="5" fill="${a.color}"/><text x="${gx}" y="${ly - 3}" text-anchor="${anchorX}" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(a.part.name)}</text>`;
+      if (note) {
+        labels += `<text x="${gx}" y="${ly + 21}" text-anchor="${anchorX}" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(note)}</text>`;
+      }
+    }
+  };
+  place(left, "L");
+  place(right, "R");
+  return labels;
+}
+function renderBody(container, parsed, palette, _isDark, _onClickItem, exportDims, tagOverride) {
+  const accent = getSeriesColors(palette)[0];
+  const activeGroup = resolveActiveTagGroup(
+    parsed.tagGroups,
+    void 0,
+    tagOverride
+  );
+  const partColor = (part) => resolveTagColor(part.metadata, parsed.tagGroups, activeGroup) ?? accent;
+  const defs = [];
+  const rendered = parsed.options.views.map(
+    (view) => renderFigureBody(
+      getFigure(parsed.options.sex, view),
+      parsed.parts,
+      partColor,
+      parsed.options.form,
+      palette,
+      defs
+    )
+  );
+  const figH = Math.max(...rendered.map((r) => r.fig.contentBox.h));
+  let body = "";
+  let totalW;
+  if (rendered.length === 1) {
+    const r = rendered[0];
+    const gutter = r.vw * 0.42;
+    const tx = OUTER_MARGIN + gutter - r.vx;
+    const ty = TITLE_PAD - r.vy;
+    body = `<g transform="translate(${tx.toFixed(2)} ${ty.toFixed(2)})">${r.body}${gutterLabels(r, palette)}</g>`;
+    totalW = OUTER_MARGIN * 2 + gutter * 2 + r.vw;
+  } else {
+    const fL = rendered[0];
+    const fR = rendered[1];
+    const cbL = fL.fig.contentBox;
+    const cbR = fR.fig.contentBox;
+    const sL = figH / cbL.h;
+    const sR = figH / cbR.h;
+    const leftX = OUTER_MARGIN;
+    const rightX = OUTER_MARGIN + cbL.w * sL + CENTER_COL;
+    const txL = leftX - cbL.x * sL;
+    const txR = rightX - cbR.x * sR;
+    const tyL = TITLE_PAD - cbL.y * sL;
+    const tyR = TITLE_PAD - cbR.y * sR;
+    body += `<g transform="translate(${txL.toFixed(2)} ${tyL.toFixed(2)}) scale(${sL.toFixed(4)})">${fL.body}</g>`;
+    body += `<g transform="translate(${txR.toFixed(2)} ${tyR.toFixed(2)}) scale(${sR.toFixed(4)})">${fR.body}</g>`;
+    totalW = OUTER_MARGIN * 2 + cbL.w * sL + CENTER_COL + cbR.w * sR;
+    const centerX = OUTER_MARGIN + cbL.w * sL + CENTER_COL / 2;
+    const mapL = (a) => ({
+      x: txL + a.x * sL,
+      y: tyL + a.y * sL
+    });
+    const mapR = (a) => ({
+      x: txR + a.x * sR,
+      y: tyR + a.y * sR
+    });
+    const seen = /* @__PURE__ */ new Set();
+    const items = [];
+    for (const part of parsed.parts) {
+      const nm = part.name.toLowerCase();
+      if (seen.has(nm)) continue;
+      const aL = fL.anchors.get(nm);
+      const aR = fR.anchors.get(nm);
+      if (!aL && !aR) continue;
+      seen.add(nm);
+      const left = aL ? mapL(aL) : void 0;
+      const right = aR ? mapR(aR) : void 0;
+      const ys = [left?.y, right?.y].filter((v) => v != null);
+      items.push({
+        name: part.name,
+        note: part.notes.length ? part.notes[0] : "",
+        color: (aL ?? aR).color,
+        ...left && { left },
+        ...right && { right },
+        y: ys.reduce((s, v) => s + v, 0) / ys.length
+      });
+    }
+    items.sort((a, b) => a.y - b.y);
+    const minGap = figH * 0.052;
+    let prevY = -1e9;
+    for (const it of items) {
+      it.y = Math.max(it.y, prevY + minGap);
+      prevY = it.y;
+    }
+    let labels = "";
+    const stub = 96;
+    for (const it of items) {
+      if (it.left) {
+        labels += `<path d="M${(centerX - stub).toFixed(1)} ${it.y.toFixed(1)} L${it.left.x.toFixed(1)} ${it.left.y.toFixed(1)}" stroke="${it.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${it.left.x.toFixed(1)}" cy="${it.left.y.toFixed(1)}" r="5" fill="${it.color}"/>`;
+      }
+      if (it.right) {
+        labels += `<path d="M${(centerX + stub).toFixed(1)} ${it.y.toFixed(1)} L${it.right.x.toFixed(1)} ${it.right.y.toFixed(1)}" stroke="${it.color}" stroke-width="1.6" fill="none" opacity="0.75"/><circle cx="${it.right.x.toFixed(1)}" cy="${it.right.y.toFixed(1)}" r="5" fill="${it.color}"/>`;
+      }
+      labels += `<text x="${centerX}" y="${(it.y - 3).toFixed(1)}" text-anchor="middle" font-size="${LABEL_FONT}" font-weight="700" fill="${palette.text}">${esc(it.name)}</text>`;
+      if (it.note) {
+        labels += `<text x="${centerX}" y="${(it.y + 20).toFixed(1)}" text-anchor="middle" font-size="${NOTE_FONT}" fill="${palette.textMuted}">${esc(it.note)}</text>`;
+      }
+    }
+    body += labels;
+  }
+  const totalH = TITLE_PAD + figH + BOTTOM_PAD;
+  const exportMode = !!exportDims;
+  d3Selection.select(container).selectAll("svg").remove();
+  const width = exportDims?.width ?? container.clientWidth ?? 1200;
+  const height = exportDims?.height ?? container.clientHeight ?? 800;
+  const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr(
+    "viewBox",
+    `${-PAGE_MARGIN} ${-PAGE_MARGIN} ${(totalW + 2 * PAGE_MARGIN).toFixed(0)} ${(totalH + 2 * PAGE_MARGIN).toFixed(0)}`
+  ).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY);
+  if (defs.length) svg.append("defs").html(defs.join(""));
+  svg.append("g").html(body);
+  if (parsed.title) {
+    svg.append("text").attr("x", totalW / 2).attr("y", 40).attr("text-anchor", "middle").attr("font-size", 34).attr("font-weight", 700).attr("fill", palette.text).text(parsed.title);
+  }
+  if (!parsed.options.noLegend && parsed.tagGroups.length) {
+    const legendG = svg.append("g").attr("transform", `translate(0, ${TITLE_H}) scale(${LEGEND_SCALE})`);
+    const groups = parsed.tagGroups.map((g) => ({
+      name: g.name,
+      entries: g.entries.map((e) => ({
+        value: e.value,
+        color: resolveColor(e.color, palette) ?? e.color
+      }))
+    }));
+    renderIntegratedLegend(legendG, {
+      groups,
+      palette,
+      isDark: _isDark,
+      // Legend lays out in its own (pre-scale) coordinate space; passing the
+      // de-scaled width keeps it centered after the scale transform.
+      width: totalW / LEGEND_SCALE,
+      mode: exportMode ? "export" : "preview",
+      activeGroup
+    });
+  }
+}
+function renderBodyForExport(container, parsed, palette, isDark, exportDims, tagOverride) {
+  renderBody(
+    container,
+    parsed,
+    palette,
+    isDark,
+    void 0,
+    exportDims,
+    tagOverride
+  );
+}
+
+export {
+  renderBody,
+  renderBodyForExport
+};
+//# sourceMappingURL=chunk-5XCM7UUW.js.map

package/dist/{chunk-RYEGFMUO.js → chunk-5ZZLLBFK.js}

@@ -10,7 +10,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-ZNQX6QWH.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-TLVIHFRO.js";
@@ -952,4 +952,4 @@ export {
   parseRaci,
   allTasks
 };
-//# sourceMappingURL=chunk-RYEGFMUO.js.map
+//# sourceMappingURL=chunk-5ZZLLBFK.js.map

package/dist/{chunk-EB6FPQUP.js → chunk-65RTDUZH.js}

@@ -10,7 +10,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QLCCJEJI.js";
+} from "./chunk-HBVD67XG.js";
 import {
   MINDMAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -21,7 +21,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-Y3J7VR52.js";
+} from "./chunk-ZNQX6QWH.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -313,4 +313,4 @@ function findMetadataParent(indent, indentStack) {
 export {
   parseMindmap
 };
-//# sourceMappingURL=chunk-EB6FPQUP.js.map
+//# sourceMappingURL=chunk-65RTDUZH.js.map