schematex 0.2.2 → 0.2.4

package/dist/{chunk-YN467EEQ.js → chunk-H2OEUBPO.js}

@@ -1,5 +1,6 @@
+import { parseLegendDirective, applyLegendOverrides, renderLegend } from './chunk-DNZFOCV7.js';
 import { resolveGenogramTheme, STROKE_WIDTH, cssCustomProperties } from './chunk-2VNMKOUO.js';
-import { title, text, group, el, rect, pattern, path, circle, defs, polygon, line, desc, svgRoot } from './chunk-KLJEK547.js';
+import { title, text, group, pattern, path, circle, el, defs, polygon, rect, line, desc, svgRoot } from './chunk-KLJEK547.js';
 
 // src/diagrams/genogram/parser.ts
 var ParseError = class extends Error {
@@ -108,6 +109,7 @@ function parseGenogram(text2) {
   const individualsMap = /* @__PURE__ */ new Map();
   const relationships = [];
   const childSpecialProps = /* @__PURE__ */ new Map();
+  const legendOverrides = {};
   skipBlankAndComments(state);
   while (state.currentLine < state.lines.length) {
     skipBlankAndComments(state);
@@ -118,6 +120,10 @@ function parseGenogram(text2) {
       state.currentLine++;
       continue;
     }
+    if (parseLegendDirective(trimmed, legendOverrides)) {
+      state.currentLine++;
+      continue;
+    }
     const emotionalMatch = detectEmotionalOp(trimmed);
     if (emotionalMatch) {
       const { leftId, emotionalType, rightId: emRightId, directional, label: emLabel } = emotionalMatch;
@@ -243,11 +249,13 @@ function parseGenogram(text2) {
       });
     }
   }
+  const hasLegendOverrides = Object.keys(legendOverrides).length > 0 && Object.values(legendOverrides).some((v) => v !== void 0);
   return {
     type: "genogram",
     individuals: Array.from(individualsMap.values()),
     relationships,
-    metadata: Object.keys(metadata).length > 0 ? metadata : void 0
+    metadata: Object.keys(metadata).length > 0 ? metadata : void 0,
+    legendOverrides: hasLegendOverrides ? legendOverrides : void 0
   };
 }
 function currentLineText(state) {
@@ -913,7 +921,9 @@ function computeEdges(graph, positions, config) {
         path: dropPath
       });
       if (childPositions.length > 1) {
-        const sibPath = `M ${leftX} ${dropY} L ${rightX} ${dropY}`;
+        const sibLeft = Math.min(leftX, midX);
+        const sibRight = Math.max(rightX, midX);
+        const sibPath = `M ${sibLeft} ${dropY} L ${sibRight} ${dropY}`;
         edges.push({
           from: fu.partners[0],
           to: fu.partners[1],
@@ -1148,96 +1158,30 @@ function getRequiredDefs(individuals, includeArrowMarker = false) {
     }
   }
   const children = [];
-  if (neededFills.has("half-left")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-half-left-rect" }, [
-        rect({ x: "0", y: "0", width: "50%", height: "100%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-half-left-circle" }, [
-        rect({ x: "-50", y: "-50", width: "50", height: "100" })
-      ])
-    );
-  }
-  if (neededFills.has("half-right")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-half-right-rect" }, [
-        rect({ x: "50%", y: "0", width: "50%", height: "100%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-half-right-circle" }, [
-        rect({ x: "0", y: "-50", width: "50", height: "100" })
-      ])
-    );
-  }
-  if (neededFills.has("half-bottom")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-half-bottom-rect" }, [
-        rect({ x: "0", y: "50%", width: "100%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-half-bottom-circle" }, [
-        rect({ x: "-50", y: "0", width: "100", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("quarter")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-quarter-rect" }, [
-        rect({ x: "0", y: "0", width: "50%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-quarter-circle" }, [
-        rect({ x: "-50", y: "-50", width: "50", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("half-top")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-half-top-rect" }, [
-        rect({ x: "0", y: "0", width: "100%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-half-top-circle" }, [
-        rect({ x: "-50", y: "-50", width: "100", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("quad-tl")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-quad-tl-rect" }, [
-        rect({ x: "0", y: "0", width: "50%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-quad-tl-circle" }, [
-        rect({ x: "-50", y: "-50", width: "50", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("quad-tr")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-quad-tr-rect" }, [
-        rect({ x: "50%", y: "0", width: "50%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-quad-tr-circle" }, [
-        rect({ x: "0", y: "-50", width: "50", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("quad-bl")) {
-    children.push(
-      el("clipPath", { id: "schematex-genogram-clip-quad-bl-rect" }, [
-        rect({ x: "0", y: "50%", width: "50%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-quad-bl-circle" }, [
-        rect({ x: "-50", y: "0", width: "50", height: "50" })
-      ])
-    );
-  }
-  if (neededFills.has("quad-br")) {
+  function quadClips(suffix, x, y, w, h) {
+    const r = rect({ x, y, width: w, height: h });
     children.push(
-      el("clipPath", { id: "schematex-genogram-clip-quad-br-rect" }, [
-        rect({ x: "50%", y: "50%", width: "50%", height: "50%" })
-      ]),
-      el("clipPath", { id: "schematex-genogram-clip-quad-br-circle" }, [
-        rect({ x: "0", y: "0", width: "50", height: "50" })
-      ])
+      el(
+        "clipPath",
+        { id: `schematex-genogram-clip-${suffix}-rect`, clipPathUnits: "objectBoundingBox" },
+        [r]
+      ),
+      el(
+        "clipPath",
+        { id: `schematex-genogram-clip-${suffix}-circle`, clipPathUnits: "objectBoundingBox" },
+        [r]
+      )
     );
   }
+  if (neededFills.has("half-left")) quadClips("half-left", 0, 0, 0.5, 1);
+  if (neededFills.has("half-right")) quadClips("half-right", 0.5, 0, 0.5, 1);
+  if (neededFills.has("half-top")) quadClips("half-top", 0, 0, 1, 0.5);
+  if (neededFills.has("half-bottom")) quadClips("half-bottom", 0, 0.5, 1, 0.5);
+  if (neededFills.has("quarter")) quadClips("quarter", 0, 0, 0.5, 0.5);
+  if (neededFills.has("quad-tl")) quadClips("quad-tl", 0, 0, 0.5, 0.5);
+  if (neededFills.has("quad-tr")) quadClips("quad-tr", 0.5, 0, 0.5, 0.5);
+  if (neededFills.has("quad-bl")) quadClips("quad-bl", 0, 0.5, 0.5, 0.5);
+  if (neededFills.has("quad-br")) quadClips("quad-br", 0.5, 0.5, 0.5, 0.5);
   if (neededFills.has("striped")) {
     children.push(
       pattern(
@@ -1418,6 +1362,469 @@ function conditionFillElement(sex, half, cond) {
   }
 }
 
+// src/diagrams/genogram/legend.ts
+var EMOTIONAL_TYPES2 = /* @__PURE__ */ new Set([
+  "harmony",
+  "close",
+  "bestfriends",
+  "love",
+  "inlove",
+  "friendship",
+  "hostile",
+  "conflict",
+  "enmity",
+  "distant-hostile",
+  "cutoff",
+  "close-hostile",
+  "fused",
+  "fused-hostile",
+  "distant",
+  "normal",
+  "nevermet",
+  "abuse",
+  "physical-abuse",
+  "emotional-abuse",
+  "sexual-abuse",
+  "neglect",
+  "manipulative",
+  "controlling",
+  "jealous",
+  "focused",
+  "focused-neg",
+  "distrust",
+  "admirer",
+  "limerence"
+]);
+var STRUCTURAL_TYPES = /* @__PURE__ */ new Set([
+  "married",
+  "divorced",
+  "separated",
+  "engaged",
+  "cohabiting",
+  "domestic-partnership",
+  "consanguineous",
+  "parent-child",
+  "adopted",
+  "foster",
+  "twin-identical",
+  "twin-fraternal"
+]);
+var HERITAGE_PALETTE = [
+  "#2563eb",
+  "#059669",
+  "#d97706",
+  "#dc2626",
+  "#7c3aed",
+  "#0891b2",
+  "#ca8a04",
+  "#db2777"
+];
+var SECTIONS = [
+  { id: "symbols", title: "Symbols" },
+  { id: "structural", title: "Structural" },
+  { id: "relationships", title: "Relationships" },
+  { id: "conditions", title: "Conditions" },
+  { id: "heritage", title: "Heritage" },
+  { id: "markers", title: "Markers" }
+];
+function buildGenogramLegend(ast, theme) {
+  const items = [];
+  items.push(...buildSymbolItems(ast.individuals, theme));
+  items.push(...buildStructuralItems(ast.relationships, theme));
+  items.push(...buildRelationshipItems(ast.relationships));
+  items.push(...buildConditionItems(ast.individuals));
+  items.push(...buildHeritageItems(ast.individuals));
+  items.push(...buildMarkerItems(ast.individuals, theme));
+  return {
+    mode: "auto",
+    title: "Legend",
+    position: "bottom-inline",
+    columns: 1,
+    sections: SECTIONS,
+    items
+  };
+}
+var OBVIOUS_SEX = /* @__PURE__ */ new Set(["male", "female"]);
+function buildSymbolItems(individuals, theme) {
+  const items = [];
+  const sexUsed = /* @__PURE__ */ new Set();
+  const statusUsed = /* @__PURE__ */ new Set();
+  for (const ind of individuals) {
+    sexUsed.add(ind.sex);
+    if (ind.status && ind.status !== "alive") statusUsed.add(ind.status);
+  }
+  const sexOrder = [
+    "unknown",
+    "other",
+    "nonbinary",
+    "intersex"
+  ];
+  for (const s of sexOrder) {
+    if (!sexUsed.has(s)) continue;
+    if (OBVIOUS_SEX.has(s)) continue;
+    items.push({
+      key: `sex.${s}`,
+      label: sexLabel(s),
+      kind: "shape",
+      shape: sexShape(s),
+      fill: theme ? sexFill(s, theme) : void 0,
+      color: theme?.stroke,
+      section: "symbols"
+    });
+  }
+  const statusOrder = [
+    "deceased",
+    "stillborn",
+    "miscarriage",
+    "abortion",
+    "pregnancy",
+    "sab",
+    "tab",
+    "ectopic"
+  ];
+  for (const st of statusOrder) {
+    if (!statusUsed.has(st)) continue;
+    items.push({
+      key: `status.${st}`,
+      label: statusLabel(st),
+      kind: "marker",
+      marker: statusMarker(st),
+      color: theme?.deceasedMark,
+      section: "symbols"
+    });
+  }
+  return items;
+}
+function sexFill(s, theme) {
+  switch (s) {
+    case "male":
+      return theme.maleFill;
+    case "female":
+      return theme.femaleFill;
+    default:
+      return theme.unknownFill;
+  }
+}
+function sexShape(s) {
+  switch (s) {
+    case "male":
+      return "square";
+    case "female":
+      return "circle";
+    case "unknown":
+      return "diamond";
+    case "other":
+    case "nonbinary":
+      return "diamond";
+    case "intersex":
+      return "diamond";
+    default:
+      return "square";
+  }
+}
+function sexLabel(s) {
+  switch (s) {
+    case "male":
+      return "Male";
+    case "female":
+      return "Female";
+    case "unknown":
+      return "Unknown";
+    case "other":
+      return "Other";
+    case "nonbinary":
+      return "Non-binary";
+    case "intersex":
+      return "Intersex";
+    default:
+      return s;
+  }
+}
+function statusMarker(s) {
+  switch (s) {
+    case "deceased":
+    case "stillborn":
+      return "X";
+    case "miscarriage":
+    case "sab":
+    case "tab":
+    case "abortion":
+    case "ectopic":
+      return "slash";
+    default:
+      return "dot";
+  }
+}
+function statusLabel(s) {
+  switch (s) {
+    case "deceased":
+      return "Deceased";
+    case "stillborn":
+      return "Stillborn";
+    case "miscarriage":
+      return "Miscarriage";
+    case "abortion":
+      return "Abortion";
+    case "pregnancy":
+      return "Pregnancy";
+    case "sab":
+      return "Spontaneous abortion";
+    case "tab":
+      return "Therapeutic abortion";
+    case "ectopic":
+      return "Ectopic pregnancy";
+    default:
+      return s;
+  }
+}
+var OBVIOUS_STRUCTURAL = /* @__PURE__ */ new Set([
+  "married",
+  // single horizontal line — universal McGoldrick
+  "parent-child"
+  // single vertical line — universal
+]);
+function buildStructuralItems(rels, theme) {
+  const used = /* @__PURE__ */ new Set();
+  for (const r of rels) {
+    if (STRUCTURAL_TYPES.has(r.type)) used.add(r.type);
+  }
+  const order = [
+    "divorced",
+    "separated",
+    "engaged",
+    "cohabiting",
+    "domestic-partnership",
+    "consanguineous",
+    "adopted",
+    "foster",
+    "twin-identical",
+    "twin-fraternal"
+  ];
+  const items = [];
+  for (const t of order) {
+    if (!used.has(t)) continue;
+    if (OBVIOUS_STRUCTURAL.has(t)) continue;
+    items.push(structuralItem(t, theme));
+  }
+  return items;
+}
+function structuralItem(t, theme) {
+  const base = {
+    key: t,
+    label: humanize(t),
+    kind: "line",
+    color: theme?.stroke,
+    section: "structural",
+    pattern: "solid"
+  };
+  switch (t) {
+    case "divorced":
+      return { ...base, kind: "edge", marker: "X", pattern: "solid" };
+    case "separated":
+      return { ...base, kind: "edge", marker: "slash", pattern: "solid" };
+    case "engaged":
+    case "cohabiting":
+    case "adopted":
+    case "foster":
+      return { ...base, pattern: "dashed" };
+    case "consanguineous":
+      return { ...base, pattern: "double" };
+    case "twin-identical":
+    case "twin-fraternal":
+      return { ...base, pattern: "solid" };
+    default:
+      return base;
+  }
+}
+function buildRelationshipItems(rels) {
+  const used = /* @__PURE__ */ new Set();
+  for (const r of rels) {
+    if (EMOTIONAL_TYPES2.has(r.type)) used.add(r.type);
+  }
+  const order = [
+    "harmony",
+    "close",
+    "bestfriends",
+    "love",
+    "inlove",
+    "friendship",
+    "hostile",
+    "conflict",
+    "enmity",
+    "distant-hostile",
+    "cutoff",
+    "close-hostile",
+    "fused",
+    "fused-hostile",
+    "distant",
+    "normal",
+    "nevermet",
+    "abuse",
+    "physical-abuse",
+    "emotional-abuse",
+    "sexual-abuse",
+    "neglect",
+    "manipulative",
+    "controlling",
+    "jealous",
+    "focused",
+    "focused-neg",
+    "distrust",
+    "admirer",
+    "limerence"
+  ];
+  const items = [];
+  for (const t of order) {
+    if (!used.has(t)) continue;
+    items.push({
+      key: t,
+      label: humanize(t),
+      kind: "line",
+      color: emotionalColor(t),
+      pattern: emotionalPattern(t),
+      strokeWidth: emotionalStrokeWidth(t),
+      section: "relationships"
+    });
+  }
+  return items;
+}
+function emotionalColor(t) {
+  if (["harmony", "close", "bestfriends", "love", "inlove", "friendship"].includes(t)) return "#4caf50";
+  if (["hostile", "conflict", "enmity", "distant-hostile", "cutoff"].includes(t)) return "#e53935";
+  if (["close-hostile", "fused", "fused-hostile"].includes(t)) return "#9c27b0";
+  if (["distant", "normal", "nevermet"].includes(t)) return "#9e9e9e";
+  if (["abuse", "physical-abuse", "emotional-abuse", "sexual-abuse", "neglect"].includes(t)) return "#b71c1c";
+  if (["manipulative", "controlling", "jealous"].includes(t)) return "#e65100";
+  return "#1565c0";
+}
+function emotionalPattern(t) {
+  if (["hostile", "conflict", "enmity", "distant-hostile", "close-hostile", "fused-hostile"].includes(t)) return "zigzag";
+  if (["distant", "nevermet"].includes(t)) return "dashed";
+  if (t === "cutoff") return "broken";
+  return "solid";
+}
+function emotionalStrokeWidth(t) {
+  if (["fused", "fused-hostile", "bestfriends"].includes(t)) return 4;
+  if (["close", "close-hostile", "love", "inlove"].includes(t)) return 3;
+  return 2;
+}
+function buildConditionItems(individuals) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const ind of individuals) {
+    if (!ind.conditions) continue;
+    for (const c of ind.conditions) {
+      if (seen.has(c.label)) continue;
+      const color = c.color ?? defaultCategoryColor(c.category);
+      const isFull = c.fill === "full";
+      seen.set(c.label, {
+        key: c.label,
+        label: humanize(c.label),
+        kind: isFull ? "fill" : "fill-pattern",
+        color,
+        shape: isFull ? void 0 : c.fill,
+        section: "conditions"
+      });
+    }
+  }
+  return Array.from(seen.values());
+}
+function defaultCategoryColor(cat) {
+  if (!cat) return "#9ca3af";
+  const map = {
+    cardiovascular: "#dc2626",
+    cancer: "#a21caf",
+    diabetes: "#d97706",
+    "mental-health": "#2563eb",
+    depression: "#1d4ed8",
+    anxiety: "#0ea5e9",
+    bipolar: "#6366f1",
+    ptsd: "#475569",
+    "substance-alcohol": "#92400e",
+    "substance-drugs": "#7c2d12",
+    "substance-tobacco": "#854d0e",
+    neurological: "#7e22ce",
+    respiratory: "#0891b2",
+    autoimmune: "#be185d",
+    genetic: "#0f766e",
+    reproductive: "#db2777",
+    "eating-disorder": "#9333ea",
+    "learning-developmental": "#0369a1",
+    kidney: "#b45309",
+    "liver-gi": "#ca8a04",
+    obesity: "#ea580c",
+    other: "#9ca3af"
+  };
+  return map[cat] ?? "#9ca3af";
+}
+function buildHeritageItems(individuals) {
+  const all = /* @__PURE__ */ new Set();
+  for (const ind of individuals) {
+    if (!ind.heritage) continue;
+    for (const h of ind.heritage) all.add(h);
+  }
+  const ordered = Array.from(all).sort();
+  return ordered.map((id, i) => ({
+    key: id,
+    label: humanize(id),
+    kind: "fill",
+    color: HERITAGE_PALETTE[i % HERITAGE_PALETTE.length],
+    section: "heritage"
+  }));
+}
+function buildMarkerItems(individuals, theme) {
+  const used = /* @__PURE__ */ new Set();
+  for (const ind of individuals) {
+    if (!ind.markers) continue;
+    for (const m of ind.markers) used.add(m);
+  }
+  const order = [
+    "proband",
+    "consultand",
+    "evaluated",
+    "index-person",
+    "transgender",
+    "no-children",
+    "infertile"
+  ];
+  const items = [];
+  for (const m of order) {
+    if (!used.has(m)) continue;
+    items.push(markerItem(m, theme));
+  }
+  return items;
+}
+function markerItem(m, theme) {
+  switch (m) {
+    case "proband":
+      return { key: `marker.${m}`, label: "Proband (P)", kind: "marker", marker: "P", section: "markers" };
+    case "consultand":
+      return { key: `marker.${m}`, label: "Consultand (C)", kind: "marker", marker: "C", section: "markers" };
+    case "evaluated":
+      return { key: `marker.${m}`, label: "Evaluated (E)", kind: "marker", marker: "E", section: "markers" };
+    case "index-person":
+      return {
+        key: `marker.${m}`,
+        label: "Index person (focal subject)",
+        kind: "shape",
+        shape: "concentric-square",
+        fill: "#fef3c7",
+        color: theme?.stroke,
+        section: "markers"
+      };
+    case "transgender":
+      return { key: `marker.${m}`, label: "Transgender", kind: "marker", marker: "star", section: "markers" };
+    case "no-children":
+      return { key: `marker.${m}`, label: "No children (by choice)", kind: "marker", marker: "slash", section: "markers" };
+    case "infertile":
+      return { key: `marker.${m}`, label: "Infertile", kind: "marker", marker: "X", section: "markers" };
+    default:
+      return { key: `marker.${m}`, label: humanize(m), kind: "marker", marker: "dot", section: "markers" };
+  }
+}
+function humanize(s) {
+  return s.replace(/[-_]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+
 // src/diagrams/genogram/renderer.ts
 function renderGenogram(layout, config, ast) {
   const hasDirectional = layout.edges.some((e) => e.relationship.directional);
@@ -1444,8 +1851,9 @@ function renderGenogram(layout, config, ast) {
     defsStr,
     styleStr
   ];
+  const chartContent = [];
   if (chartTitle) {
-    layers.push(
+    chartContent.push(
       text(
         {
           x: layout.width / 2,
@@ -1460,17 +1868,54 @@ function renderGenogram(layout, config, ast) {
       )
     );
   }
-  const contentGroup = group(
-    { transform: titleHeight > 0 ? `translate(0, ${titleHeight})` : void 0 },
-    [edgeLayers, emotionalLayer, ...nodeLayers, labelLayer, edgeLabelLayer]
+  chartContent.push(
+    group(
+      { transform: titleHeight > 0 ? `translate(0, ${titleHeight})` : void 0 },
+      [edgeLayers, emotionalLayer, ...nodeLayers, labelLayer, edgeLabelLayer]
+    )
+  );
+  let finalWidth = layout.width;
+  let finalHeight = totalHeight;
+  let legendSvg = "";
+  if (ast) {
+    const themeBase = resolveGenogramTheme(config.theme);
+    const autoSpec = buildGenogramLegend(ast, themeBase);
+    const finalSpec = applyLegendOverrides(autoSpec, ast.legendOverrides);
+    if (finalSpec.mode === "on" && finalSpec.items.length > 0) {
+      const { svg, bbox: lb } = renderLegend(
+        finalSpec,
+        {
+          canvasWidth: layout.width,
+          canvasHeight: totalHeight,
+          padding: 16,
+          titleHeight
+        },
+        themeBase,
+        { fontFamily: config.fontFamily, fontSize: config.fontSize }
+      );
+      if (svg) {
+        legendSvg = svg;
+        const overflowX = lb.x + lb.w + 8;
+        const overflowY = lb.y + lb.h + 8;
+        if (overflowX > finalWidth) finalWidth = overflowX;
+        if (overflowY > finalHeight) finalHeight = overflowY;
+      }
+    }
+  }
+  const chartXOffset = Math.max(0, (finalWidth - layout.width) / 2);
+  layers.push(
+    group(
+      { transform: chartXOffset > 0 ? `translate(${chartXOffset}, 0)` : void 0 },
+      chartContent
+    )
   );
-  layers.push(contentGroup);
+  if (legendSvg) layers.push(legendSvg);
   return svgRoot(
     {
-      viewBox: `0 0 ${layout.width} ${totalHeight}`,
+      viewBox: `0 0 ${finalWidth} ${finalHeight}`,
       class: "schematex-diagram schematex-genogram",
-      width: layout.width,
-      height: totalHeight
+      width: finalWidth,
+      height: finalHeight
     },
     layers
   );
@@ -1491,7 +1936,8 @@ function buildStyles(config) {
 .schematex-genogram-edge-divorced .schematex-genogram-divorce-mark { stroke: ${t.neutral}; stroke-width: ${STROKE_WIDTH.normal}; }
 .schematex-genogram-edge-separated .schematex-genogram-separation-mark { stroke: ${t.neutral}; stroke-width: ${STROKE_WIDTH.normal}; }
 .schematex-genogram-deceased-mark { stroke: ${t.deceasedMark}; stroke-width: ${STROKE_WIDTH.normal}; stroke-linecap: round; }
-.schematex-genogram-condition-fill { fill: ${t.conditionFill}; }
+/* Inline fill on each .schematex-genogram-condition-fill element comes from cond.color. The CSS only sets a default for elements that did not receive an inline fill attribute. */
+.schematex-genogram-condition-fill:not([fill]) { fill: ${t.conditionFill}; }
 .schematex-genogram-age { font-family: ${config.fontFamily}; fill: ${t.text}; pointer-events: none; }
 .schematex-genogram-title { fill: ${t.text}; }
 .schematex-genogram-edge-label { font-family: ${config.fontFamily}; fill: ${t.text}; }
@@ -1792,5 +2238,5 @@ var genogram = {
 };
 
 export { ParseError, genogram, getRequiredDefs, layoutGenogram, parseGenogram, renderGenogram, renderIndividualSymbol };
-//# sourceMappingURL=chunk-YN467EEQ.js.map
-//# sourceMappingURL=chunk-YN467EEQ.js.map
+//# sourceMappingURL=chunk-H2OEUBPO.js.map
+//# sourceMappingURL=chunk-H2OEUBPO.js.map