@diagrammo/dgmo 0.54.0 → 0.56.0

package/dist/{chunk-A3BDLDYG.js → chunk-YJUF2N3C.js}

@@ -4,14 +4,14 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-3IUHKMJI.js";
+} from "./chunk-U2BKSEKU.js";
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-JTSMEYIZ.js";
+} from "./chunk-L43KTQTW.js";
 import {
   layoutClassDiagram
-} from "./chunk-COVYNAKJ.js";
+} from "./chunk-D3WTEBGT.js";
 import {
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
@@ -19,9 +19,15 @@ import {
 import {
   ScaleContext
 } from "./chunk-YYVTBZZC.js";
+import {
+  layoutInlineHeader
+} from "./chunk-6VJCURWU.js";
 import {
   renderIntegratedLegend
-} from "./chunk-2NZOHEP4.js";
+} from "./chunk-QDOYT6UW.js";
+import {
+  getLegendExtent
+} from "./chunk-ES66QH6J.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,21 +38,22 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseClassDiagram
-} from "./chunk-M24VXUFG.js";
+} from "./chunk-VYEQPPS6.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-Q5IHQ4NW.js";
+} from "./chunk-SCJ7CAJF.js";
 import {
   measureText
 } from "./chunk-4ASYQ347.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-JYDMBWRP.js";
+} from "./chunk-42IT4BG2.js";
 import {
   fillModeFromOptions,
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-3KOPPSUQ.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-A3BDLDYG.js.map
+//# sourceMappingURL=chunk-YJUF2N3C.js.map

package/dist/{chunk-VMSBMIHW.js → chunk-YM2ZQIVG.js}

@@ -23,13 +23,13 @@ import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-JYDMBWRP.js";
+} from "./chunk-42IT4BG2.js";
 import {
   fillModeFromOptions
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-3KOPPSUQ.js";
 import {
   resolveColor
-} from "./chunk-ZKPPI6BF.js";
+} from "./chunk-EXNKNJ65.js";
 
 // src/pyramid/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -436,4 +436,4 @@ export {
   renderPyramid,
   renderPyramidForExport
 };
-//# sourceMappingURL=chunk-VMSBMIHW.js.map
+//# sourceMappingURL=chunk-YM2ZQIVG.js.map

package/dist/{chunk-KV4HLIJE.js → chunk-YNAHUNMA.js}

@@ -2,16 +2,16 @@ import {
   formatOffsetLabel,
   parseFixedOffset,
   zoneParts
-} from "./chunk-APKUAJ2L.js";
+} from "./chunk-A2RUBBVT.js";
 import {
   extractColor,
   fillModeFromToken,
   parseFirstLine
-} from "./chunk-3FRO35WW.js";
+} from "./chunk-3KOPPSUQ.js";
 import {
   makeDgmoError,
   makeFail
-} from "./chunk-4W2PE66Q.js";
+} from "./chunk-OLMWTJVU.js";
 
 // src/clock/zone-coords.ts
 var ZONE_COORDS = {
@@ -332,6 +332,7 @@ var DIRECTIVES = /* @__PURE__ */ new Set([
   "no-sun",
   "time-24",
   "no-title",
+  "legend-inline",
   // Canonical direction booleans (§1.9); key+value `direction <lr|tb>` (and
   // its `columns` value alias) stays parse-accepted legacy. These MUST be in
   // this set — otherwise a bare `direction-lr` line parses as a zone entry.
@@ -508,6 +509,8 @@ function parseClock(content, palette) {
         case "no-title":
           result.noTitle = true;
           break;
+        case "legend-inline":
+          break;
         case "fill-tint":
         case "fill-solid":
         case "fill-outline": {
@@ -672,4 +675,4 @@ export {
   searchZones,
   parseClock
 };
-//# sourceMappingURL=chunk-KV4HLIJE.js.map
+//# sourceMappingURL=chunk-YNAHUNMA.js.map

package/dist/{chunk-62Y27T4C.js → chunk-YWPWRR7W.js}

@@ -1,6 +1,6 @@
 import {
   buildMapProjection
-} from "./chunk-KBVOVDYP.js";
+} from "./chunk-U7ZQTUZT.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
@@ -51,4 +51,4 @@ export {
   mapContentAspect,
   mapExportDimensions
 };
-//# sourceMappingURL=chunk-62Y27T4C.js.map
+//# sourceMappingURL=chunk-YWPWRR7W.js.map

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

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