@diagrammo/dgmo 0.76.0 → 0.78.0

package/dist/{chunk-AFR6GWXD.js → chunk-ZMCFUGKO.js}

@@ -5,26 +5,31 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  EDGE_DASH,
+  GRID_DASH,
+  HAIRLINE_DASH
+} from "./chunk-IIEI7VK5.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -39,7 +44,7 @@ import {
   LEGEND_PILL_PAD,
   measureLegendText,
   truncateLegendText
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -49,16 +54,18 @@ import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
 import {
+  UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastText,
+  getEraColors,
   getSeriesColors,
   mix,
   shapeFill
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/gantt/renderer.ts
 import * as d3Scale from "d3-scale";
@@ -391,10 +398,10 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   if (todayDate) {
     todayX = xScale(dateToFractionalYear(todayDate));
     if (todayX >= 0 && todayX <= innerWidth) {
-      const todayLine = g.append("line").attr("class", "gantt-today").attr("x1", todayX).attr("y1", 0).attr("x2", todayX).attr("y2", sInnerHeight + 10).attr("stroke", todayColor).attr("stroke-width", 2).attr("stroke-dasharray", "6 4").attr("opacity", 0.7).attr("pointer-events", "none");
+      const todayLine = g.append("line").attr("class", "gantt-today").attr("x1", todayX).attr("y1", 0).attr("x2", todayX).attr("y2", sInnerHeight + 10).attr("stroke", todayColor).attr("stroke-width", 2).attr("stroke-dasharray", EDGE_DASH).attr("opacity", 0.7).attr("pointer-events", "none");
       if (todayMarkerLineNum)
         todayLine.attr("data-line-number", String(todayMarkerLineNum));
-      const todayLabel = g.append("text").attr("class", "gantt-today").attr("x", todayX).attr("y", sTodayLabelY).attr("text-anchor", "middle").attr("font-size", `${sFont10}px`).attr("fill", todayColor).attr("opacity", 0.7).attr("pointer-events", "none").text("Today");
+      const todayLabel = g.append("text").attr("class", "gantt-today").attr("x", todayX).attr("y", sTodayLabelY).attr("text-anchor", "middle").attr("font-size", sFont10).attr("fill", todayColor).attr("opacity", 0.7).attr("pointer-events", "none").text("Today");
       if (todayMarkerLineNum)
         todayLabel.attr("data-line-number", String(todayMarkerLineNum));
     }
@@ -424,7 +431,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   let yOffset = sContentTopPad;
   for (const row of rows) {
     if (row.type === "lane-header") {
-      const laneColor = row.laneColor === "#999999" ? palette.textMuted : row.laneColor;
+      const laneColor = row.laneColor === UNTAGGED_TAG_COLOR ? palette.textMuted : row.laneColor;
       const toggleIcon = row.isCollapsed ? "\u25B6" : "\u25BC";
       const labelX = 10;
       let lx1 = 0;
@@ -472,7 +479,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         restoreHighlight();
         hideGanttDateIndicators(g);
       });
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", `${sFont11}px`).attr("font-weight", "bold").attr("fill", laneColor).text(
+      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor).text(
         toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "")
       );
       if (laneBarWidth > 0) {
@@ -514,7 +521,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
         currentActiveGroup,
         true
       );
-      const groupColor = tagColor && tagColor !== "#999999" ? tagColor : group.color || palette.textMuted;
+      const groupColor = tagColor && tagColor !== UNTAGGED_TAG_COLOR ? tagColor : group.color || palette.textMuted;
       renderLabelBand(
         svg,
         sMarginTop + yOffset + sBarH / 2,
@@ -547,7 +554,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       });
       const groupIndent = group.depth <= 2 ? group.depth * 14 : 2 * 14 + (group.depth - 2) * 8;
       const labelX = 10 + groupIndent;
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", `${sFont11}px`).attr("font-weight", "bold").attr("fill", palette.text).text(
+      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text).text(
         toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "")
       );
       const gStart = dateToFractionalYear(group.startDate);
@@ -597,7 +604,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             true
           );
           if (summaryPlacement) {
-            summaryG.append("text").attr("x", summaryPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", `${sFont10}px`).attr("font-weight", "bold").attr("text-anchor", summaryPlacement.anchor).attr("fill", summaryPlacement.fill).attr("pointer-events", "none").text(summaryPlacement.text);
+            summaryG.append("text").attr("x", summaryPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", sFont10).attr("font-weight", "bold").attr("text-anchor", summaryPlacement.anchor).attr("fill", summaryPlacement.fill).attr("pointer-events", "none").text(summaryPlacement.text);
           }
           groupPositions.set(group.name, {
             x1: gx1,
@@ -646,7 +653,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             true
           );
           if (expandedPlacement) {
-            groupBarG.append("text").attr("x", expandedPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", `${sFont10}px`).attr("font-weight", "bold").attr("text-anchor", expandedPlacement.anchor).attr("fill", expandedPlacement.fill).attr("pointer-events", "none").text(expandedPlacement.text);
+            groupBarG.append("text").attr("x", expandedPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", sFont10).attr("font-weight", "bold").attr("text-anchor", expandedPlacement.anchor).attr("fill", expandedPlacement.fill).attr("pointer-events", "none").text(expandedPlacement.text);
           }
         }
       }
@@ -665,7 +672,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
       const indent = depth <= 2 ? depth * 14 : 2 * 14 + (depth - 2) * 8;
       const taskLabelX = isTagMode ? 20 : 6 + indent;
       const topGroup = rt.groupPath.length > 0 ? rt.groupPath[0] : null;
-      const taskLabel = svg.append("text").attr("class", "gantt-task-label").attr("x", taskLabelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", `${sFont11}px`).attr("fill", palette.text).attr("data-line-number", String(task.lineNumber)).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
+      const taskLabel = svg.append("text").attr("class", "gantt-task-label").attr("x", taskLabelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("fill", palette.text).attr("data-line-number", String(task.lineNumber)).attr("data-task-id", task.id).attr("data-group", topGroup).style("cursor", onClickItem ? "pointer" : "default").on("click", () => {
         if (onClickItem) onClickItem(task.lineNumber);
       }).on("mouseenter", () => {
         if (rt.isMilestone) {
@@ -704,7 +711,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
             sInnerHeight,
             barColor
           );
-          g.append("text").attr("class", "gantt-milestone-hover-label").attr("x", mx - sMilestoneSize - 4).attr("y", my).attr("dy", "0.35em").attr("text-anchor", "end").attr("font-size", `${sFont10}px`).attr("fill", barColor).attr("font-weight", "600").text(task.label);
+          g.append("text").attr("class", "gantt-milestone-hover-label").attr("x", mx - sMilestoneSize - 4).attr("y", my).attr("dy", "0.35em").attr("text-anchor", "end").attr("font-size", sFont10).attr("fill", barColor).attr("font-weight", "bold").text(task.label);
         }).on("mouseleave", () => {
           restoreHighlight();
           hideGanttDateIndicators(g);
@@ -799,7 +806,7 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
           sLabelGap
         );
         if (labelPlacement) {
-          taskG.append("text").attr("x", labelPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", `${sFont10}px`).attr("text-anchor", labelPlacement.anchor).attr("fill", labelPlacement.fill).attr("pointer-events", "none").text(labelPlacement.text);
+          taskG.append("text").attr("x", labelPlacement.x).attr("y", yOffset + sBarH / 2).attr("dy", "0.35em").attr("font-size", sFont10).attr("text-anchor", labelPlacement.anchor).attr("fill", labelPlacement.fill).attr("pointer-events", "none").text(labelPlacement.text);
         }
         taskPositions.set(task.id, {
           x1,
@@ -989,7 +996,7 @@ function drawHolidayBand(g, svg, xScale, start, end, height, palette, _isDark, l
   const labelX = chartLeftMargin + x1 + bandW / 2;
   const textLen = measureText(label, 10) + 8;
   const labelBg = svg.append("rect").attr("class", "gantt-holiday-hover-bg").attr("data-line-number", String(lineNumber)).attr("x", labelX - textLen / 2).attr("y", headerY - 11).attr("width", textLen).attr("height", 14).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0).attr("pointer-events", "none");
-  const labelText = svg.append("text").attr("class", "gantt-holiday-hover-label").attr("data-line-number", String(lineNumber)).attr("x", labelX).attr("y", headerY).attr("text-anchor", "middle").attr("font-size", "10px").attr("font-weight", "500").attr("fill", palette.text).attr("opacity", 0).attr("pointer-events", "none").text(label);
+  const labelText = svg.append("text").attr("class", "gantt-holiday-hover-label").attr("data-line-number", String(lineNumber)).attr("x", labelX).attr("y", headerY).attr("text-anchor", "middle").attr("font-size", 10).attr("font-weight", "normal").attr("fill", palette.text).attr("opacity", 0).attr("pointer-events", "none").text(label);
   bandG.on("mouseenter", () => {
     bandRect.attr("opacity", hoverOpacity);
     labelBg.attr("opacity", 1);
@@ -1379,12 +1386,12 @@ function renderTagLegend(svg, chartG, tagGroups, activeGroupName, chartLeftMargi
     applyCriticalPathHighlight(svg, chartG);
   }
 }
-var ERA_COLORS = ["#3b6ea5", "#5b9357", "#c9a227", "#cc7a33", "#7d5ba6"];
 function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette, eraLabelY, markerLabelY) {
   for (let i = 0; i < resolved.eras.length; i++) {
     const era = resolved.eras[i];
     if (!era) continue;
-    const color = era.color || ERA_COLORS[i % ERA_COLORS.length];
+    const eraColors = getEraColors(palette);
+    const color = era.color || eraColors[i % eraColors.length];
     const sx = xScale(parseDateToFractionalYear(era.startDate));
     const ex = xScale(parseDateToFractionalYear(era.endDate));
     if (ex <= sx) continue;
@@ -1397,7 +1404,7 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette, er
     const eraLabelMaxW = Math.max(0, ex - sx - 8);
     const eraDisplayLabel = truncateLegendText(era.label, 10, eraLabelMaxW);
     const eraTruncated = eraDisplayLabel !== era.label;
-    const eraLabel = eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", eraLabelY).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", color).attr("opacity", 0.7).style("cursor", "pointer").text(eraDisplayLabel);
+    const eraLabel = eraG.append("text").attr("class", "gantt-era-label").attr("x", (sx + ex) / 2).attr("y", eraLabelY).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", color).attr("opacity", 0.7).style("cursor", "pointer").text(eraDisplayLabel);
     eraG.on("mouseenter", () => {
       g.selectAll(".gantt-task").attr(
         "opacity",
@@ -1470,12 +1477,12 @@ function renderErasAndMarkers(g, svg, resolved, xScale, innerHeight, palette, er
     const markerTruncated = markerDisplayLabel !== marker.label;
     const markerG = g.append("g").attr("class", "gantt-marker-group").attr("data-line-number", String(marker.lineNumber)).style("cursor", "pointer");
     markerG.append("rect").attr("x", mx - 40).attr("y", labelY - 12).attr("width", 80).attr("height", innerHeight - labelY + 12).attr("fill", "transparent").attr("pointer-events", "all");
-    const markerLabelEl = markerG.append("text").attr("class", "gantt-marker-label").attr("x", mx).attr("y", labelY).attr("text-anchor", "middle").attr("font-size", "11px").attr("font-weight", "600").attr("fill", color).text(markerDisplayLabel);
+    const markerLabelEl = markerG.append("text").attr("class", "gantt-marker-label").attr("x", mx).attr("y", labelY).attr("text-anchor", "middle").attr("font-size", 11).attr("font-weight", "bold").attr("fill", color).text(markerDisplayLabel);
     markerG.append("path").attr(
       "d",
       `M${mx},${diamondY - diamondSize} l${diamondSize},${diamondSize} l-${diamondSize},${diamondSize} l-${diamondSize},-${diamondSize} Z`
     ).attr("fill", color).attr("opacity", 0.9);
-    markerG.append("line").attr("class", "gantt-marker").attr("x1", mx).attr("y1", diamondY + diamondSize).attr("x2", mx).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "6 4").attr("opacity", 0.5);
+    markerG.append("line").attr("class", "gantt-marker").attr("x1", mx).attr("y1", diamondY + diamondSize).attr("x2", mx).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", EDGE_DASH).attr("opacity", 0.5);
     const markerLine = markerG.select(".gantt-marker");
     const markerDiamond = markerG.select("path");
     markerG.on("mouseenter", () => {
@@ -1552,9 +1559,9 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
     if (sprint.number % 2 !== 0) {
       sprintG.append("rect").attr("x", sx).attr("y", 0).attr("width", bandWidth).attr("height", innerHeight).attr("fill", "transparent");
     }
-    const sprintLabel = sprintG.append("text").attr("class", "gantt-sprint-label").attr("x", (sx + ex) / 2).attr("y", -22).attr("text-anchor", "middle").attr("font-size", "10px").attr("font-weight", "600").attr("fill", bandColor).attr("opacity", 0.4).text(String(sprint.number));
+    const sprintLabel = sprintG.append("text").attr("class", "gantt-sprint-label").attr("x", (sx + ex) / 2).attr("y", -22).attr("text-anchor", "middle").attr("font-size", 10).attr("font-weight", "bold").attr("fill", bandColor).attr("opacity", 0.4).text(String(sprint.number));
     if (i > 0 && rawSx >= chartMinX) {
-      sprintG.append("line").attr("class", "gantt-sprint-boundary").attr("x1", sx).attr("y1", -6).attr("x2", sx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", "3 3").attr("opacity", SPRINT_BOUNDARY_OPACITY);
+      sprintG.append("line").attr("class", "gantt-sprint-boundary").attr("x1", sx).attr("y1", -6).attr("x2", sx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("opacity", SPRINT_BOUNDARY_OPACITY);
     }
     const sprintStartMs = sprint.startDate.getTime();
     const sprintEndMs = sprint.endDate.getTime();
@@ -1654,17 +1661,17 @@ function renderSprintBands(g, svg, resolved, xScale, innerHeight, palette) {
         );
       }
       const accentColor = palette.accent || palette.text || bandColor;
-      sprintLabel.text(`Sprint ${sprint.number}`).attr("font-size", "13px").attr("font-weight", "700").attr("fill", accentColor).attr("opacity", 1);
+      sprintLabel.text(`Sprint ${sprint.number}`).attr("font-size", 13).attr("font-weight", "bold").attr("fill", accentColor).attr("opacity", 1);
     }).on("mouseleave", () => {
       resetHighlight(g, svg);
       sprintRect.attr("opacity", baseOpacity);
-      sprintLabel.text(String(sprint.number)).attr("font-size", "10px").attr("font-weight", "600").attr("fill", bandColor).attr("opacity", 0.4);
+      sprintLabel.text(String(sprint.number)).attr("font-size", 10).attr("font-weight", "bold").attr("fill", bandColor).attr("opacity", 0.4);
       hideGanttDateIndicators(g);
     });
   }
   const lastSprint = resolved.sprints[resolved.sprints.length - 1];
   const lastEx = xScale(dateToFractionalYear(lastSprint.endDate));
-  g.append("line").attr("class", "gantt-sprint-boundary").attr("x1", lastEx).attr("y1", -6).attr("x2", lastEx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", "3 3").attr("opacity", SPRINT_BOUNDARY_OPACITY);
+  g.append("line").attr("class", "gantt-sprint-boundary").attr("x1", lastEx).attr("y1", -6).attr("x2", lastEx).attr("y2", innerHeight).attr("stroke", bandColor).attr("stroke-width", 1).attr("stroke-dasharray", HAIRLINE_DASH).attr("opacity", SPRINT_BOUNDARY_OPACITY);
 }
 function parseDateStringToDate(s) {
   const parts = s.split("-").map((p) => parseInt(p, 10));
@@ -2015,7 +2022,7 @@ function buildTagLaneRowList(resolved, swimlaneGroup, collapsedLanes) {
     rows.push({
       type: "lane-header",
       laneName: noLaneName,
-      laneColor: "#999999",
+      laneColor: UNTAGGED_TAG_COLOR,
       aggregateProgress,
       tagKey,
       isCollapsed,
@@ -2070,10 +2077,10 @@ function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, col
   const startPos = xScale(dateToFractionalYear(startDate));
   const startLabel = formatGanttDate(startDate);
   if (!options?.skipStartLine) {
-    hg.append("line").attr("class", "gantt-hover-date").attr("x1", startPos).attr("y1", -tickLen).attr("x2", startPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
+    hg.append("line").attr("class", "gantt-hover-date").attr("x1", startPos).attr("y1", -tickLen).attr("x2", startPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", GRID_DASH).attr("opacity", 0.6);
   }
-  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
-  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(startLabel);
+  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("fill", color).attr("font-size", 10).attr("font-weight", "bold").text(startLabel);
+  hg.append("text").attr("class", "gantt-hover-date").attr("x", startPos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("fill", color).attr("font-size", 10).attr("font-weight", "bold").text(startLabel);
   if (endDate && endDate.getTime() !== startDate.getTime()) {
     const endPos = xScale(dateToFractionalYear(endDate));
     const endLabel = formatGanttDate(endDate);
@@ -2090,7 +2097,7 @@ function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, col
       startAnchor = "middle";
       endAnchor = "middle";
     }
-    hg.append("line").attr("class", "gantt-hover-date").attr("x1", endPos).attr("y1", -tickLen).attr("x2", endPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", "4 4").attr("opacity", 0.6);
+    hg.append("line").attr("class", "gantt-hover-date").attr("x1", endPos).attr("y1", -tickLen).attr("x2", endPos).attr("y2", innerHeight).attr("stroke", color).attr("stroke-width", 1.5).attr("stroke-dasharray", GRID_DASH).attr("opacity", 0.6);
     hg.selectAll("text.gantt-hover-date").each(
       function() {
         const el = d3Selection.select(this);
@@ -2099,8 +2106,8 @@ function showGanttDateIndicators(g, xScale, startDate, endDate, innerHeight, col
         }
       }
     );
-    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", -tickLen - 4).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
-    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", innerHeight + tickLen + 12).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", "10px").attr("font-weight", "600").text(endLabel);
+    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", -tickLen - 4).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", 10).attr("font-weight", "bold").text(endLabel);
+    hg.append("text").attr("class", "gantt-hover-date").attr("x", endLabelX).attr("y", innerHeight + tickLen + 12).attr("text-anchor", endAnchor).attr("fill", color).attr("font-size", 10).attr("font-weight", "bold").text(endLabel);
   }
 }
 function hideGanttDateIndicators(g) {
@@ -2118,7 +2125,7 @@ function resolveTaskColor(rt, activeTagGroup, resolved, seriesColors, palette) {
     resolved.tagGroups,
     activeTagGroup
   );
-  if (tagColor && tagColor !== "#999999") return tagColor;
+  if (tagColor && tagColor !== UNTAGGED_TAG_COLOR) return tagColor;
   if (rt.groupPath.length > 0) {
     const topGroup = rt.groupPath[0];
     const groupIdx = resolved.groups.findIndex((g) => g.name === topGroup);
@@ -2140,11 +2147,11 @@ function renderTimeScaleHorizontal(g, scale, _innerWidth, innerHeight, textColor
   const opacity = 0.4;
   const guideOpacity = 0.15;
   for (const tick of ticks) {
-    g.append("line").attr("class", "gantt-scale-tick").attr("x1", tick.pos).attr("y1", 0).attr("x2", tick.pos).attr("y2", innerHeight).attr("stroke", textColor).attr("stroke-width", 1).attr("stroke-dasharray", "4 4").attr("opacity", guideOpacity);
+    g.append("line").attr("class", "gantt-scale-tick").attr("x1", tick.pos).attr("y1", 0).attr("x2", tick.pos).attr("y2", innerHeight).attr("stroke", textColor).attr("stroke-width", 1).attr("stroke-dasharray", GRID_DASH).attr("opacity", guideOpacity);
     g.append("line").attr("class", "gantt-scale-tick").attr("x1", tick.pos).attr("y1", 0).attr("x2", tick.pos).attr("y2", -tickLen).attr("stroke", textColor).attr("stroke-width", 1).attr("opacity", opacity);
-    g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("dominant-baseline", "auto").attr("font-size", "10px").attr("fill", textColor).attr("opacity", opacity).text(tick.label);
+    g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", -tickLen - 4).attr("text-anchor", "middle").attr("dominant-baseline", "auto").attr("font-size", 10).attr("fill", textColor).attr("opacity", opacity).text(tick.label);
     g.append("line").attr("class", "gantt-scale-tick").attr("x1", tick.pos).attr("y1", innerHeight).attr("x2", tick.pos).attr("y2", innerHeight + tickLen).attr("stroke", textColor).attr("stroke-width", 1).attr("opacity", opacity);
-    g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("font-size", "10px").attr("fill", textColor).attr("opacity", opacity).text(tick.label);
+    g.append("text").attr("class", "gantt-scale-tick").attr("x", tick.pos).attr("y", innerHeight + tickLen + 12).attr("text-anchor", "middle").attr("font-size", 10).attr("fill", textColor).attr("opacity", opacity).text(tick.label);
   }
 }
 
@@ -2152,4 +2159,4 @@ export {
   renderGantt,
   buildTagLaneRowList
 };
-//# sourceMappingURL=chunk-AFR6GWXD.js.map
+//# sourceMappingURL=chunk-ZMCFUGKO.js.map

package/dist/clock.js

@@ -220,6 +220,12 @@ function mix(a, b, pct) {
   return out;
 }
 
+// src/utils/now.ts
+var pinnedMs = null;
+function now() {
+  return pinnedMs ?? Date.now();
+}
+
 // src/clock/ticker.ts
 function readWork(node) {
   const start = node.getAttribute("data-dgmo-clock-work-start");
@@ -260,16 +266,16 @@ function setDigits(group, main) {
     if (s) s.setAttribute("x", stackX);
   }
 }
-function updateRow(group, now) {
+function updateRow(group, now2) {
   const zone = group.getAttribute("data-dgmo-clock-zone");
   if (!zone) return;
   const fixedAttr = group.getAttribute("data-dgmo-clock-fixed-offset");
-  const parts = fixedAttr !== null ? fixedParts(Number(fixedAttr), now) : zoneParts(zone, now);
+  const parts = fixedAttr !== null ? fixedParts(Number(fixedAttr), now2) : zoneParts(zone, now2);
   const latAttr = group.getAttribute("data-dgmo-clock-lat");
   const lonAttr = group.getAttribute("data-dgmo-clock-lon");
   const sunOn = group.getAttribute("data-dgmo-clock-sun") === "1";
   const hasCoords = latAttr !== null && lonAttr !== null;
-  const sun = sunOn && hasCoords ? sunLine(now, Number(latAttr), Number(lonAttr)) : null;
+  const sun = sunOn && hasCoords ? sunLine(now2, Number(latAttr), Number(lonAttr)) : null;
   const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
   const c = (name) => group.getAttribute(`data-dgmo-clock-c-${name}`) ?? "";
   const stColor = up ? c("day") : c("night");
@@ -338,8 +344,8 @@ function updateRow(group, now) {
 }
 function tickClocks(root = document) {
   if (typeof document === "undefined") return;
-  const now = Date.now();
-  root.querySelectorAll("[data-dgmo-clock]").forEach((group) => updateRow(group, now));
+  const now2 = now();
+  root.querySelectorAll("[data-dgmo-clock]").forEach((group) => updateRow(group, now2));
 }
 var intervalStarted = false;
 function startClocks(root = document) {

package/dist/completion-registry.js

@@ -4,8 +4,8 @@ import {
 import {
   GROUP_ONLY_METADATA,
   STATE_KEYWORDS
-} from "./chunk-DY7KDZUF.js";
-import "./chunk-76LHNLGX.js";
+} from "./chunk-3OWIYK52.js";
+import "./chunk-R4YGH7DJ.js";
 import {
   ALL_CHART_TYPES,
   chartTypes

package/dist/countdown.js

@@ -138,11 +138,11 @@ function nthWeekdayOfMonth(year, month, weekday, nth, hour, minute, tz) {
   if (day > new Date(year, month + 1, 0).getDate()) return null;
   return wallToMs(year, month, day, hour, minute, tz);
 }
-function resolveNext(rule, now) {
+function resolveNext(rule, now2) {
   const tz = rule.tz ?? null;
-  const nowF = zoneFields(now, tz);
+  const nowF = zoneFields(now2, tz);
   const { hour, minute } = rule;
-  const passes = rule.allDay ? (t) => dayStart(t, tz) >= dayStart(now, tz) : (t) => t > now;
+  const passes = rule.allDay ? (t) => dayStart(t, tz) >= dayStart(now2, tz) : (t) => t > now2;
   const dayExists = (y, m, d) => new Date(y, m, d).getMonth() === m;
   switch (rule.kind) {
     case "month-day": {
@@ -169,7 +169,7 @@ function resolveNext(rule, now) {
           y++;
         }
       }
-      return now + WEEK_MS;
+      return now2 + WEEK_MS;
     }
     case "weekly": {
       const weekday = rule.weekday;
@@ -186,11 +186,11 @@ function resolveNext(rule, now) {
         );
         if (passes(t)) return t;
       }
-      return now + WEEK_MS;
+      return now2 + WEEK_MS;
     }
     case "interval": {
       const n = rule.intervalN ?? 1;
-      const anchor = rule.anchorMs ?? now;
+      const anchor = rule.anchorMs ?? now2;
       if (rule.intervalUnit === "month") {
         const a = zoneFields(anchor, tz);
         const day = a.day;
@@ -207,7 +207,7 @@ function resolveNext(rule, now) {
       const step = (rule.intervalUnit === "week" ? WEEK_MS : DAY_MS) * n;
       let t = anchor;
       if (!passes(t)) {
-        const k = Math.max(0, Math.floor((now - anchor) / step));
+        const k = Math.max(0, Math.floor((now2 - anchor) / step));
         t = anchor + k * step;
         while (!passes(t)) t += step;
       }
@@ -386,6 +386,12 @@ function formatFooter(resolvedMs, hasTime, tz = null) {
   return parts.join(" \xB7 ");
 }
 
+// src/utils/now.ts
+var pinnedMs = null;
+function now() {
+  return pinnedMs ?? Date.now();
+}
+
 // src/countdown/ticker.ts
 function pad22(n) {
   return n < 10 ? "0" + n : String(n);
@@ -408,7 +414,7 @@ function setClockText(el, str) {
         const fill = el.getAttribute("data-dgmo-cd-sec-fill");
         if (size) secT.setAttribute("font-size", size);
         if (fill) secT.setAttribute("fill", fill);
-        secT.setAttribute("font-weight", "700");
+        secT.setAttribute("font-weight", "bold");
         el.appendChild(leadT);
         el.appendChild(secT);
       }
@@ -491,7 +497,7 @@ function readFields(node) {
   if (!raw) return ["d", "h", "m", "s"];
   return raw.split(",").filter((f) => ["d", "h", "m", "s"].includes(f));
 }
-function updateNode(node, now) {
+function updateNode(node, now2) {
   const rule = readRule(node);
   const units = node.getAttribute("data-dgmo-countdown-units") || "days";
   const round = node.getAttribute("data-dgmo-countdown-round") || "up";
@@ -502,18 +508,18 @@ function updateNode(node, now) {
   let resolvedMs;
   let expiredNow = false;
   if (rule) {
-    resolvedMs = resolveNext(rule, now);
+    resolvedMs = resolveNext(rule, now2);
   } else {
     const target = node.getAttribute("data-dgmo-countdown");
     resolvedMs = target ? targetToMs2(target, tz) : null;
-    if (resolvedMs !== null && resolvedMs - now <= 0) expiredNow = true;
+    if (resolvedMs !== null && resolvedMs - now2 <= 0) expiredNow = true;
   }
   if (resolvedMs === null) return;
-  const remaining = resolvedMs - now;
+  const remaining = resolvedMs - now2;
   const custom = node.getAttribute("data-dgmo-countdown-expired");
   const hasTime = node.getAttribute("data-dgmo-countdown-hastime") === "1";
   const frozen = expiredNow && custom !== null;
-  const clockFinale = hasTime && !frozen && dayDelta(now, resolvedMs, tz) <= 0;
+  const clockFinale = hasTime && !frozen && dayDelta(now2, resolvedMs, tz) <= 0;
   let text;
   if (frozen) {
     text = custom;
@@ -526,18 +532,18 @@ function updateNode(node, now) {
     text = remaining < 0 ? `${clock} ago` : clock;
   } else if (expiredNow) {
     if (units === "compound" || units === "human") {
-      const [a, b] = hasTime ? [resolvedMs, now] : [dayStart(resolvedMs, tz), dayStart(now, tz)];
+      const [a, b] = hasTime ? [resolvedMs, now2] : [dayStart(resolvedMs, tz), dayStart(now2, tz)];
       text = `${formatCompound(a, b, 2, tz)} ago`;
     } else {
       const elapsed = -remaining;
       text = elapsed <= 0 ? "Now!" : `${formatCount(elapsed, { units, round, fields })} ago`;
     }
-  } else if (rule && sameDay(resolvedMs, now, tz)) {
+  } else if (rule && sameDay(resolvedMs, now2, tz)) {
     text = onDay ?? "Today!";
   } else if (units === "human") {
-    text = hasTime ? formatHuman(now, resolvedMs, tz).big : formatHuman(dayStart(now, tz), dayStart(resolvedMs, tz), tz).big;
+    text = hasTime ? formatHuman(now2, resolvedMs, tz).big : formatHuman(dayStart(now2, tz), dayStart(resolvedMs, tz), tz).big;
   } else if (units === "compound") {
-    text = formatCompound(now, resolvedMs, 2, tz);
+    text = formatCompound(now2, resolvedMs, 2, tz);
   } else {
     text = formatCount(Math.max(0, remaining), { units, round, fields });
   }
@@ -568,7 +574,7 @@ function updateNode(node, now) {
     } else if (units === "human" && remaining > 0) {
       setClockText(
         detail,
-        hasTime ? formatCount(remaining, { units: "clock", round, fields }) : formatHuman(dayStart(now, tz), dayStart(resolvedMs, tz), tz).sub
+        hasTime ? formatCount(remaining, { units: "clock", round, fields }) : formatHuman(dayStart(now2, tz), dayStart(resolvedMs, tz), tz).sub
       );
     }
   }
@@ -578,8 +584,8 @@ function updateNode(node, now) {
 }
 function tickCountdowns(root = document) {
   if (typeof document === "undefined") return;
-  const now = Date.now();
-  root.querySelectorAll("[data-dgmo-countdown]").forEach((node) => updateNode(node, now));
+  const now2 = now();
+  root.querySelectorAll("[data-dgmo-countdown]").forEach((node) => updateNode(node, now2));
 }
 var intervalStarted = false;
 function startCountdowns(root = document) {

package/dist/{d3--y67plmW.d.ts → d3-CQT5bwpb.d.ts}

@@ -1,4 +1,4 @@
-import { T as TagGroup, D as DgmoError, a as PaletteColors, C as CompactViewState } from './tag-groups-DrHT2tEc.js';
+import { T as TagGroup, D as DgmoError, a as PaletteColors, C as CompactViewState } from './tag-groups-BoJg3lFV.js';
 
 /** A POI / route-stop position: gazetteer name (+ optional ISO scope) or coords. */
 type PoiPos = {

package/dist/{dgmo-router-CY5j16Pl.d.ts → dgmo-router-C9CsswPZ.d.ts}

@@ -1,4 +1,4 @@
-import { P as PaletteConfig, D as DgmoError } from './tag-groups-DrHT2tEc.js';
+import { P as PaletteConfig, D as DgmoError } from './tag-groups-BoJg3lFV.js';
 
 /** Validate that a hex string is well-formed (#RGB or #RRGGBB). */
 declare function isValidHex(value: string): boolean;

package/dist/{dgmo-router-A3LIHT6H.js → dgmo-router-XZNCLYTV.js}

@@ -9,68 +9,69 @@ import {
   looksLikeGantt,
   parseDgmo,
   parseDgmoChartType
-} from "./chunk-FTTB64OJ.js";
+} from "./chunk-7SMVTA7I.js";
 import "./chunk-SH4PPRU7.js";
 import "./chunk-A2RUBBVT.js";
-import "./chunk-5PFNUDXR.js";
+import "./chunk-6VTLVU7D.js";
 import "./chunk-TN754B3R.js";
-import "./chunk-JLODGGN2.js";
+import "./chunk-7NNJXYXU.js";
 import "./chunk-M526IKKH.js";
 import "./chunk-2CW5ZTNH.js";
 import "./chunk-BDXC7MDK.js";
 import "./chunk-CRLVJZWX.js";
-import "./chunk-2QRIMMIH.js";
+import "./chunk-N56W4R66.js";
 import "./chunk-LKS56RDT.js";
 import "./chunk-OKXWPKUC.js";
-import "./chunk-4YER7UCV.js";
-import "./chunk-3H4PDNP4.js";
+import "./chunk-VUJQ6RU6.js";
+import "./chunk-2NLBIZEW.js";
 import "./chunk-XSVWUOUZ.js";
 import "./chunk-KWSBNLSC.js";
-import "./chunk-Z7KVOVE4.js";
+import "./chunk-7WTFX6OA.js";
 import "./chunk-WFA6IULY.js";
-import "./chunk-BWJLLNUX.js";
-import "./chunk-KRTLS3G6.js";
-import "./chunk-F4X5NVKY.js";
+import "./chunk-3DPOIW3W.js";
+import "./chunk-7BNRHSSF.js";
+import "./chunk-QVMV4KCA.js";
+import "./chunk-B6PVPAS5.js";
 import "./chunk-EGY3TS62.js";
-import "./chunk-W7UBPARG.js";
-import "./chunk-S5P5Z5Y5.js";
+import "./chunk-3ZLQM6XN.js";
+import "./chunk-GINNZHVN.js";
 import "./chunk-QQJUTGQH.js";
-import "./chunk-QOVM5VRC.js";
+import "./chunk-57GSSHBR.js";
 import "./chunk-VBJCGGNF.js";
-import "./chunk-RWFMOVHG.js";
+import "./chunk-KAZQX2EY.js";
 import "./chunk-3TYUXC7D.js";
 import "./chunk-Y2CYNRL7.js";
-import "./chunk-UJBP57UJ.js";
+import "./chunk-RC6GGF6X.js";
 import "./chunk-UCZBRGJN.js";
 import "./chunk-7BMX2M3F.js";
-import "./chunk-3SP6G4LN.js";
-import "./chunk-ZM27UI5O.js";
-import "./chunk-46KVXDUJ.js";
-import "./chunk-TPN7RJOM.js";
+import "./chunk-3GLTQZKE.js";
+import "./chunk-A7Y32YD6.js";
+import "./chunk-NS3KIRSW.js";
+import "./chunk-FJADQOFQ.js";
 import "./chunk-EQW6HOP4.js";
 import "./chunk-DAOFNU6J.js";
-import "./chunk-7NSNE52V.js";
+import "./chunk-XCR3PDFF.js";
 import "./chunk-C3Z4DX3V.js";
 import "./chunk-NWNSXHA5.js";
 import "./chunk-7TF3QOOD.js";
-import "./chunk-M5JT2AU7.js";
+import "./chunk-6Z2NUJSX.js";
 import "./chunk-NXMESY4J.js";
 import "./chunk-LTTZX6RD.js";
-import "./chunk-ICVIJLBA.js";
+import "./chunk-SFSJ6XWV.js";
 import "./chunk-76NHL5UG.js";
 import "./chunk-E6PNTYRK.js";
 import "./chunk-IHOFUR74.js";
-import "./chunk-SWEKCK34.js";
-import "./chunk-LXXVHLTH.js";
+import "./chunk-QAPFXLAC.js";
+import "./chunk-NN5IDH2I.js";
 import "./chunk-IYULMRBE.js";
 import "./chunk-NOTA6TEI.js";
 import "./chunk-MSVQ2YCY.js";
-import "./chunk-DY7KDZUF.js";
-import "./chunk-76LHNLGX.js";
+import "./chunk-3OWIYK52.js";
+import "./chunk-R4YGH7DJ.js";
 import "./chunk-M5OOAP65.js";
 import "./chunk-23RWHHI5.js";
-import "./chunk-R3XI2VC7.js";
-import "./chunk-GLREDNBA.js";
+import "./chunk-IDJGV6VM.js";
+import "./chunk-YVLTNNME.js";
 import "./chunk-XOGQY4EC.js";
 import "./chunk-5SI6T5A5.js";
 import "./chunk-5WRI5ZAA.js";
@@ -86,4 +87,4 @@ export {
   parseDgmo,
   parseDgmoChartType
 };
-//# sourceMappingURL=dgmo-router-A3LIHT6H.js.map
+//# sourceMappingURL=dgmo-router-XZNCLYTV.js.map