@diagrammo/dgmo 0.95.0 → 0.97.0

package/dist/chunk-LRTSTDJ6.js

@@ -0,0 +1,126 @@
+import {
+  COLLAPSE_BAR_HEIGHT,
+  EDGE_DASH
+} from "./chunk-WH6E6SHC.js";
+import {
+  measureText
+} from "./chunk-PU5X3P3T.js";
+
+// src/utils/card.ts
+function renderNodeCard(container, opts) {
+  const rect = container.append("rect").attr("x", 0).attr("y", 0).attr("width", opts.width).attr("height", opts.height).attr("rx", opts.rx).attr("fill", opts.fill).attr("stroke", opts.stroke).attr("stroke-width", opts.strokeWidth);
+  if (opts.dashed) {
+    rect.attr("stroke-dasharray", EDGE_DASH);
+  }
+  const labelLines = opts.labelLines;
+  if (labelLines && labelLines.length > 1) {
+    const lineH = opts.labelFontSize * 1.2;
+    const midY = opts.headerHeight / 2;
+    const startY = midY - (labelLines.length - 1) * lineH / 2;
+    for (let li = 0; li < labelLines.length; li++) {
+      container.append("text").attr("x", opts.width / 2).attr("y", startY + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", opts.labelColor).attr("font-size", opts.labelFontSize).attr("font-weight", "bold").text(labelLines[li]);
+    }
+  } else {
+    container.append("text").attr("x", opts.width / 2).attr("y", opts.headerHeight / 2).attr("dominant-baseline", "central").attr("text-anchor", "middle").attr("fill", opts.labelColor).attr("font-size", opts.labelFontSize).attr("font-weight", "bold").text(labelLines?.[0] ?? opts.label);
+  }
+  const meta = opts.meta;
+  if (!meta || meta.rows.length === 0) return;
+  container.append("line").attr("x1", 0).attr("y1", opts.headerHeight).attr("x2", opts.width).attr("y2", opts.headerHeight).attr("stroke", meta.separatorColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
+  const keyX = meta.keyX ?? 10;
+  const maxKeyWidth = Math.max(
+    ...meta.rows.map(([key]) => measureText(`${key}: `, meta.fontSize))
+  );
+  const valueX = keyX + maxKeyWidth;
+  const metaStartY = opts.headerHeight + meta.separatorGap + meta.fontSize;
+  for (let i = 0; i < meta.rows.length; i++) {
+    const [displayKey, value] = meta.rows[i];
+    const rowY = metaStartY + i * meta.lineHeight;
+    container.append("text").attr("x", keyX).attr("y", rowY).attr("fill", meta.textColor).attr("font-size", meta.fontSize).text(`${displayKey}: `);
+    container.append("text").attr("x", valueX).attr("y", rowY).attr("fill", meta.textColor).attr("font-size", meta.fontSize).text(value);
+  }
+}
+function collapseBarHeight(scale) {
+  if (scale === void 0) return COLLAPSE_BAR_HEIGHT;
+  if (typeof scale === "number") return COLLAPSE_BAR_HEIGHT * scale;
+  return scale.structural(COLLAPSE_BAR_HEIGHT);
+}
+function renderCollapseBar(container, opts) {
+  const x = opts.x ?? 0;
+  const y = opts.y ?? 0;
+  const barHeight = collapseBarHeight(opts.scale);
+  container.append("clipPath").attr("id", opts.clipId).append("rect").attr("x", x).attr("y", y).attr("width", opts.width).attr("height", opts.height).attr("rx", opts.rx);
+  const bar = container.append("rect").attr("x", x).attr("y", y + opts.height - barHeight).attr("width", opts.width).attr("height", barHeight).attr("fill", opts.fill).attr("clip-path", `url(#${opts.clipId})`);
+  if (!opts.expanded) {
+    return bar.attr("class", `${opts.prefix}-collapse-bar dgmo-collapse-bar`);
+  }
+  return bar.attr(
+    "class",
+    `${opts.prefix}-collapse-bar-preview dgmo-collapse-bar-preview`
+  ).attr("opacity", 0).attr("pointer-events", "none");
+}
+var TOGGLE_ATTRS = [
+  "data-node-toggle",
+  "data-group-toggle",
+  "data-section-toggle",
+  "data-note-toggle"
+];
+var COLLAPSE_PREVIEW_HOVER_OPACITY = 0.35;
+function toggleCueCss(theme = "light") {
+  const t = TOGGLE_ATTRS.map((a) => `[${a}]`);
+  const on = (suffix) => t.map((s) => s + suffix).join(",");
+  const step = theme === "dark" ? 1.2 : 0.95;
+  return `${t.join(",")}{cursor:pointer}${on(":hover>rect:first-child")},${on(":hover>path:first-child")}{filter:brightness(${step})}${on(":hover>rect[fill=transparent]:first-child")}{fill:${theme === "dark" ? "#fff" : "#000"};fill-opacity:${theme === "dark" ? 0.08 : 0.05}}.dgmo-collapse-bar-preview{transition:opacity 120ms ease-out}${on(":hover>.dgmo-collapse-bar-preview")}{opacity:${COLLAPSE_PREVIEW_HOVER_OPACITY}}${on(":focus-visible")}{outline:2px solid currentColor;outline-offset:2px}@media (prefers-reduced-motion:reduce){.dgmo-collapse-bar-preview{transition:none}}`;
+}
+function injectToggleCue(svg, theme) {
+  if (!svg || !TOGGLE_ATTRS.some((a) => svg.includes(`${a}=`))) return svg;
+  const open = svg.match(/<svg\b[^>]*>/);
+  if (open?.index == null) return svg;
+  const at = open.index + open[0].length;
+  const css = toggleCueCss(theme);
+  if (svg.startsWith("<style>", at)) {
+    const end = svg.indexOf("</style>", at);
+    if (end !== -1) return `${svg.slice(0, end)}${css}${svg.slice(end)}`;
+  }
+  return `${svg.slice(0, at)}<style>${css}</style>${svg.slice(at)}`;
+}
+var TOGGLE_OPEN_TAG = /<[a-zA-Z][\w:-]*\b(?=[^>]*\sdata-(?:node|group|section|note)-toggle=)[^>]*>/g;
+var PREVIEW_BAR = /<rect\b[^>]*\bdgmo-collapse-bar-preview\b[^>]*>(?:<\/rect>)?/g;
+function stripFoldAffordance(svg) {
+  if (!TOGGLE_ATTRS.some((a) => svg.includes(`${a}=`))) return svg;
+  const clipIds = /* @__PURE__ */ new Set();
+  let out = svg.replace(PREVIEW_BAR, (rect) => {
+    const id = /clip-path="url\(#([^)"]+)\)"/.exec(rect)?.[1];
+    if (id) clipIds.add(id);
+    return "";
+  });
+  for (const id of clipIds) {
+    if (out.includes(`url(#${id})`)) continue;
+    const esc = id.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    out = out.replace(
+      new RegExp(`<clipPath\\b[^>]*\\sid="${esc}"[^>]*>[\\s\\S]*?</clipPath>`),
+      ""
+    );
+  }
+  return out.replace(
+    TOGGLE_OPEN_TAG,
+    (tag) => tag.replace(
+      /\s(?:role="button"|aria-expanded="[^"]*"|tabindex="[^"]*"|cursor="[^"]*")/g,
+      ""
+    ).replace(
+      /(\saria-label=")(?:Collapse|Expand) (\w)/,
+      (_m, head, first) => head + first.toUpperCase()
+    ).replace(/(\sstyle=")([^"]*)"/, (_m, head, body) => {
+      const rest = body.replace(/\s*cursor\s*:\s*[^;"]*;?/g, "").trim();
+      return rest ? `${head}${rest}"` : "";
+    })
+  );
+}
+
+export {
+  renderNodeCard,
+  collapseBarHeight,
+  renderCollapseBar,
+  toggleCueCss,
+  injectToggleCue,
+  stripFoldAffordance
+};

package/dist/{chunk-NBAAIRFP.js → chunk-LZATSXAA.js}

@@ -6,10 +6,13 @@ import {
 } from "./chunk-2SKMEL7V.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 
 // src/pert/layout.ts
 import dagre from "@dagrejs/dagre";
+function layoutInPlace(g) {
+  dagre.layout(g);
+}
 var DEFAULT_NODE_HEIGHT = 90;
 var MILESTONE_NODE_HEIGHT = DEFAULT_NODE_HEIGHT;
 var COLLAPSED_GROUP_HEIGHT = 90;
@@ -185,7 +188,7 @@ function relayoutPert(resolved, overrides, collapsedGroupIds = /* @__PURE__ */ n
     seenEdges.add(k);
     g.setEdge(src, tgt, {});
   }
-  dagre.layout(g);
+  layoutInPlace(g);
   const swimApplied = applySwimLanes(
     g,
     resolved,