@diagrammo/dgmo 0.53.0 → 0.55.0

package/dist/{chunk-2QC4HXCY.js → chunk-RYNCWA5X.js}

@@ -1,7 +1,3 @@
-import {
-  GANTT_BOOLEAN_SET,
-  GANTT_OPTION_SET
-} from "./chunk-6DCOIN4W.js";
 import {
   parseDuration,
   parseOffset,
@@ -14,16 +10,18 @@ import {
 import {
   getSeriesColors
 } from "./chunk-JYDMBWRP.js";
+import {
+  normalizeName
+} from "./chunk-NOTA6TEI.js";
 import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-CMVZWP32.js";
-import {
-  normalizeName
-} from "./chunk-NOTA6TEI.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
+  GANTT_BOOLEAN_SET,
+  GANTT_OPTION_SET,
   GANTT_REGISTRY,
   extractColor,
   isReservedKey,
@@ -33,7 +31,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -812,6 +810,9 @@ function parseGantt(content, palette) {
         case "no-legend":
           result.options.noLegend = true;
           break;
+        case "legend-inline":
+          result.options.legendInline = true;
+          break;
       }
       continue;
     }
@@ -1346,4 +1347,4 @@ export {
   GANTT_KNOWN_OPTIONS,
   GANTT_KNOWN_BOOLEANS
 };
-//# sourceMappingURL=chunk-2QC4HXCY.js.map
+//# sourceMappingURL=chunk-RYNCWA5X.js.map

package/dist/{chunk-NNUMX6WX.js → chunk-RZWIPDZ2.js}

@@ -1,20 +1,9 @@
 import {
-  INFRA_BEHAVIOR_KEY_SET,
-  INFRA_EDGE_ONLY_KEY_SET,
-  INFRA_TOP_LEVEL_OPTION_SET
-} from "./chunk-6DCOIN4W.js";
+  GRAPH_DX
+} from "./chunk-7TF3QOOD.js";
 import {
   tryStripDescriptionKeyword
 } from "./chunk-IYULMRBE.js";
-import {
-  matchTagBlockHeading,
-  stripDefaultModifier,
-  tagAttrKey,
-  validateTagGroupNames
-} from "./chunk-CMVZWP32.js";
-import {
-  GRAPH_DX
-} from "./chunk-I46X5VUA.js";
 import {
   parseInArrowLabel
 } from "./chunk-WF64MW5G.js";
@@ -23,14 +12,23 @@ import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
 import {
+  matchTagBlockHeading,
+  stripDefaultModifier,
+  tagAttrKey,
+  validateTagGroupNames
+} from "./chunk-JR7Q6GHE.js";
+import {
+  INFRA_BEHAVIOR_KEY_SET,
+  INFRA_EDGE_ONLY_KEY_SET,
   INFRA_REGISTRY,
+  INFRA_TOP_LEVEL_OPTION_SET,
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   isRecognizedColorName
 } from "./chunk-ZKPPI6BF.js";
@@ -801,8 +799,35 @@ function parseInfra(content) {
   }
   validateTagGroupNames(result.tagGroups, warn, setError);
   checkReachability(result);
+  checkSplitSums(result);
   return result;
 }
+function checkSplitSums(result) {
+  const outbound = /* @__PURE__ */ new Map();
+  for (const edge of result.edges) {
+    if (edge.async) continue;
+    const list = outbound.get(edge.sourceId) ?? [];
+    list.push(edge);
+    outbound.set(edge.sourceId, list);
+  }
+  for (const [sourceId, edges] of outbound) {
+    if (edges.length <= 1) continue;
+    const declared = edges.filter((e) => e.split !== null);
+    if (declared.length === 0) continue;
+    const sum = declared.reduce((s, e) => s + (e.split ?? 0), 0);
+    const allDeclared = declared.length === edges.length;
+    if (allDeclared ? Math.abs(sum - 100) > 0.01 : sum > 100) {
+      const label = result.nodes.find((n) => n.id === sourceId)?.label ?? sourceId;
+      result.diagnostics.push(
+        // In-bounds: declared.length > 0 here.
+        emit(GRAPH_DX.INFRA_SPLIT_SUM, declared[0].lineNumber, {
+          label,
+          sum: String(Number(sum.toFixed(2)))
+        })
+      );
+    }
+  }
+}
 function checkReachability(result) {
   if (result.nodes.length === 0) return;
   const entries = result.nodes.filter((n) => n.isEdge);
@@ -920,4 +945,4 @@ export {
   parseInfra,
   extractSymbols
 };
-//# sourceMappingURL=chunk-NNUMX6WX.js.map
+//# sourceMappingURL=chunk-RZWIPDZ2.js.map

package/dist/{chunk-VKNCC2GX.js → chunk-S52F62GW.js}

@@ -1,16 +1,6 @@
-import {
-  AUTO_TAG_COLOR_SENTINEL,
-  finalizeAutoTagColors,
-  injectDefaultTagMetadata,
-  matchTagBlockHeading,
-  stripDefaultModifier,
-  tagAttrKey,
-  validateTagGroupNames,
-  validateTagValues
-} from "./chunk-CMVZWP32.js";
 import {
   tryCollectNote
-} from "./chunk-ZXUAPTCK.js";
+} from "./chunk-4R5KIPNX.js";
 import {
   resolveNotes
 } from "./chunk-QZAW5SFH.js";
@@ -20,6 +10,16 @@ import {
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
+import {
+  AUTO_TAG_COLOR_SENTINEL,
+  finalizeAutoTagColors,
+  injectDefaultTagMetadata,
+  matchTagBlockHeading,
+  stripDefaultModifier,
+  tagAttrKey,
+  validateTagGroupNames,
+  validateTagValues
+} from "./chunk-JR7Q6GHE.js";
 import {
   BOXES_AND_LINES_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -30,7 +30,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   makeDgmoError,
   suggest
@@ -833,4 +833,4 @@ export {
   looksLikeBoxesAndLines,
   parseBoxesAndLines
 };
-//# sourceMappingURL=chunk-VKNCC2GX.js.map
+//# sourceMappingURL=chunk-S52F62GW.js.map

package/dist/{chunk-UQRIKAMH.js → chunk-SCOHNGPG.js}

@@ -8,22 +8,26 @@ import {
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
 } from "./chunk-3CIOJ5YJ.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  layoutInlineHeader
+} from "./chunk-US3P2DQO.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
 import {
+  getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-774C2FF3.js";
+} from "./chunk-GRXPFBYC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,6 +36,11 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  CHAR_WIDTH_RATIO,
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   mix,
@@ -40,18 +49,14 @@ import {
   themeBaseBg,
   valueRampColor
 } from "./chunk-JYDMBWRP.js";
-import {
-  CHAR_WIDTH_RATIO,
-  measureText,
-  truncateText
-} from "./chunk-4ASYQ347.js";
 import {
   resolveTagColor
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   fillModeFromOptions,
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -315,6 +320,32 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
   );
   const needsLegend = (legendGroups.length > 0 || hasAnyDescriptions && !!onToggleDescriptions) && !noLegend;
   const legendH = needsLegend ? sLegendHeight + 8 : 0;
+  const inlineRequested = legendInlineRequested(parsed.options);
+  const legendExtent = inlineRequested && needsLegend ? getLegendExtent(
+    {
+      groups: legendGroups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview",
+      showInactivePills: true
+    },
+    { activeGroup },
+    width
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend: needsLegend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: width,
+    titleBandHeight: titleOffset,
+    legendReserve: legendH,
+    titleBaselineY: sTitleY,
+    titleFontSize: sTitleFontSize
+  });
   const groupLabelsSet = new Set(layout.groups.map((g) => g.label));
   let labelZoneExtension = 0;
   for (const group of parsed.groups) {
@@ -323,19 +354,20 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     }
   }
   const contentW = layout.width;
-  const contentH = layout.height + titleOffset + legendH + labelZoneExtension;
+  const vOverhead = titleOffset + (header.inline ? 0 : legendH) + labelZoneExtension;
+  const availH = Math.max(1, height - vOverhead - sDiagramPadding * 2);
   const scaleX = width / (contentW + sDiagramPadding * 2);
-  const scaleY = height / (contentH + sDiagramPadding * 2);
+  const scaleY = availH / layout.height;
   const scale = Math.min(scaleX, scaleY, 3);
   const offsetX = (width - contentW * scale) / 2;
-  const offsetY = sDiagramPadding + titleOffset + legendH;
+  const offsetY = sDiagramPadding + titleOffset + (header.inline ? 0 : legendH);
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY).style("background", palette.bg);
   if (sctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
   const defs = svg.append("defs");
   if (showTitle) {
-    svg.append("text").attr("x", width / 2).attr("y", sTitleY).attr("text-anchor", "middle").attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(parsed.title);
+    svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(parsed.title);
   }
   const diagramG = svg.append("g").attr("transform", `translate(${offsetX},${offsetY}) scale(${scale})`);
   const arrowColors = /* @__PURE__ */ new Set();
@@ -710,11 +742,20 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         }
       }
     };
-    const legendG = svg.append("g").attr("transform", `translate(0,${titleOffset + 4})`);
+    const legendG = svg.append("g").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0,${titleOffset + 4})`
+    );
     renderIntegratedLegend(legendG, {
       groups: legendGroups,
       activeGroup,
       mode: exportMode ? "export" : "preview",
+      // Inline → left-origin so the wrapper's right-flush translate lands the
+      // legend at the chart's right edge; stacked → centered below the title.
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       // Keep inactive sibling tag groups visible as collapsed pills so the user
       // can click one to flip the active colouring dimension (preview only).
       showInactivePills: true,
@@ -759,4 +800,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-UQRIKAMH.js.map
+//# sourceMappingURL=chunk-SCOHNGPG.js.map

package/dist/{chunk-VGNIDAPQ.js → chunk-SSHS42QG.js}

@@ -4,12 +4,12 @@ import {
 import {
   noteCanvasShift
 } from "./chunk-6EK55ART.js";
-import {
-  measureText
-} from "./chunk-4ASYQ347.js";
 import {
   resolveNotes
 } from "./chunk-QZAW5SFH.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 
 // src/er/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -326,4 +326,4 @@ function layoutERDiagram(parsed, options) {
 export {
   layoutERDiagram
 };
-//# sourceMappingURL=chunk-VGNIDAPQ.js.map
+//# sourceMappingURL=chunk-SSHS42QG.js.map

package/dist/chunk-TGOMHUOV.js

@@ -0,0 +1,218 @@
+// src/chart-types.ts
+var chartTypes = [
+  // ── Tier 1 — Narrative / architecture diagrams ────────────
+  {
+    id: "journey-map",
+    description: "User experience flow with emotion scores, phases, and annotations"
+  },
+  {
+    id: "c4",
+    description: "System architecture (context, container, component, deployment)"
+  },
+  {
+    id: "er",
+    description: "Database schemas and relationships"
+  },
+  {
+    id: "class",
+    description: "UML class hierarchies"
+  },
+  {
+    id: "sequence",
+    description: "Message request and response interaction flows",
+    fallback: true
+  },
+  {
+    id: "state",
+    description: "State machine / lifecycle transitions"
+  },
+  {
+    id: "infra",
+    description: "Infrastructure traffic flow with RPS computation"
+  },
+  {
+    id: "gantt",
+    description: "Project scheduling with task dependencies and milestones"
+  },
+  {
+    id: "pert",
+    description: "Project network with three-point estimates, critical path, and uncertainty (Beta-PERT, Monte Carlo)"
+  },
+  {
+    id: "swimlane",
+    description: "Cross-functional process flow with lanes, phases and gateways (BPMN-style)"
+  },
+  {
+    id: "version-control",
+    description: "Git / version-control branch-and-merge graph: commits, branches, merges, rebase, HEAD and remote-tracking (gitGraph-style)"
+  },
+  // ── Tier 2 — Specialized structural diagrams ──────────────
+  {
+    id: "timeline",
+    description: "Events, eras, and date ranges"
+  },
+  {
+    id: "event-line",
+    description: "Annotated narrative timeline \u2014 events on a horizontal line with descriptions (not the date-scaled timeline)"
+  },
+  {
+    id: "body",
+    description: "Human anatomy figure annotated by muscle/bone/joint name \u2014 for medical, exercise, and educational diagrams"
+  },
+  {
+    id: "org",
+    description: "Reporting hierarchy"
+  },
+  {
+    id: "family",
+    description: "Family tree / genealogy: unions (couples), children, remarriage, adoption, and GEDCOM-style metadata"
+  },
+  {
+    id: "sitemap",
+    description: "Site / app navigation structure"
+  },
+  {
+    id: "bracket",
+    description: "Single-elimination tournament bracket: winners auto-advance up a tree; seed the field for a day-0 skeleton or list results for a casual bracket, with two sides mirroring inward to a championship"
+  },
+  {
+    id: "kanban",
+    description: "Task board columns"
+  },
+  {
+    id: "raci",
+    description: "Tasks \xD7 roles responsibility matrix with constraint linting"
+  },
+  {
+    id: "tech-radar",
+    description: "Technology adoption quadrants (adopt/trial/assess/hold)"
+  },
+  {
+    id: "mindmap",
+    description: "Radial hierarchy of ideas branching from a central topic"
+  },
+  {
+    id: "wireframe",
+    description: "Low-fidelity UI layout with panels, controls, and annotations"
+  },
+  {
+    id: "cycle",
+    description: "Cyclical process visualization (PDCA, OODA, DevOps loops)"
+  },
+  {
+    id: "pyramid",
+    description: "Stacked hierarchy of layers with descriptions (Maslow, DIKW)"
+  },
+  {
+    id: "ring",
+    description: "Concentric rings showing nested or hierarchical categories (read core-out)"
+  },
+  {
+    id: "treemap",
+    description: "Nested rectangles sized by value \u2014 show a hierarchy\u2019s proportions (budgets, disk usage, portfolios) with color by category, value heatmap, or branch"
+  },
+  {
+    id: "block",
+    description: "Block diagram: an author-controlled grid of rectangular blocks with nested, collapsible containers \u2014 system/hardware/architecture layouts where the 2-D arrangement is the meaning"
+  },
+  {
+    id: "sketch",
+    description: "GUI-first constrained canvas: uniformly-sized shapes placed freely on a snap grid, arrows between them, meaning through tags \u2014 the markup is generated by the canvas editor"
+  },
+  {
+    id: "goal",
+    description: "Single progress-toward-a-target value (now vs target) as a progress bar, thermometer, or gauge \u2014 KPIs, fundraising, quotas, completion"
+  },
+  {
+    id: "countdown",
+    description: 'Live "N days until X" that ticks every second and is accurate on every load \u2014 trip dates, launches, deadlines; the only dynamic chart type'
+  },
+  {
+    id: "clock",
+    description: "Live world-clock board: current time for people/places across time zones, ticking every second, with optional working-hours status and sundown line"
+  },
+  {
+    id: "map",
+    description: "Geographic concept map: highlight/score regions, drop points of interest, connect with routes or edges"
+  },
+  // ── Tier 3 — Specialized analytical charts ────────────────
+  {
+    id: "quadrant",
+    description: "2x2 positioning matrix"
+  },
+  {
+    id: "venn",
+    description: "Set overlaps"
+  },
+  {
+    id: "funnel",
+    description: "Conversion pipeline"
+  },
+  {
+    id: "slope",
+    description: "Change between 2 time periods"
+  },
+  {
+    id: "sankey",
+    description: "Flow / allocation visualization"
+  },
+  {
+    id: "arc",
+    description: "Network relationships (linear or circular via `layout`)"
+  },
+  {
+    id: "wordcloud",
+    description: "Term frequency visualization"
+  },
+  {
+    id: "heatmap",
+    description: "Matrix intensity visualization"
+  },
+  {
+    id: "function",
+    description: "Mathematical expressions"
+  },
+  // ── Tier 4 — General-purpose data charts ──────────────────
+  {
+    id: "bar",
+    description: "Categorical comparisons for 3 - 5 figures",
+    fallback: true
+  },
+  {
+    id: "line",
+    description: "Trends over time",
+    fallback: true
+  },
+  {
+    id: "pie",
+    description: "Part-to-whole proportions"
+  },
+  {
+    id: "radar",
+    description: "Multi-dimensional metrics"
+  },
+  {
+    id: "polar-area",
+    description: "Radial bar chart"
+  },
+  {
+    id: "scatter",
+    description: "2D data points or bubble chart"
+  },
+  // ── Tier 5 — Generic catch-alls (listed last on purpose) ──
+  {
+    id: "flowchart",
+    description: "Decision trees and process flows",
+    fallback: true
+  },
+  {
+    id: "boxes-and-lines",
+    description: "General-purpose node-edge diagrams with groups and tags",
+    fallback: true
+  }
+];
+
+export {
+  chartTypes
+};
+//# sourceMappingURL=chunk-TGOMHUOV.js.map

package/dist/{chunk-UKP5HWB5.js → chunk-UBQU2BY6.js}

@@ -11,7 +11,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText
 } from "./chunk-4ASYQ347.js";
@@ -19,10 +19,10 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/org/layout.ts
 import { hierarchy, tree } from "d3-hierarchy";
@@ -870,4 +870,4 @@ function layoutOrg(parsed, hiddenCounts, activeTagGroup, hiddenAttributes, expan
 export {
   layoutOrg
 };
-//# sourceMappingURL=chunk-UKP5HWB5.js.map
+//# sourceMappingURL=chunk-UBQU2BY6.js.map

package/dist/{chunk-IQJCVREL.js → chunk-UES4P7FN.js}

@@ -15,18 +15,18 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  CHAR_WIDTH_RATIO,
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   getSeriesColors,
   shapeFill
 } from "./chunk-JYDMBWRP.js";
-import {
-  CHAR_WIDTH_RATIO,
-  measureText
-} from "./chunk-4ASYQ347.js";
 import {
   fillModeFromOptions
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -436,4 +436,4 @@ export {
   renderPyramid,
   renderPyramidForExport
 };
-//# sourceMappingURL=chunk-IQJCVREL.js.map
+//# sourceMappingURL=chunk-UES4P7FN.js.map