@diagrammo/dgmo 0.53.0 → 0.54.0

package/dist/{chunk-AN2DQB3G.js → chunk-T7Y554OK.js}

@@ -1,15 +1,6 @@
-import {
-  AUTO_TAG_COLOR_SENTINEL,
-  finalizeAutoTagColors,
-  matchTagBlockHeading,
-  stripDefaultModifier,
-  tagAttrKey,
-  validateTagGroupNames,
-  validateTagValues
-} from "./chunk-CMVZWP32.js";
 import {
   tryCollectNote
-} from "./chunk-ZXUAPTCK.js";
+} from "./chunk-WWHECSYZ.js";
 import {
   resolveNotes
 } from "./chunk-QZAW5SFH.js";
@@ -20,6 +11,15 @@ import {
   displayName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
+import {
+  AUTO_TAG_COLOR_SENTINEL,
+  finalizeAutoTagColors,
+  matchTagBlockHeading,
+  stripDefaultModifier,
+  tagAttrKey,
+  validateTagGroupNames,
+  validateTagValues
+} from "./chunk-AHTTKERF.js";
 import {
   ALL_CHART_TYPES,
   FILL_FAMILY_TOKENS,
@@ -32,7 +32,7 @@ import {
   parseMetadataRegion,
   tryParseSharedOption,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-ZKPPI6BF.js";
@@ -543,4 +543,4 @@ export {
   parseState,
   looksLikeState
 };
-//# sourceMappingURL=chunk-AN2DQB3G.js.map
+//# sourceMappingURL=chunk-T7Y554OK.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-W2DINCHL.js → chunk-TJN2OIVG.js}

@@ -1,12 +1,9 @@
-import {
-  renderInlineText
-} from "./chunk-3HDBAXF5.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-BMR4CIEO.js";
 import {
   renderNodeCard
 } from "./chunk-H3HFC3SQ.js";
+import {
+  renderInlineText
+} from "./chunk-3HDBAXF5.js";
 import {
   CARD_RADIUS,
   HEADER_HEIGHT,
@@ -14,12 +11,15 @@ import {
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
 } from "./chunk-3CIOJ5YJ.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-BMR4CIEO.js";
 import {
   formatDateLabel
-} from "./chunk-XQ4KN6JQ.js";
+} from "./chunk-4ZIKWVSQ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-2NZOHEP4.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -28,6 +28,10 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  CHAR_WIDTH_RATIO,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   getSeriesColors,
@@ -35,14 +39,10 @@ import {
   shapeFill,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  CHAR_WIDTH_RATIO,
-  wrapTextToWidth
-} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-AHTTKERF.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -71,6 +71,8 @@ var DATE_SUBTITLE_H = 15;
 var DATE_SUBTITLE_FONT = 10;
 var SHELF_TINT = 13;
 var SHELF_EDGE = 4;
+var SHELF_EDGE_STYLE = "spine";
+var SHELF_LIP = 2;
 var ERA_BLOCK = 30;
 var ERA_BRACKET_CAP = 8;
 var ERA_BRACKET_PAD = 14;
@@ -535,8 +537,21 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
         "fill",
         parsed.options.fillMode ? p.color : mix(p.color, themeBaseBg(palette, isDark), SHELF_TINT)
       );
-      const edgeY = titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_EDGE;
-      cardG.append("rect").attr("x", 0).attr("y", edgeY).attr("width", CARD_W).attr("height", SHELF_EDGE).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
+      if (SHELF_EDGE_STYLE !== "none" && !parsed.options.fillMode) {
+        const lip = SHELF_EDGE_STYLE === "left" ? {
+          // vertical lip on the spine-relative leading edge
+          x: 0,
+          y: shelfTop,
+          width: SHELF_LIP,
+          height: shelfH
+        } : {
+          x: 0,
+          y: titleNearTop ? shelfTop : shelfTop + shelfH - SHELF_LIP,
+          width: CARD_W,
+          height: SHELF_LIP
+        };
+        cardG.append("rect").attr("x", lip.x).attr("y", lip.y).attr("width", lip.width).attr("height", lip.height).attr("clip-path", `url(#${clipId})`).attr("fill", p.color).attr("fill-opacity", p.future ? 0.4 : 1);
+      }
       const shelfText = parsed.options.fillMode ? contrastText(p.color, palette.textOnFillLight, palette.textOnFillDark) : p.color;
       const titleMid = headBandTop + p.headerH / 2;
       const titleTop = titleMid - (p.titleLines.length - 1) * TITLE_LINE_H / 2;
@@ -982,4 +997,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-W2DINCHL.js.map
+//# sourceMappingURL=chunk-TJN2OIVG.js.map

package/dist/{chunk-CK2GMDXD.js → chunk-TLNVYWPA.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   makeDgmoError,
   makeFail,
@@ -338,4 +338,4 @@ function assignGlobalNumbers(result) {
 export {
   parseTechRadar
 };
-//# sourceMappingURL=chunk-CK2GMDXD.js.map
+//# sourceMappingURL=chunk-TLNVYWPA.js.map

package/dist/{chunk-CQFNIIQN.js → chunk-U4IN6AHE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-U7VO6JAA.js";
 import {
   parseDgmoChartType
-} from "./chunk-SQCBSFT5.js";
+} from "./chunk-SBOAZ7YK.js";
 import {
   measureText,
   truncateText
@@ -428,4 +428,4 @@ export {
   defaultEmbedBackground,
   getEmbedSvgViewBox
 };
-//# sourceMappingURL=chunk-CQFNIIQN.js.map
+//# sourceMappingURL=chunk-U4IN6AHE.js.map

package/dist/{chunk-HOXKNRON.js → chunk-UEU6IYKY.js}

@@ -1,6 +1,6 @@
 import {
   acyclicOrient
-} from "./chunk-FGDSTT3F.js";
+} from "./chunk-7U4OR7CD.js";
 
 // src/swimlane/layout.ts
 var MARGIN = 30;
@@ -419,4 +419,4 @@ function layoutSwimlane(parsed) {
 export {
   layoutSwimlane
 };
-//# sourceMappingURL=chunk-HOXKNRON.js.map
+//# sourceMappingURL=chunk-UEU6IYKY.js.map

package/dist/{chunk-UK6DKJLD.js → chunk-UIT7E6UF.js}

@@ -1,7 +1,7 @@
 import {
   extractDatePrefix,
   parseTimelineDate
-} from "./chunk-6AUZPPAV.js";
+} from "./chunk-3KHJJP3J.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -16,7 +16,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-AHTTKERF.js";
 import {
   EVENT_LINE_REGISTRY,
   extractColor,
@@ -27,7 +27,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   emit,
   formatDgmoError,
@@ -618,4 +618,4 @@ export {
   EVENT_LINE_DIAGNOSTICS,
   parseEventLine
 };
-//# sourceMappingURL=chunk-UK6DKJLD.js.map
+//# sourceMappingURL=chunk-UIT7E6UF.js.map

package/dist/{chunk-IQJCVREL.js → chunk-VMSBMIHW.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-3FRO35WW.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -436,4 +436,4 @@ export {
   renderPyramid,
   renderPyramidForExport
 };
-//# sourceMappingURL=chunk-IQJCVREL.js.map
+//# sourceMappingURL=chunk-VMSBMIHW.js.map

package/dist/{chunk-FFXCKZOU.js → chunk-VQFDBNYF.js}

@@ -9,13 +9,13 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-AHTTKERF.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   emit
 } from "./chunk-4W2PE66Q.js";
@@ -264,4 +264,4 @@ export {
   parseBody,
   extractSymbols
 };
-//# sourceMappingURL=chunk-FFXCKZOU.js.map
+//# sourceMappingURL=chunk-VQFDBNYF.js.map

package/dist/{chunk-PV2QO7QL.js → chunk-W6PCFRPL.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColor
@@ -165,4 +165,4 @@ function parseRing(content) {
 export {
   parseRing
 };
-//# sourceMappingURL=chunk-PV2QO7QL.js.map
+//# sourceMappingURL=chunk-W6PCFRPL.js.map

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

@@ -8,22 +8,22 @@ 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 {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-2NZOHEP4.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-774C2FF3.js";
+} from "./chunk-J7HQPVYH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,6 +32,11 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  CHAR_WIDTH_RATIO,
+  measureText,
+  truncateText
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   mix,
@@ -40,18 +45,13 @@ 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-AHTTKERF.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -759,4 +759,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-UQRIKAMH.js.map
+//# sourceMappingURL=chunk-WKNAJ4BR.js.map

package/dist/{chunk-4WGMGKCZ.js → chunk-WW4BQ744.js}

@@ -3,7 +3,7 @@ import {
   layoutJourneyMap,
   scoreToColor,
   scoreToCurveY
-} from "./chunk-J7HI6G3G.js";
+} from "./chunk-HFEOOQ46.js";
 import {
   wrapNoteBody
 } from "./chunk-UU6LUYUH.js";
@@ -21,31 +21,31 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-2NZOHEP4.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
 import {
   parseJourneyMap
-} from "./chunk-VJHBSPGF.js";
+} from "./chunk-KQ3FNRGR.js";
+import {
+  measureText,
+  truncateText,
+  wrapTextToWidth
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  measureText,
-  truncateText,
-  wrapTextToWidth
-} from "./chunk-4ASYQ347.js";
 import {
   resolveActiveTagGroup,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-AHTTKERF.js";
 import {
   fillModeFromOptions
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 
 // src/journey-map/renderer.ts
 import * as d3 from "d3-selection";
@@ -868,4 +868,4 @@ export {
   renderJourneyMap,
   renderJourneyMapForExport
 };
-//# sourceMappingURL=chunk-4WGMGKCZ.js.map
+//# sourceMappingURL=chunk-WW4BQ744.js.map

package/dist/{chunk-ZXUAPTCK.js → chunk-WWHECSYZ.js}

@@ -1,7 +1,7 @@
 import {
   extractColor,
   measureIndent
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-3FRO35WW.js";
 import {
   makeDgmoError
 } from "./chunk-4W2PE66Q.js";
@@ -73,4 +73,4 @@ function tryCollectNote(lines, index, indent, palette, diagnostics) {
 export {
   tryCollectNote
 };
-//# sourceMappingURL=chunk-ZXUAPTCK.js.map
+//# sourceMappingURL=chunk-WWHECSYZ.js.map