compasso 0.1.0 → 0.3.0

package/dist/genogram/index.cjs

@@ -51,22 +51,56 @@ var CHAR_W = 0.6;
 function estimateTextWidth(text, fontPx) {
   return text.length * fontPx * CHAR_W;
 }
-function wrapLabel(label, perLine) {
+function wrapLabel(label, perLine, maxLines = 2) {
   if (label.length <= perLine) return [label];
   const cap = (s) => s.length > perLine ? s.slice(0, Math.max(1, perLine - 1)) + "\u2026" : s;
-  let line1 = "";
-  let line2 = "";
+  const lines = [""];
   for (const word of label.split(/\s+/)) {
-    if (line2 === "" && (line1 === "" || (line1 + " " + word).length <= perLine)) {
-      line1 = line1 === "" ? word : `${line1} ${word}`;
+    const last = lines.length - 1;
+    const current = lines[last];
+    if (current === "" || (current + " " + word).length <= perLine) {
+      lines[last] = current === "" ? word : `${current} ${word}`;
+    } else if (lines.length < maxLines) {
+      lines.push(word);
     } else {
-      line2 = line2 === "" ? word : `${line2} ${word}`;
+      lines[last] = `${current} ${word}`;
     }
   }
-  return line2 === "" ? [cap(line1)] : [cap(line1), cap(line2)];
+  if (lines.length > 1 && lines[lines.length - 1] === "") lines.pop();
+  return lines.map(cap);
+}
+function wrapLabelBalanced(label, maxLines) {
+  const perLine = Math.min(26, Math.max(14, Math.ceil(label.length / 2) + 2));
+  return wrapLabel(label, perLine, maxLines);
+}
+function clampLabel(label, maxChars) {
+  if (maxChars === void 0 || label.length <= maxChars) return label;
+  return label.slice(0, Math.max(1, maxChars - 1)) + "\u2026";
 }
 var FONT_FAMILY = "Helvetica, Arial, sans-serif";
 
+// src/core/legend.ts
+var LEGEND_ROW_H = 18;
+var LEGEND_PAD = 16;
+var LEGEND_SWATCH_W = 22;
+var LEGEND_GAP = 14;
+var LEGEND_FONT = 11;
+var LEGEND_TEXT_FILL = "#52525b";
+function legendBlock(entries, startY) {
+  if (entries.length === 0) return { svg: "", width: 0, height: startY };
+  const rows = entries.map((entry, i) => {
+    const rowCenterY = startY + i * LEGEND_ROW_H + LEGEND_ROW_H / 2;
+    const textX = LEGEND_PAD + LEGEND_SWATCH_W + LEGEND_GAP;
+    return entry.swatch(LEGEND_PAD, rowCenterY) + `<text x="${textX}" y="${rowCenterY + LEGEND_FONT * 0.32}" font-family="${FONT_FAMILY}" font-size="${LEGEND_FONT}" fill="${LEGEND_TEXT_FILL}">${xmlEscape(entry.label)}</text>`;
+  });
+  const widestLabel = entries.reduce((m, e) => Math.max(m, estimateTextWidth(e.label, LEGEND_FONT)), 0);
+  return {
+    svg: `<g data-compasso-legend="true">${rows.join("")}</g>`,
+    width: LEGEND_PAD + LEGEND_SWATCH_W + LEGEND_GAP + widestLabel + LEGEND_PAD,
+    height: startY + entries.length * LEGEND_ROW_H + LEGEND_PAD / 2
+  };
+}
+
 // src/core/stroke.ts
 var EDGE_STROKE = {
   plain: { width: 1.5, dash: null, opacity: 0.6 },
@@ -197,14 +231,6 @@ function shapeForSex(sex) {
   if (sex === "female") return "circle";
   return "diamond";
 }
-function wrapNodeLabel(displayLabel) {
-  const perLine = Math.min(26, Math.max(14, Math.ceil(displayLabel.length / 2) + 2));
-  return wrapLabel(displayLabel, perLine);
-}
-function clampLabel2(label, maxChars) {
-  if (maxChars === void 0 || label.length <= maxChars) return label;
-  return label.slice(0, Math.max(1, maxChars - 1)) + "\u2026";
-}
 var STUB_OFFSETS = [9, -9, 18, -18, 26, -26];
 var ARRIVAL_HALF = NODE_SIZE / 2 - 8;
 function stubOffset(slot) {
@@ -428,7 +454,7 @@ function computeGenogramLayout(people, unions, parentLinks, relationships, opts
   }
   const measured = /* @__PURE__ */ new Map();
   for (const p of people) {
-    const lines = wrapNodeLabel(clampLabel2(p.label, opts.maxLabelChars));
+    const lines = wrapLabelBalanced(clampLabel(p.label, opts.maxLabelChars));
     const contentW = Math.max(NODE_SIZE, lines.reduce((m, l) => Math.max(m, estimateTextWidth(l, LABEL_FONT)), 0));
     measured.set(p.id, { person: p, lines, contentW });
   }
@@ -992,11 +1018,6 @@ var STRUCT_WIDTH = 1.5;
 var STRUCT_OPACITY = 0.75;
 var DOTTED_DASH = [2, 3];
 var DOTTED_OPACITY = 0.55;
-var LEGEND_ROW_H = 18;
-var LEGEND_PAD = 16;
-var LEGEND_SWATCH_W = 22;
-var LEGEND_GAP = 14;
-var LEGEND_FONT = 11;
 function glyphSvg(shape, cx, cy, half) {
   const stroke = `fill="transparent" stroke="${GLYPH_STROKE}" stroke-width="2"`;
   if (shape === "square") {
@@ -1132,17 +1153,11 @@ function genogramLayoutSvg(layout, opts = {}) {
         label: labels.isolated
       });
     }
-    if (entries.length > 0) {
-      const startY = layout.height;
-      const rows = entries.map((entry, i) => {
-        const rowCenterY = startY + i * LEGEND_ROW_H + LEGEND_ROW_H / 2;
-        const textX = LEGEND_PAD + LEGEND_SWATCH_W + LEGEND_GAP;
-        return entry.swatch(LEGEND_PAD, rowCenterY) + `<text x="${textX}" y="${rowCenterY + LEGEND_FONT * 0.32}" font-family="${FONT_FAMILY}" font-size="${LEGEND_FONT}" fill="${GLYPH_STROKE}">${xmlEscape(entry.label)}</text>`;
-      });
-      parts.push(`<g data-compasso-legend="true">${rows.join("")}</g>`);
-      const widestLabel = entries.reduce((m, e) => Math.max(m, estimateTextWidth(e.label, LEGEND_FONT)), 0);
-      width = Math.max(width, LEGEND_PAD + LEGEND_SWATCH_W + LEGEND_GAP + widestLabel + LEGEND_PAD);
-      height = startY + entries.length * LEGEND_ROW_H + LEGEND_PAD / 2;
+    const block = legendBlock(entries, layout.height);
+    if (block.svg !== "") {
+      parts.push(block.svg);
+      width = Math.max(width, block.width);
+      height = block.height;
     }
   }
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" role="img" aria-label="${xmlEscape(labels.ariaLabel)}">` + parts.join("") + `</svg>`;