@diagrammo/dgmo 0.53.0 → 0.55.0

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

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

package/dist/{chunk-APKUAJ2L.js → chunk-A2RUBBVT.js}

@@ -128,6 +128,18 @@ function formatTime(h, m, s, hours12) {
   }
   return { main: `${pad2(h)}:${pad2(m)}`, sec, ap: "" };
 }
+function fixedTimeCells(s, x0, fs) {
+  const digit = fs * 0.6;
+  const colon = fs * 0.32;
+  const cells = [];
+  let x = x0;
+  for (const ch of s) {
+    const cw = ch === ":" ? colon : digit;
+    cells.push({ ch, x: x + cw / 2 });
+    x += cw;
+  }
+  return { cells, width: x - x0 };
+}
 function fmtDelta(ms) {
   const m = Math.max(0, Math.round(ms / 6e4));
   if (m < 90) return `${m}m`;
@@ -213,8 +225,9 @@ export {
   formatOffsetLabel,
   fixedParts,
   formatTime,
+  fixedTimeCells,
   workStatus,
   sunLine,
   handAngles
 };
-//# sourceMappingURL=chunk-APKUAJ2L.js.map
+//# sourceMappingURL=chunk-A2RUBBVT.js.map

package/dist/{chunk-GMIJ35PW.js → chunk-A4UJP4IS.js}

@@ -1,6 +1,6 @@
 import {
   computeInfra
-} from "./chunk-A44USUV7.js";
+} from "./chunk-ICZ7M6IZ.js";
 import {
   layoutInfra
 } from "./chunk-43E26CDA.js";
@@ -16,12 +16,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,
@@ -33,15 +37,10 @@ import {
 } from "./chunk-6KFWC4CO.js";
 import {
   parseInfra
-} from "./chunk-NNUMX6WX.js";
+} from "./chunk-RZWIPDZ2.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
-import {
-  contrastText,
-  mix,
-  shapeFill
-} from "./chunk-JYDMBWRP.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -52,18 +51,24 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
   truncateText
 } from "./chunk-4ASYQ347.js";
+import {
+  contrastText,
+  mix,
+  shapeFill
+} from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
+  legendInlineRequested,
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   resolveColor
 } from "./chunk-ZKPPI6BF.js";
@@ -1293,10 +1298,10 @@ function computeInfraLegendGroups(nodes, tagGroups, palette, edges) {
   }
   return groups;
 }
-function renderLegend(rootSvg, legendGroups, totalWidth, legendY, palette, isDark, activeGroup, playback, exportMode = false, controlsHost) {
+function renderLegend(rootSvg, legendGroups, totalWidth, legendY, palette, isDark, activeGroup, playback, exportMode = false, controlsHost, legendX = 0, inlineHeader = false) {
   if (legendGroups.length === 0 && !playback) return;
   const appHostedPlayback = controlsHost === "app" && !!playback;
-  const legendG = rootSvg.append("g").attr("transform", `translate(0, ${legendY})`);
+  const legendG = rootSvg.append("g").attr("transform", `translate(${legendX}, ${legendY})`);
   if (activeGroup) {
     legendG.attr("data-legend-active", tagAttrKey(activeGroup));
   }
@@ -1312,6 +1317,12 @@ function renderLegend(rootSvg, legendGroups, totalWidth, legendY, palette, isDar
     activeGroup,
     mode: exportMode ? "export" : "preview",
     showEmptyGroups: true,
+    ...inlineHeader && {
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      }
+    },
     ...appHostedPlayback && {
       controlsHost: "app",
       controlsGroup: {
@@ -1395,7 +1406,39 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
   const legendOffset = hasLegend && !fixedLegend ? legendDynamicH : 0;
   const titleOffset = title ? TITLE_OFFSET : 0;
   const totalWidth = layout.width;
-  const totalHeight = layout.height + titleOffset + legendOffset;
+  const inlineRequested = legendInlineRequested(layout.options) && !fixedLegend;
+  const legendExtent = inlineRequested && hasLegend ? getLegendExtent(
+    {
+      groups: legendGroups.map((g) => ({
+        name: g.name,
+        entries: g.entries.map((e) => ({
+          value: e.value,
+          color: e.color
+        }))
+      })),
+      position: {
+        placement: "top-center",
+        titleRelation: "inline-with-title"
+      },
+      mode: exportMode ? "export" : "preview",
+      showEmptyGroups: true
+    },
+    { activeGroup: activeGroup ?? null },
+    totalWidth
+  ) : { width: 0, height: 0 };
+  const header = layoutInlineHeader({
+    requested: inlineRequested,
+    title: title ?? "",
+    hasLegend,
+    legendWidth: legendExtent.width,
+    legendHeight: legendExtent.height,
+    containerWidth: totalWidth,
+    titleBandHeight: titleOffset,
+    legendReserve: legendOffset,
+    titleBaselineY: sc.sTitleY,
+    titleFontSize: sc.sTitleFontSize
+  });
+  const totalHeight = layout.height + titleOffset + (header.inline ? 0 : legendOffset);
   const shouldAnimate = animate !== false;
   const fixedTitleH = fixedLegend && title ? TITLE_OFFSET : 0;
   const diagramViewHeight = fixedLegend ? layout.height + (title && !fixedTitleH ? titleOffset : 0) + legendOffset : totalHeight;
@@ -1455,9 +1498,12 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
     `);
   }
   const contentTitleOffset = fixedTitleH ? 0 : titleOffset;
-  const svg = rootSvg.append("g").attr("transform", `translate(0, ${contentTitleOffset + legendOffset})`);
+  const svg = rootSvg.append("g").attr(
+    "transform",
+    `translate(0, ${contentTitleOffset + (header.inline ? 0 : legendOffset)})`
+  );
   if (title && !fixedTitleH) {
-    rootSvg.append("text").attr("class", "chart-title").attr("x", totalWidth / 2).attr("y", sc.sTitleY).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sc.sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("data-line-number", titleLineNumber != null ? titleLineNumber : "").text(title);
+    rootSvg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sc.sTitleY).attr("text-anchor", header.titleAnchor).attr("font-family", FONT_FAMILY).attr("font-size", sc.sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).attr("data-line-number", titleLineNumber != null ? titleLineNumber : "").text(title);
   }
   renderGroups(svg, layout.groups, palette, isDark, sc);
   const speedMultiplier = playback?.speed ?? 1;
@@ -1534,13 +1580,15 @@ function renderInfra(container, layout, palette, isDark, title, titleLineNumber,
         rootSvg,
         legendGroups,
         totalWidth,
-        titleOffset,
+        header.inline ? header.legendY : titleOffset,
         palette,
         isDark,
         activeGroup ?? null,
         playback ?? void 0,
         exportMode,
-        controlsHost
+        controlsHost,
+        header.inline ? header.legendX : 0,
+        header.inline
       );
     }
   }
@@ -1560,4 +1608,4 @@ export {
   renderInfra,
   parseAndLayoutInfra
 };
-//# sourceMappingURL=chunk-GMIJ35PW.js.map
+//# sourceMappingURL=chunk-A4UJP4IS.js.map

package/dist/{chunk-LQHVDZYC.js → chunk-AKE6C2D7.js}

@@ -8,17 +8,17 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
 import {
   measureText,
   wrapTextToWidth
 } from "./chunk-4ASYQ347.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 import {
   legendSuppressed
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 
 // src/c4/layout.ts
 import dagre from "@dagrejs/dagre";
@@ -1718,4 +1718,4 @@ export {
   layoutC4Components,
   layoutC4Deployment
 };
-//# sourceMappingURL=chunk-LQHVDZYC.js.map
+//# sourceMappingURL=chunk-AKE6C2D7.js.map

package/dist/{chunk-W5KMNC5U.js → chunk-ASPS5O6F.js}

@@ -1,13 +1,9 @@
 import {
   computeLegendLayout
-} from "./chunk-774C2FF3.js";
+} from "./chunk-GRXPFBYC.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
-import {
-  mix,
-  valueRampStops
-} from "./chunk-JYDMBWRP.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,
@@ -17,11 +13,15 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_TOGGLE_DOT_R,
   LEGEND_TOGGLE_OFF_OPACITY,
+  legendChromeColors,
   measureLegendText
-} from "./chunk-4RGZFA7H.js";
+} from "./chunk-Q5IHQ4NW.js";
+import {
+  valueRampStops
+} from "./chunk-JYDMBWRP.js";
 import {
   tagAttrKey
-} from "./chunk-CMVZWP32.js";
+} from "./chunk-JR7Q6GHE.js";
 
 // src/utils/legend-d3.ts
 var LEGEND_TEXT_DY = "0.32em";
@@ -45,8 +45,7 @@ function renderLegendD3(container, config, state, palette, isDark, callbacks, co
     } else {
       legendG.attr("data-legend-active", null);
     }
-    const groupBg = isDark ? mix(palette.surface, palette.bg, 50) : mix(palette.surface, palette.bg, 30);
-    const pillBorder = mix(palette.textMuted, palette.bg, 50);
+    const { groupBg, pillBorder } = legendChromeColors(palette, isDark);
     if (currentLayout.activeCapsule) {
       renderCapsule(
         legendG,
@@ -293,4 +292,4 @@ export {
   renderLegendD3,
   renderIntegratedLegend
 };
-//# sourceMappingURL=chunk-W5KMNC5U.js.map
+//# sourceMappingURL=chunk-ASPS5O6F.js.map

package/dist/{chunk-FLDC7ZAK.js → chunk-AU75JHSR.js}

@@ -2,12 +2,12 @@ import {
   formatOffsetLabel,
   parseFixedOffset,
   zoneParts
-} from "./chunk-APKUAJ2L.js";
+} from "./chunk-A2RUBBVT.js";
 import {
   extractColor,
   fillModeFromToken,
   parseFirstLine
-} from "./chunk-YJVA3QUU.js";
+} from "./chunk-A2ARDILY.js";
 import {
   makeDgmoError,
   makeFail
@@ -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-FLDC7ZAK.js.map
+//# sourceMappingURL=chunk-AU75JHSR.js.map