@diagrammo/dgmo 0.53.0 → 0.55.0

package/dist/chunk-US3P2DQO.js

@@ -0,0 +1,87 @@
+import {
+  TITLE_FONT_SIZE,
+  TITLE_Y
+} from "./chunk-A4GOY3PE.js";
+import {
+  LEGEND_HEIGHT
+} from "./chunk-Q5IHQ4NW.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
+
+// src/utils/inline-header.ts
+var LEGEND_INLINE_SUPPORTED = /* @__PURE__ */ new Set([
+  // data charts
+  "bar",
+  "line",
+  "radar",
+  "scatter",
+  "function",
+  // structured
+  "state",
+  "treemap",
+  "block",
+  "event-line",
+  "boxes-and-lines",
+  "er",
+  "class",
+  "family",
+  "infra",
+  "sequence",
+  "sketch",
+  "bracket",
+  "gantt",
+  "pert",
+  "sitemap",
+  "mindmap",
+  "kanban",
+  "journey-map"
+]);
+function legendInlineSupported(type) {
+  return LEGEND_INLINE_SUPPORTED.has(type.toLowerCase());
+}
+var INLINE_HEADER_PAD = 8;
+var INLINE_HEADER_GAP = 16;
+var BOLD_WIDTH_FACTOR = 1.06;
+var MIN_INLINE_LEGEND_W = 48;
+function measureTitleWidth(title, fontSize = TITLE_FONT_SIZE) {
+  return measureText(title, fontSize) * BOLD_WIDTH_FACTOR;
+}
+function layoutInlineHeader(input) {
+  const pad = input.pad ?? INLINE_HEADER_PAD;
+  const gap = input.gap ?? INLINE_HEADER_GAP;
+  const fontSize = input.titleFontSize ?? TITLE_FONT_SIZE;
+  const baselineY = input.titleBaselineY ?? TITLE_Y;
+  const stacked = {
+    inline: false,
+    titleX: input.containerWidth / 2,
+    titleAnchor: "middle",
+    legendX: 0,
+    legendY: input.titleBandHeight,
+    headerHeight: input.titleBandHeight + (input.hasLegend ? input.legendReserve : 0)
+  };
+  if (!input.requested || !input.hasLegend) return stacked;
+  const titleW = measureTitleWidth(input.title, fontSize);
+  const titleRight = pad + titleW + gap;
+  const avail = input.containerWidth - titleRight - pad;
+  const fits = avail >= MIN_INLINE_LEGEND_W && input.legendHeight <= LEGEND_HEIGHT + 1 && input.legendWidth <= avail + 0.5;
+  if (!fits) return stacked;
+  return {
+    inline: true,
+    titleX: pad,
+    titleAnchor: "start",
+    // Flush to the right edge; the fit test guarantees this clears the title.
+    legendX: input.containerWidth - pad - input.legendWidth,
+    // Center the legend row on the title's visual middle (cap-center ≈ baseline
+    // − 0.36·fontSize).
+    legendY: baselineY - fontSize * 0.36 - input.legendHeight / 2,
+    headerHeight: input.titleBandHeight
+  };
+}
+
+export {
+  legendInlineSupported,
+  INLINE_HEADER_PAD,
+  layoutInlineHeader
+};
+//# sourceMappingURL=chunk-US3P2DQO.js.map

package/dist/{chunk-GAWKIIPO.js → chunk-UXXLE6AH.js}

@@ -6,10 +6,10 @@ import {
   mapLegendConfig,
   mapLegendGroups,
   parsePathRings
-} from "./chunk-UFQJMOVZ.js";
+} from "./chunk-ZGIBV36U.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -20,21 +20,21 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseClock
-} from "./chunk-FLDC7ZAK.js";
+} from "./chunk-AU75JHSR.js";
 import {
   fixedParts,
   formatTime,
   sunLine,
   workStatus,
   zoneParts
-} from "./chunk-APKUAJ2L.js";
+} from "./chunk-A2RUBBVT.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   mix,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  measureText
-} from "./chunk-4ASYQ347.js";
 
 // src/map/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -781,4 +781,4 @@ export {
   renderMap,
   renderMapForExport
 };
-//# sourceMappingURL=chunk-GAWKIIPO.js.map
+//# sourceMappingURL=chunk-UXXLE6AH.js.map

package/dist/{chunk-22OQWBWD.js → chunk-VMWSZCAK.js}

@@ -1,14 +1,6 @@
 import {
   inferParticipantType
 } from "./chunk-C3Z4DX3V.js";
-import {
-  AUTO_TAG_COLOR_SENTINEL,
-  finalizeAutoTagColors,
-  matchTagBlockHeading,
-  stripDefaultModifier,
-  validateTagGroupNames,
-  validateTagValues
-} from "./chunk-CMVZWP32.js";
 import {
   parseArrow,
   parseInArrowLabel
@@ -17,6 +9,14 @@ import {
   displayName,
   normalizeName
 } from "./chunk-NOTA6TEI.js";
+import {
+  AUTO_TAG_COLOR_SENTINEL,
+  finalizeAutoTagColors,
+  matchTagBlockHeading,
+  stripDefaultModifier,
+  validateTagGroupNames,
+  validateTagValues
+} from "./chunk-JR7Q6GHE.js";
 import {
   FILL_FAMILY_TOKENS,
   OPTION_NOCOLON_RE,
@@ -28,7 +28,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,
@@ -45,7 +45,8 @@ var KNOWN_SEQ_BOOLEANS = /* @__PURE__ */ new Set([
   "fill-solid",
   "fill-outline",
   "no-title",
-  "no-legend"
+  "no-legend",
+  "legend-inline"
 ]);
 var NO_PREFIX_ONLY_BOOLEANS = /* @__PURE__ */ new Set(["activations"]);
 var VALID_PARTICIPANT_TYPES = /* @__PURE__ */ new Set([
@@ -1039,4 +1040,4 @@ export {
   parseSequenceDgmo,
   looksLikeSequence
 };
-//# sourceMappingURL=chunk-22OQWBWD.js.map
+//# sourceMappingURL=chunk-VMWSZCAK.js.map

package/dist/{chunk-XG4NWFPY.js → chunk-VVIRAGID.js}

@@ -9,10 +9,10 @@ import {
 } from "./chunk-YYVTBZZC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-774C2FF3.js";
+} from "./chunk-GRXPFBYC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -22,27 +22,27 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseKanban
-} from "./chunk-FUKNRLIJ.js";
-import {
-  contrastText,
-  mix,
-  shapeFill,
-  themeBaseBg
-} from "./chunk-JYDMBWRP.js";
+} from "./chunk-RSBH2C7O.js";
 import {
   LEGEND_HEIGHT,
   measureLegendText
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText
 } from "./chunk-4ASYQ347.js";
+import {
+  contrastText,
+  mix,
+  shapeFill,
+  themeBaseBg
+} from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -893,4 +893,4 @@ export {
   renderKanban,
   renderKanbanForExport
 };
-//# sourceMappingURL=chunk-XG4NWFPY.js.map
+//# sourceMappingURL=chunk-VVIRAGID.js.map

package/dist/{chunk-X3RXGSCZ.js → chunk-VXTUWXFB.js}

@@ -6,13 +6,17 @@ import {
   formatPct,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-UVDCHR4E.js";
+} from "./chunk-WVGNXDEE.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,
@@ -21,21 +25,21 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
+import {
+  LEGEND_GROUP_GAP
+} from "./chunk-Q5IHQ4NW.js";
+import {
+  measureText
+} from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  LEGEND_GROUP_GAP
-} from "./chunk-4RGZFA7H.js";
-import {
-  measureText
-} from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 
 // src/treemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -175,9 +179,36 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     { groups: legend.groups, position: LEGEND_POSITION, mode: "preview" },
     width
   ) + LEGEND_GROUP_GAP : 0;
+  const inlineRequested = parsed.options.legendInline === true;
+  const legendExtent = inlineRequested && legend ? getLegendExtent(
+    {
+      groups: legend.groups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview",
+      showInactivePills: !exportMode,
+      showEmptyGroups: !exportMode
+    },
+    { activeGroup: legend.activeGroup },
+    width
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend: !!legend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: width,
+    titleBandHeight: titleH,
+    legendReserve,
+    titleBaselineY: TITLE_Y,
+    titleFontSize: TITLE_FONT_SIZE
+  });
   const headerH = opts.noHeaders ? 0 : HEADER_H;
   const areaX = PADDING;
-  const areaY = titleH + legendReserve + PADDING;
+  const areaY = (header.inline ? titleH : titleH + legendReserve) + PADDING;
   const areaW = Math.max(1, width - PADDING * 2);
   const areaH = Math.max(1, height - areaY - PADDING);
   const layout = layoutTreemap(parsed.roots, {
@@ -192,7 +223,7 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
   );
   svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
   if (showTitle) {
-    const title = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).text(parsed.title);
+    const title = svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", TITLE_Y).attr("text-anchor", header.titleAnchor).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).text(parsed.title);
     if (parsed.titleLineNumber !== null) {
       title.attr("data-line-number", parsed.titleLineNumber);
     }
@@ -322,7 +353,10 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
     }
   }
   if (legend) {
-    const legendG = svg.append("g").attr("class", "dgmo-treemap-legend").attr("transform", `translate(0, ${titleH})`);
+    const legendG = svg.append("g").attr("class", "dgmo-treemap-legend").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0, ${titleH})`
+    );
     renderIntegratedLegend(legendG, {
       groups: legend.groups,
       palette: {
@@ -335,7 +369,12 @@ function renderTreemap(container, parsed, palette, isDark, exportDims, options =
       isDark,
       width,
       mode: exportMode ? "export" : "preview",
-      position: LEGEND_POSITION,
+      // 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"
+      },
       activeGroup: legend.activeGroup,
       // The color-mode switcher is the legend itself: each applicable mode is a
       // group pill; the active one is the open capsule, the rest are clickable
@@ -399,4 +438,4 @@ export {
   renderTreemapForExport,
   renderTreemap
 };
-//# sourceMappingURL=chunk-X3RXGSCZ.js.map
+//# sourceMappingURL=chunk-VXTUWXFB.js.map

package/dist/{chunk-J7HI6G3G.js → chunk-W4TSD3IP.js}

@@ -1,14 +1,14 @@
-import {
-  mix,
-  shapeFill
-} from "./chunk-JYDMBWRP.js";
 import {
   measureText,
   wrapTextToWidth
 } from "./chunk-4ASYQ347.js";
+import {
+  mix,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   fillModeFromOptions
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;
@@ -290,4 +290,4 @@ export {
   scoreToCurveY,
   layoutJourneyMap
 };
-//# sourceMappingURL=chunk-J7HI6G3G.js.map
+//# sourceMappingURL=chunk-W4TSD3IP.js.map

package/dist/{chunk-FGDSTT3F.js → chunk-WB3NA3JJ.js}

@@ -1,7 +1,7 @@
 import {
   NODE_HEIGHT,
   NODE_WIDTH
-} from "./chunk-KKHCNSKK.js";
+} from "./chunk-IWG2ECAO.js";
 
 // src/boxes-and-lines/layout-grouped.ts
 var NODESEP = 50;
@@ -689,4 +689,4 @@ export {
   acyclicOrient,
   groupedTierCandidates
 };
-//# sourceMappingURL=chunk-FGDSTT3F.js.map
+//# sourceMappingURL=chunk-WB3NA3JJ.js.map

package/dist/{chunk-KUSAVOWZ.js → chunk-WITOJZGL.js}

@@ -1,6 +1,6 @@
 import {
   isBlockNode
-} from "./chunk-NR5HCAUD.js";
+} from "./chunk-XSVWUOUZ.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -9,13 +9,13 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   extractColor,
   fillModeFromToken,
   measureIndent,
   parseFirstLine
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   formatDgmoError,
   makeDgmoError,
@@ -133,6 +133,10 @@ function parseBlock(content, palette) {
           options.noLegend = true;
           continue;
         }
+        if (/^legend-inline\s*$/i.test(trimmed)) {
+          options.legendInline = true;
+          continue;
+        }
         const fm = fillModeFromToken(trimmed);
         if (fm !== null) {
           if (fm === "tint") delete options.fillMode;
@@ -338,4 +342,4 @@ function parseBlockTail(tail, aliasMap) {
 export {
   parseBlock
 };
-//# sourceMappingURL=chunk-KUSAVOWZ.js.map
+//# sourceMappingURL=chunk-WITOJZGL.js.map

package/dist/{chunk-UVDCHR4E.js → chunk-WVGNXDEE.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -176,4 +176,4 @@ export {
   formatPct,
   buildLegend
 };
-//# sourceMappingURL=chunk-UVDCHR4E.js.map
+//# sourceMappingURL=chunk-WVGNXDEE.js.map

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

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