@diagrammo/dgmo 0.53.0 → 0.55.0

package/dist/{chunk-FT7TPPZ5.js → chunk-3FUTFYSP.js}

@@ -1,6 +1,3 @@
-import {
-  layoutClassDiagram
-} from "./chunk-XY3UDKKH.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
@@ -12,6 +9,9 @@ import {
   extractExportSvg,
   runInExportContainer
 } from "./chunk-JTSMEYIZ.js";
+import {
+  layoutClassDiagram
+} from "./chunk-COVYNAKJ.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -19,9 +19,15 @@ import {
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  layoutInlineHeader
+} from "./chunk-US3P2DQO.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
+import {
+  getLegendExtent
+} from "./chunk-GRXPFBYC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,21 +38,22 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseClassDiagram
-} from "./chunk-VRRDUYOK.js";
-import {
-  contrastText,
-  shapeFill
-} from "./chunk-JYDMBWRP.js";
+} from "./chunk-IIUYKQ5J.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText
 } from "./chunk-4ASYQ347.js";
+import {
+  contrastText,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   fillModeFromOptions,
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/class/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -159,15 +166,50 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
   const LEGEND_FIXED_GAP = 8;
   const sLegendFixedGap = ctx.aesthetic(LEGEND_FIXED_GAP);
   const legendReserve = hasLegend ? sLegendHeight + sLegendFixedGap : 0;
+  const isLegendExpanded = legendActive !== false;
+  const legendGroups = [
+    {
+      name: LEGEND_GROUP_NAME,
+      entries: legendEntries.map((entry) => ({
+        value: entry.label,
+        color: palette.colors[entry.colorKey]
+      }))
+    }
+  ];
+  const inlineRequested = legendInlineRequested(parsed.options);
+  const legendExtent = inlineRequested && hasLegend ? getLegendExtent(
+    {
+      groups: legendGroups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview"
+    },
+    { activeGroup: isLegendExpanded ? LEGEND_GROUP_NAME : null },
+    width
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: width,
+    titleBandHeight: titleHeight,
+    legendReserve,
+    titleBaselineY: sTitleY,
+    titleFontSize: sTitleFontSize
+  });
   const diagramW = layout.width;
   const diagramH = layout.height;
-  const availH = height - titleHeight - legendReserve;
+  const availH = height - titleHeight - (header.inline ? 0 : legendReserve);
   const scaleX = (width - sDiagramPadding * 2) / diagramW;
   const scaleY = (availH - sDiagramPadding * 2) / diagramH;
   const scale = Math.min(MAX_SCALE, scaleX, scaleY);
   const scaledW = diagramW * scale;
   const offsetX = (width - scaledW) / 2;
-  const offsetY = titleHeight + legendReserve + sDiagramPadding;
+  const offsetY = titleHeight + (header.inline ? 0 : legendReserve) + sDiagramPadding;
   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);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
@@ -184,7 +226,7 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
   defs.append("marker").attr("id", "cd-arrow-depend").attr("viewBox", `0 0 ${AW} ${AH}`).attr("refX", AW).attr("refY", AH / 2).attr("markerWidth", AW).attr("markerHeight", AH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${AW},${AH / 2} 0,${AH}`).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.5);
   defs.append("marker").attr("id", "cd-arrow-assoc").attr("viewBox", `0 0 ${AW} ${AH}`).attr("refX", AW).attr("refY", AH / 2).attr("markerWidth", AW).attr("markerHeight", AH).attr("orient", "auto").append("polyline").attr("points", `0,0 ${AW},${AH / 2} 0,${AH}`).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", 1.5);
   if (showTitle) {
-    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", sTitleY).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).style(
+    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("fill", palette.text).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).style(
       "cursor",
       onClickItem && parsed.titleLineNumber ? "pointer" : "default"
     ).text(parsed.title);
@@ -199,22 +241,19 @@ function renderClassDiagram(container, parsed, layout, palette, isDark, onClickI
       }
     }
   }
-  const isLegendExpanded = legendActive !== false;
   if (hasLegend) {
-    const legendGroups = [
-      {
-        name: LEGEND_GROUP_NAME,
-        entries: legendEntries.map((entry) => ({
-          value: entry.label,
-          color: palette.colors[entry.colorKey]
-        }))
-      }
-    ];
-    const legendG = svg.append("g").attr("class", "cd-legend").attr("transform", `translate(0,${titleHeight})`);
+    const legendG = svg.append("g").attr("class", "cd-legend").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0,${titleHeight})`
+    );
     renderIntegratedLegend(legendG, {
       groups: legendGroups,
       activeGroup: isLegendExpanded ? LEGEND_GROUP_NAME : null,
       mode: exportMode ? "export" : "preview",
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       palette,
       isDark,
       width
@@ -409,4 +448,4 @@ export {
   renderClassDiagram,
   renderClassDiagramForExport
 };
-//# sourceMappingURL=chunk-FT7TPPZ5.js.map
+//# sourceMappingURL=chunk-3FUTFYSP.js.map

package/dist/{chunk-QAALSCKI.js → chunk-4MZCJV4M.js}

@@ -4,7 +4,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-LQHVDZYC.js";
+} from "./chunk-AKE6C2D7.js";
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.js";
@@ -17,7 +17,7 @@ import {
 } from "./chunk-3CIOJ5YJ.js";
 import {
   renderIntegratedLegend
-} from "./chunk-W5KMNC5U.js";
+} from "./chunk-ASPS5O6F.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -27,28 +27,28 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseC4
-} from "./chunk-PKNNHU7H.js";
+} from "./chunk-YXKNXIWA.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
-import {
-  contrastText,
-  mix,
-  shapeFill
-} from "./chunk-JYDMBWRP.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText,
   wrapTextToWidth
 } from "./chunk-4ASYQ347.js";
+import {
+  contrastText,
+  mix,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   fillModeFromOptions
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -1036,4 +1036,4 @@ export {
   renderC4Deployment,
   renderC4DeploymentForExport
 };
-//# sourceMappingURL=chunk-QAALSCKI.js.map
+//# sourceMappingURL=chunk-4MZCJV4M.js.map

package/dist/{chunk-ZXUAPTCK.js → chunk-4R5KIPNX.js}

@@ -1,7 +1,7 @@
 import {
   extractColor,
   measureIndent
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.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-4R5KIPNX.js.map

package/dist/{chunk-QWIBT6DS.js → chunk-5D5VHDJM.js}

@@ -1,12 +1,16 @@
 import {
   renderInlineText
 } from "./chunk-3HDBAXF5.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,
@@ -15,6 +19,12 @@ 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,
@@ -22,16 +32,10 @@ import {
   shapeFill,
   themeBaseBg
 } from "./chunk-JYDMBWRP.js";
-import {
-  LEGEND_GROUP_GAP
-} from "./chunk-4RGZFA7H.js";
-import {
-  measureText
-} from "./chunk-4ASYQ347.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -707,16 +711,41 @@ function renderBracket(container, parsed, palette, isDark, exportDims) {
     { groups: legendGroups, position: LEGEND_POSITION, mode: "preview" },
     width
   ) + LEGEND_GROUP_GAP : 0;
+  const inlineRequested = parsed.legendInline === true;
+  const legendExtent = inlineRequested && legendGroups.length > 0 ? getLegendExtent(
+    {
+      groups: legendGroups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview"
+    },
+    { activeGroup: activeGroup?.name ?? null },
+    width
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend: legendGroups.length > 0,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: width,
+    titleBandHeight: titleH,
+    legendReserve,
+    titleBaselineY: TITLE_Y,
+    titleFontSize: TITLE_FONT_SIZE
+  });
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("class", "dgmo-bracket").attr("role", "img").attr(
     "aria-label",
     `Tournament bracket${parsed.title ? ` \u2014 ${parsed.title}` : ""}${layout.champion ? `, champion ${layout.champion}` : ""}`
   ).style("font-family", FONT_FAMILY);
   if (showTitle) {
-    const t = 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 t = 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)
       t.attr("data-line-number", parsed.titleLineNumber);
   }
-  const areaY = titleH + legendReserve + PADDING;
+  const areaY = (header.inline ? titleH : titleH + legendReserve) + PADDING;
   const areaX = PADDING;
   const areaW = Math.max(1, width - PADDING * 2);
   const areaH = Math.max(1, height - areaY - PADDING);
@@ -725,7 +754,10 @@ function renderBracket(container, parsed, palette, isDark, exportDims) {
   const offsetY = areaY;
   const root = svg.append("g").attr("class", "dgmo-bracket-body").attr("transform", `translate(${offsetX},${offsetY}) scale(${scale})`);
   if (legendGroups.length > 0) {
-    const legendG = svg.append("g").attr("class", "dgmo-bracket-legend").attr("transform", `translate(0, ${titleH})`);
+    const legendG = svg.append("g").attr("class", "dgmo-bracket-legend").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0, ${titleH})`
+    );
     renderIntegratedLegend(legendG, {
       groups: legendGroups,
       palette: {
@@ -738,7 +770,10 @@ function renderBracket(container, parsed, palette, isDark, exportDims) {
       isDark,
       width,
       mode: exportMode ? "export" : "preview",
-      position: LEGEND_POSITION,
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       activeGroup: activeGroup?.name ?? null
     });
   }
@@ -959,4 +994,4 @@ export {
   renderBracket,
   renderBracketForExport
 };
-//# sourceMappingURL=chunk-QWIBT6DS.js.map
+//# sourceMappingURL=chunk-5D5VHDJM.js.map

package/dist/{chunk-U7NKYLX2.js → chunk-5H5GWWA4.js}

@@ -1,14 +1,14 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-GMAH572Z.js";
-import {
-  renderInlineText
-} from "./chunk-3HDBAXF5.js";
+} from "./chunk-INTAQV2Y.js";
 import {
   extractExportSvg,
   runInExportContainer
 } from "./chunk-JTSMEYIZ.js";
+import {
+  renderInlineText
+} from "./chunk-3HDBAXF5.js";
 import {
   COLLAPSE_BAR_HEIGHT,
   EDGE_STROKE_WIDTH,
@@ -17,12 +17,16 @@ import {
 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,24 +36,25 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseMindmap
-} from "./chunk-3CZLWOCI.js";
+} from "./chunk-HX7QNHC6.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
+import {
+  LEGEND_GROUP_GAP
+} from "./chunk-Q5IHQ4NW.js";
 import {
   contrastText,
   shapeFill
 } from "./chunk-JYDMBWRP.js";
-import {
-  LEGEND_GROUP_GAP
-} from "./chunk-4RGZFA7H.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   fillModeFromOptions,
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/mindmap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -105,8 +110,33 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
   const showTitle = !!parsed.title && parsed.options["no-title"] !== "on";
   const fixedTitle = !isExport && showTitle;
   const titleReserve = fixedTitle ? TITLE_HEIGHT : 0;
+  const inlineRequested = legendInlineRequested(parsed.options);
+  const legendExtent = inlineRequested && fixedLegend ? getLegendExtent(
+    {
+      groups: parsed.tagGroups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: isExport ? "export" : "preview"
+    },
+    { activeGroup: activeTagGroup ?? null },
+    containerWidth
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: parsed.title ?? "",
+    hasLegend: fixedLegend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth,
+    titleBandHeight: titleReserve,
+    legendReserve,
+    titleBaselineY: DIAGRAM_PADDING + TITLE_FONT_SIZE,
+    titleFontSize: TITLE_FONT_SIZE
+  });
   const availWidth = containerWidth;
-  const availHeight = containerHeight - DIAGRAM_PADDING * 2 - legendReserve - titleReserve;
+  const availHeight = containerHeight - DIAGRAM_PADDING * 2 - (header.inline ? 0 : legendReserve) - titleReserve;
   let ctx = isExport ? ScaleContext.identity() : ScaleContext.fromBox(
     availWidth,
     layout.width,
@@ -147,7 +177,7 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
   const scaledWidth = renderLayout.width * fitScale;
   const scaledHeight = renderLayout.height * fitScale;
   const offsetX = Math.max(0, (availWidth - scaledWidth) / 2);
-  const offsetY = DIAGRAM_PADDING + legendReserve + titleReserve + Math.max(0, (availHeight - scaledHeight) / 2);
+  const offsetY = DIAGRAM_PADDING + (header.inline ? 0 : legendReserve) + titleReserve + Math.max(0, (availHeight - scaledHeight) / 2);
   const mainG = svg.append("g").attr(
     "transform",
     `translate(${offsetX}, ${offsetY})${fitScale < 1 ? ` scale(${fitScale})` : ""}`
@@ -157,9 +187,9 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
   }
   if (showTitle) {
     const titleParent = fixedTitle ? svg : mainG;
-    const titleX = fixedTitle ? containerWidth / 2 : renderLayout.width / 2;
+    const titleX = fixedTitle ? header.titleX : renderLayout.width / 2;
     const titleY = fixedTitle ? DIAGRAM_PADDING + TITLE_FONT_SIZE : TITLE_FONT_SIZE;
-    const titleText = titleParent.append("text").attr("x", titleX).attr("y", titleY).attr("text-anchor", "middle").attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("class", "chart-title").text(parsed.title);
+    const titleText = titleParent.append("text").attr("x", titleX).attr("y", titleY).attr("text-anchor", fixedTitle ? header.titleAnchor : "middle").attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("class", "chart-title").text(parsed.title);
     if (parsed.titleLineNumber) {
       titleText.attr("data-line-number", parsed.titleLineNumber);
     }
@@ -168,7 +198,10 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
     }
   }
   if (fixedLegend) {
-    const legendG = svg.append("g").attr("class", "mindmap-legend-fixed").attr("transform", `translate(0, ${DIAGRAM_PADDING + titleReserve})`);
+    const legendG = svg.append("g").attr("class", "mindmap-legend-fixed").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0, ${DIAGRAM_PADDING + titleReserve})`
+    );
     const usedValues = /* @__PURE__ */ new Map();
     for (const node of renderLayout.nodes) {
       for (const tg of parsed.tagGroups) {
@@ -209,7 +242,10 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
           entries: tg.entries.filter((e) => used?.has(e.value.toLowerCase())).map((e) => ({ value: e.value, color: e.color }))
         };
       }),
-      position: { placement: "top-center", titleRelation: "below-title" },
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       mode: options?.exportMode ? "export" : "preview",
       ...controlsToggles !== void 0 && { controlsGroup: controlsToggles },
       ...options?.controlsHost !== void 0 && {
@@ -390,4 +426,4 @@ export {
   renderMindmap,
   renderMindmapForExport
 };
-//# sourceMappingURL=chunk-U7NKYLX2.js.map
+//# sourceMappingURL=chunk-5H5GWWA4.js.map

package/dist/{chunk-P3H7QVDH.js → chunk-5K5XBEXT.js}

@@ -8,6 +8,9 @@ import {
   parseDateToken,
   toInternal
 } from "./chunk-DAOFNU6J.js";
+import {
+  normalizeName
+} from "./chunk-NOTA6TEI.js";
 import {
   AUTO_TAG_COLOR_SENTINEL,
   finalizeAutoTagColors,
@@ -17,10 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-CMVZWP32.js";
-import {
-  normalizeName
-} from "./chunk-NOTA6TEI.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -29,7 +29,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   emit,
   makeDgmoError,
@@ -144,6 +144,7 @@ var DIRECTIVE_KEYS = /* @__PURE__ */ new Set([
   "end-date",
   "no-title",
   "no-legend",
+  "legend-inline",
   "fill-tint",
   "fill-solid",
   "fill-outline",
@@ -1003,6 +1004,10 @@ function applyDirective(key, value, lineNumber, options, error, warn, dateCfg) {
       options.noLegend = true;
       return;
     }
+    case "legend-inline": {
+      options.legendInline = true;
+      return;
+    }
     case "fill-solid": {
       options.fillMode = "solid";
       return;
@@ -1251,4 +1256,4 @@ export {
   extractPertSymbols,
   looksLikePert
 };
-//# sourceMappingURL=chunk-P3H7QVDH.js.map
+//# sourceMappingURL=chunk-5K5XBEXT.js.map

package/dist/{chunk-PT4SW76W.js → chunk-6NJWBMJV.js}

@@ -1,9 +1,13 @@
+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,
@@ -14,21 +18,21 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   isBlockNode
-} from "./chunk-NR5HCAUD.js";
-import {
-  mix,
-  themeBaseBg
-} from "./chunk-JYDMBWRP.js";
+} from "./chunk-XSVWUOUZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText
 } from "./chunk-4ASYQ347.js";
+import {
+  mix,
+  themeBaseBg
+} from "./chunk-JYDMBWRP.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 
 // src/block/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -195,7 +199,32 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
     { groups: legend.groups, position: LEGEND_POSITION, mode: "preview" },
     width
   ) + LEGEND_GROUP_GAP : 0;
-  const areaY = titleH + legendReserve + PADDING;
+  const inlineRequested = opts.legendInline === true;
+  const legendExtent = inlineRequested && legend ? getLegendExtent(
+    {
+      groups: legend.groups,
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: options.exportMode ? "export" : "preview"
+    },
+    { activeGroup: legend.activeGroup ?? null },
+    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 areaY = (header.inline ? titleH : titleH + legendReserve) + PADDING;
   if (options.exportMode) {
     height = areaY + layout.height + PADDING;
   } else {
@@ -210,7 +239,7 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
   const offsetY = areaY;
   const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("class", "dgmo-block").style("font-family", FONT_FAMILY);
   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);
     }
@@ -229,7 +258,10 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
     onToggle: options.onToggle
   });
   if (legend) {
-    const legendG = svg.append("g").attr("class", "dgmo-block-legend").attr("transform", `translate(0, ${titleH})`);
+    const legendG = svg.append("g").attr("class", "dgmo-block-legend").attr(
+      "transform",
+      header.inline ? `translate(${header.legendX}, ${header.legendY})` : `translate(0, ${titleH})`
+    );
     renderIntegratedLegend(legendG, {
       groups: legend.groups,
       palette: {
@@ -242,7 +274,10 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
       isDark,
       width,
       mode: options.exportMode ? "export" : "preview",
-      position: LEGEND_POSITION,
+      position: {
+        placement: "top-center",
+        titleRelation: header.inline ? "inline-with-title" : "below-title"
+      },
       activeGroup: legend.activeGroup
     });
   }
@@ -361,4 +396,4 @@ export {
   renderBlock,
   authoredCollapsedIds
 };
-//# sourceMappingURL=chunk-PT4SW76W.js.map
+//# sourceMappingURL=chunk-6NJWBMJV.js.map