@diagrammo/dgmo 0.87.0 → 0.89.0

package/dist/{chunk-MSXRNVHB.js → chunk-Q6SQISHT.js}

@@ -25,7 +25,7 @@ import {
 } from "./chunk-WQ6G6FFM.js";
 import {
   parseJourneyMap
-} from "./chunk-NF5YKFRH.js";
+} from "./chunk-B3S76BZO.js";
 import {
   parsePyramid
 } from "./chunk-PIXJL77H.js";
@@ -84,7 +84,7 @@ import {
 } from "./chunk-QFHWYWQL.js";
 import {
   parseKanban
-} from "./chunk-GUYVKGFN.js";
+} from "./chunk-DPSMX4EY.js";
 import {
   parseC4
 } from "./chunk-GSYZZFI5.js";
@@ -93,17 +93,17 @@ import {
 } from "./chunk-GUTZCRBT.js";
 import {
   parseGantt
-} from "./chunk-BAZT6CIF.js";
+} from "./chunk-ITSBBQTH.js";
 import {
   parseDgmoChartType
-} from "./chunk-AQIBKTPG.js";
+} from "./chunk-K5XT7NHD.js";
 import {
   parseRaci
 } from "./chunk-3RYBTEF5.js";
 import {
   PERT_DIAGNOSTICS,
   parsePert
-} from "./chunk-UNNJCSSQ.js";
+} from "./chunk-JVZ7KFAX.js";
 import {
   parseLiveLink
 } from "./chunk-7WGCQE2E.js";
@@ -116,7 +116,7 @@ import {
 import {
   SEQUENCE_DIAGNOSTICS,
   parseSequenceDgmo
-} from "./chunk-VPASQOR3.js";
+} from "./chunk-LFKSHDVI.js";
 import {
   parseFlowchart
 } from "./chunk-JRUEIRJB.js";
@@ -128,7 +128,7 @@ import {
 } from "./chunk-AYOVY75O.js";
 import {
   parseClassDiagram
-} from "./chunk-A4XPI4YN.js";
+} from "./chunk-MFW6P7WH.js";
 import {
   parseERDiagram
 } from "./chunk-WPL5PFXE.js";
@@ -561,7 +561,7 @@ function parseVisualizationFull(content, palette) {
         if (line.startsWith("//")) continue;
         const eraRange = tlLeadingRange(line);
         const eraParsed = eraRange && splitTrailingColor(eraRange.rest);
-        if (eraRange && eraParsed && eraParsed.label) {
+        if (eraRange && eraParsed?.label) {
           result.timelineEras.push({
             startDate: eraRange.start,
             endDate: eraRange.end,
@@ -590,7 +590,7 @@ function parseVisualizationFull(content, palette) {
         if (line.startsWith("//")) continue;
         const markerLd = tlLeadingDate(line);
         const markerParsed = markerLd && splitTrailingColor(markerLd.rest);
-        if (markerLd && markerParsed && markerParsed.label) {
+        if (markerLd && markerParsed?.label) {
           result.timelineMarkers.push({
             date: markerLd.iso,
             label: markerParsed.label,
@@ -625,7 +625,7 @@ function parseVisualizationFull(content, palette) {
       const eraInline = line.match(/^era\s+(.+)$/i);
       const eraInlineRange = eraInline && tlLeadingRange(eraInline[1]);
       const eraInlineParsed = eraInlineRange && splitTrailingColor(eraInlineRange.rest);
-      if (eraInlineRange && eraInlineParsed && eraInlineParsed.label) {
+      if (eraInlineRange && eraInlineParsed?.label) {
         result.timelineEras.push({
           startDate: eraInlineRange.start,
           endDate: eraInlineRange.end,
@@ -643,7 +643,7 @@ function parseVisualizationFull(content, palette) {
       const markerInline = line.match(/^marker\s+(.+)$/i);
       const markerInlineLd = markerInline && tlLeadingDate(markerInline[1]);
       const markerInlineParsed = markerInlineLd && splitTrailingColor(markerInlineLd.rest);
-      if (markerInlineLd && markerInlineParsed && markerInlineParsed.label) {
+      if (markerInlineLd && markerInlineParsed?.label) {
         result.timelineMarkers.push({
           date: markerInlineLd.iso,
           label: markerInlineParsed.label,
@@ -1878,6 +1878,7 @@ export {
   parseQuadrant,
   listDiagnosticCodes,
   getDiagnosticSpec,
+  REGISTRY_BY_ID,
   getRenderCategory,
   isExtendedChartType,
   getAllChartTypes,

package/dist/{chunk-UNAP6O26.js → chunk-QIOYTQDZ.js}

@@ -7,10 +7,10 @@ import {
   mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-LNO3ASX5.js";
+} from "./chunk-HUNDJTTH.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} from "./chunk-CNUN5GO6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -18,29 +18,29 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
+import {
+  tagAttrKey
+} from "./chunk-L5AFONQU.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-RH2PROYG.js";
+} from "./chunk-I6GGMCTV.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
-import {
-  tagAttrKey
-} from "./chunk-L5AFONQU.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/treemap/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-BT2WH2XT.js → chunk-RGWYZR3S.js}

@@ -26,7 +26,7 @@ import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   resolveColor

package/dist/{chunk-PPH6ILHL.js → chunk-RPKBWJBB.js}

@@ -8,17 +8,17 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  measureText
-} from "./chunk-KAO7JL4I.js";
 import {
   fillModeFromOptions
 } from "./chunk-44GP7PD5.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   mix,
   shapeFill
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/wireframe/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-JD4RHBNX.js → chunk-RXIKESRI.js}

@@ -12,11 +12,6 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
-import {
-  measureText,
-  truncateText,
-  wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
 import {
   allTasks
 } from "./chunk-3RYBTEF5.js";
@@ -27,11 +22,16 @@ import {
   fillModeFromOptions,
   legendSuppressed
 } from "./chunk-44GP7PD5.js";
+import {
+  measureText,
+  truncateText,
+  wrapTextToWidth
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/raci/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -480,7 +480,7 @@ function setupColumnHover(svg) {
   const findRole = (target) => {
     let el = target;
     while (el && el !== node) {
-      const r = el.getAttribute && el.getAttribute("data-role-id");
+      const r = el.getAttribute?.("data-role-id");
       if (r) return r;
       el = el.parentElement;
     }

package/dist/{chunk-BMUWF77V.js → chunk-S2WE7TVK.js}

@@ -15,18 +15,18 @@ import {
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
+import {
+  fillModeFromOptions
+} from "./chunk-44GP7PD5.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText
 } from "./chunk-KAO7JL4I.js";
-import {
-  fillModeFromOptions
-} from "./chunk-44GP7PD5.js";
 import {
   contrastText,
   getSeriesColors,
   shapeFill
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 import {
   resolveColor
 } from "./chunk-2M4IGSCY.js";

package/dist/{chunk-QFIXL3OK.js → chunk-SEKNYIMO.js}

@@ -1,6 +1,6 @@
 import {
   serializeSvg
-} from "./chunk-LD2JSKU3.js";
+} from "./chunk-OOCVGX4W.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-FPXMCGS5.js → chunk-SLQT3JP3.js}

@@ -1,6 +1,6 @@
 import {
   formatLocalISODate
-} from "./chunk-3TYUXC7D.js";
+} from "./chunk-2SKMEL7V.js";
 import {
   isTagBlockHeading,
   matchTagBlockHeading

package/dist/{chunk-LL6D3MES.js → chunk-SOPM5PLO.js}

@@ -1,7 +1,7 @@
 import {
   computeNodeText,
   layoutMindmap
-} from "./chunk-UIUXIDBX.js";
+} from "./chunk-CUYHST3B.js";
 import {
   renderInlineText
 } from "./chunk-S7W75MIM.js";
@@ -18,30 +18,27 @@ import {
 import {
   extractExportSvg,
   runInExportContainer
-} from "./chunk-QFIXL3OK.js";
+} from "./chunk-SEKNYIMO.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} from "./chunk-CNUN5GO6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseMindmap
 } from "./chunk-NGC3IZRY.js";
-import {
-  LEGEND_GROUP_GAP
-} from "./chunk-RH2PROYG.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
@@ -53,10 +50,13 @@ import {
   legendInlineRequested,
   legendSuppressed
 } from "./chunk-44GP7PD5.js";
+import {
+  LEGEND_GROUP_GAP
+} from "./chunk-I6GGMCTV.js";
 import {
   contrastText,
   shapeFill
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/mindmap/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-J7Q4VPBJ.js → chunk-TAP2NZEU.js}

@@ -9,30 +9,25 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
-} from "./chunk-LD2JSKU3.js";
+} from "./chunk-OOCVGX4W.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
 } from "./chunk-VLC6WNRD.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-7SX4IY6T.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseKanban
-} from "./chunk-GUYVKGFN.js";
-import {
-  LEGEND_HEIGHT,
-  measureLegendText
-} from "./chunk-RH2PROYG.js";
-import {
-  measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-DPSMX4EY.js";
 import {
   tagAttrKey
 } from "./chunk-L5AFONQU.js";
@@ -40,12 +35,19 @@ import {
   fillModeFromOptions,
   legendSuppressed
 } from "./chunk-44GP7PD5.js";
+import {
+  LEGEND_HEIGHT,
+  measureLegendText
+} from "./chunk-I6GGMCTV.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 import {
   contrastText,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/kanban/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -357,6 +359,12 @@ function computeLayout(parsed, _palette, collapsedColumns, hiddenMetaGroups, sDi
   return { columns: columnLayouts, totalWidth, totalHeight };
 }
 function renderKanban(container, parsed, palette, isDark, options) {
+  keepSwimlaneToggleFocus(
+    container,
+    () => drawKanban(container, parsed, palette, isDark, options)
+  );
+}
+function drawKanban(container, parsed, palette, isDark, options) {
   const exportDims = options?.exportDims;
   const activeTagGroup = options?.activeTagGroup ?? null;
   const onSwimlaneChange = options?.onSwimlaneChange;
@@ -476,9 +484,7 @@ function renderKanban(container, parsed, palette, isDark, options) {
           isCurrent,
           palette
         );
-        iconEl.append("title").text(`Group by ${groupName}`);
-        iconEl.style("cursor", "pointer").on("click", (event) => {
-          event.stopPropagation();
+        wireSwimlaneToggle(iconEl, groupName, isCurrent, true, () => {
           onSwimlaneChange?.(isCurrent ? null : groupName);
         });
       }

package/dist/{chunk-RE6TVIAV.js → chunk-UKJLPA7R.js}

@@ -1,9 +1,9 @@
 import {
   paintRootBackground
-} from "./chunk-QFIXL3OK.js";
+} from "./chunk-SEKNYIMO.js";
 import {
   serializeSvg
-} from "./chunk-LD2JSKU3.js";
+} from "./chunk-OOCVGX4W.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -14,7 +14,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   getSeriesColors
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/utils/d3-helpers.ts
 import * as d3Selection from "d3-selection";
@@ -93,7 +93,7 @@ var EXPORT_WIDTH = 1200;
 var EXPORT_HEIGHT = 800;
 async function resolveExportPalette(theme, palette) {
   if (palette) return palette;
-  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-BIV54XLS.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-WZAIQTEG.js");
   const cfg = getPalette(DEFAULT_PALETTE_ID);
   return theme === "dark" ? cfg.dark : cfg.light;
 }

package/dist/{chunk-RGI64U3A.js → chunk-UQLHKLF4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-3DOQOXXI.js";
+} from "./chunk-CNUN5GO6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -11,31 +11,31 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+} from "./chunk-7SX4IY6T.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-FM3WAVB6.js";
+} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   isBlockNode
 } from "./chunk-XSVWUOUZ.js";
+import {
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-L5AFONQU.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-RH2PROYG.js";
+} from "./chunk-I6GGMCTV.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
-import {
-  resolveTagColor,
-  tagAttrKey
-} from "./chunk-L5AFONQU.js";
 import {
   mix,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/block/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-LPXC4I4R.js → chunk-UWKRPQZO.js}

@@ -15,16 +15,26 @@ import {
   hideTooltip,
   renderChartTitle,
   showTooltip
-} from "./chunk-RE6TVIAV.js";
+} from "./chunk-UKJLPA7R.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-LHL6HDUL.js";
+  keepSwimlaneToggleFocus,
+  renderIntegratedLegend,
+  wireSwimlaneToggle
+} from "./chunk-7SX4IY6T.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseTimelineDate
 } from "./chunk-GDJW64XE.js";
+import {
+  DEFAULT_PALETTE_ID,
+  getPalette
+} from "./chunk-NIUO2TNR.js";
+import {
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-L5AFONQU.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -37,22 +47,14 @@ import {
   legendChromeColors,
   measureLegendText,
   truncateLegendText
-} from "./chunk-RH2PROYG.js";
-import {
-  resolveTagColor,
-  tagAttrKey
-} from "./chunk-L5AFONQU.js";
-import {
-  DEFAULT_PALETTE_ID,
-  getPalette
-} from "./chunk-IDJGV6VM.js";
+} from "./chunk-I6GGMCTV.js";
 import {
   getEraColors,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-7HWY4QAJ.js";
+} from "./chunk-L24LESXF.js";
 
 // src/embed/escape.ts
 var HTML_ENTITIES = {
@@ -72,6 +74,8 @@ function escapeAttr(s) {
 // src/timeline/renderer.ts
 import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
+var MIN_TOP_SCALE_BAND = 26;
+var MIN_BOTTOM_BAND = 30;
 function renderEras(g, eras, scale, isVertical, innerWidth, innerHeight, onEnter, onLeave, hasScale = false, _tooltip = null, palette, reservedLabelY, fillMode, outlineBg) {
   const eraColors = getEraColors(
     palette ?? getPalette(DEFAULT_PALETTE_ID).light
@@ -650,7 +654,7 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
       };
       const centralCallbacks = viewMode ? {} : {
         onGroupToggle: (groupName) => {
-          currentActiveGroup = currentActiveGroup === groupName.toLowerCase() ? null : groupName.toLowerCase();
+          currentActiveGroup = currentActiveGroup?.toLowerCase() === groupName.toLowerCase() ? null : groupName.toLowerCase();
           drawLegend2();
           recolorEvents2();
           onTagStateChange?.(currentActiveGroup, currentSwimlaneGroup);
@@ -689,15 +693,21 @@ function renderTimelineTagLegendOverlay(container, parsed, palette, isDark, setu
               iconY,
               isSwimActive
             );
-            iconEl.attr("data-swimlane-toggle", groupKey).on("click", (event) => {
-              event.stopPropagation();
-              currentSwimlaneGroup = currentSwimlaneGroup === groupKey ? null : groupKey;
-              onTagStateChange?.(
-                currentActiveGroup,
-                currentSwimlaneGroup
-              );
-              relayout2();
-            });
+            iconEl.attr("data-swimlane-toggle", groupKey);
+            wireSwimlaneToggle(
+              iconEl,
+              groupName,
+              isSwimActive,
+              !exportDims,
+              () => {
+                currentSwimlaneGroup = currentSwimlaneGroup === groupKey ? null : groupKey;
+                onTagStateChange?.(
+                  currentActiveGroup,
+                  currentSwimlaneGroup
+                );
+                relayout2();
+              }
+            );
           }
         }
       };
@@ -799,11 +809,12 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
   const MARKER_ROW_H = ctx.structural(22);
   const eraReserve = timelineEras.length > 0 ? ERA_ROW_H : 0;
   const markerReserve = timelineMarkers.length > 0 ? MARKER_ROW_H : 0;
-  const topScaleH = timelineScale ? ctx.structural(40) : 0;
+  const topScaleH = timelineScale ? Math.max(ctx.structural(40), MIN_TOP_SCALE_BAND) : 0;
+  const hasGroupLegend = timelineGroups.length > 0 && !parsed.noLegend;
   const margin = {
-    top: ctx.aesthetic(104) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
+    top: 50 + (hasGroupLegend ? 54 : ctx.aesthetic(54)) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
-    bottom: ctx.aesthetic(40) + scaleMargin,
+    bottom: Math.max(ctx.aesthetic(40), MIN_BOTTOM_BAND) + scaleMargin,
     left: ctx.aesthetic(60)
   };
   const markerLabelY = markerReserve ? -(topScaleH + MARKER_ROW_H / 2) : 0;
@@ -874,8 +885,8 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
       formatBoundaryLabel(latestEndDateStr, earliestStartDateStr)
     );
   }
-  if (timelineGroups.length > 0 && !parsed.noLegend) {
-    const legendY = timelineScale ? -ctx.aesthetic(75) : -ctx.aesthetic(55);
+  if (hasGroupLegend) {
+    const legendY = timelineScale ? -(topScaleH + 35) : -55;
     renderTimelineGroupLegend(
       g,
       timelineGroups,
@@ -1033,7 +1044,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
   const MARKER_ROW_H = ctx.structural(22);
   const eraReserve = timelineEras.length > 0 ? ERA_ROW_H : 0;
   const markerReserve = timelineMarkers.length > 0 ? MARKER_ROW_H : 0;
-  const topScaleH = timelineScale ? ctx.structural(40) : 0;
+  const topScaleH = timelineScale ? Math.max(ctx.structural(40), MIN_TOP_SCALE_BAND) : 0;
   const maxGroupNameLen = Math.max(...lanes.map((l) => l.name.length)) + 2;
   const maxEventLabelLen = Math.max(
     0,
@@ -1044,11 +1055,11 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     ctx.aesthetic(140),
     maxLeftLabelLen * sCharW + ctx.aesthetic(30)
   );
-  const baseTopMargin = title ? ctx.aesthetic(50) : ctx.aesthetic(20);
+  const baseTopMargin = title ? 50 : ctx.aesthetic(20);
   const margin = {
     top: baseTopMargin + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
-    bottom: ctx.aesthetic(40) + scaleMargin,
+    bottom: Math.max(ctx.aesthetic(40), MIN_BOTTOM_BAND) + scaleMargin,
     left: dynamicLeftMargin
   };
   const markerLabelY = markerReserve ? -(topScaleH + MARKER_ROW_H / 2) : 0;
@@ -1136,7 +1147,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { mode: fillMode })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", sLaneHeaderFont).attr("font-weight", "bold").text(`${toggleIcon} ${lane.name}`);
+    headerG.append("text").attr("x", bandX + 5).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", sLaneHeaderFont).attr("font-weight", "bold").text(`${toggleIcon} ${lane.name}`);
     if (lane.events.length > 0) {
       const evDates = lane.events.map((ev) => parseTimelineDate(ev.date));
       const evEndDates = lane.events.filter((ev) => ev.endDate).map((ev) => parseTimelineDate(ev.endDate));
@@ -1583,6 +1594,24 @@ function renderTimelineVertical(container, parsed, palette, isDark, setup, hover
 var timelineCollapseState = /* @__PURE__ */ new WeakMap();
 var tlBandClipCounter = 0;
 function renderTimeline(container, parsed, palette, isDark, onClickItem, exportDims, activeTagGroup, swimlaneTagGroup, onTagStateChange, viewMode, exportMode) {
+  keepSwimlaneToggleFocus(
+    container,
+    () => drawTimeline(
+      container,
+      parsed,
+      palette,
+      isDark,
+      onClickItem,
+      exportDims,
+      activeTagGroup,
+      swimlaneTagGroup,
+      onTagStateChange,
+      viewMode,
+      exportMode
+    )
+  );
+}
+function drawTimeline(container, parsed, palette, isDark, onClickItem, exportDims, activeTagGroup, swimlaneTagGroup, onTagStateChange, viewMode, exportMode) {
   const setup = setupTimeline(
     container,
     parsed,