@diagrammo/dgmo 0.8.25 → 0.8.26

package/dist/index.js

@@ -32552,7 +32552,6 @@ var init_renderer12 = __esm({
 // src/journey-map/layout.ts
 var layout_exports11 = {};
 __export(layout_exports11, {
-  COLLAPSED_PHASE_WIDTH: () => COLLAPSED_PHASE_WIDTH,
   TAG_STRIP_HEIGHT: () => TAG_STRIP_HEIGHT,
   layoutJourneyMap: () => layoutJourneyMap,
   scoreToColor: () => scoreToColor
@@ -32746,7 +32745,7 @@ function wrapLineCount(text, maxWidth, charWidth) {
   }
   return lines;
 }
-var PADDING, TITLE_HEIGHT7, PERSONA_HEIGHT, CURVE_AREA_HEIGHT, CARD_GAP2, STEP_CARD_WIDTH, CARD_HEADER_HEIGHT2, CARD_META_LINE_HEIGHT2, PHASE_HEADER_HEIGHT, CARD_PADDING_X2, CARD_PADDING_Y2, ANNO_ICON_SIZE, ANNO_ICON_GAP, TAG_STRIP_HEIGHT, PHASE_GAP, COLUMN_PADDING2, FACE_ICON_SIZE, COLLAPSED_PHASE_WIDTH;
+var PADDING, TITLE_HEIGHT7, PERSONA_HEIGHT, CURVE_AREA_HEIGHT, CARD_GAP2, STEP_CARD_WIDTH, CARD_HEADER_HEIGHT2, CARD_META_LINE_HEIGHT2, PHASE_HEADER_HEIGHT, CARD_PADDING_X2, CARD_PADDING_Y2, ANNO_ICON_SIZE, ANNO_ICON_GAP, TAG_STRIP_HEIGHT, PHASE_GAP, COLUMN_PADDING2, FACE_ICON_SIZE;
 var init_layout12 = __esm({
   "src/journey-map/layout.ts"() {
     "use strict";
@@ -32768,7 +32767,6 @@ var init_layout12 = __esm({
     PHASE_GAP = 16;
     COLUMN_PADDING2 = 12;
     FACE_ICON_SIZE = 20;
-    COLLAPSED_PHASE_WIDTH = 60;
   }
 });
 
@@ -37997,8 +37995,10 @@ function renderEras(g, eras, scale, isVertical, innerWidth, innerHeight, onEnter
   eras.forEach((era, i) => {
     const startVal = parseTimelineDate(era.startDate);
     const endVal = parseTimelineDate(era.endDate);
+    if (!Number.isFinite(startVal) || !Number.isFinite(endVal)) return;
     const start = scale(startVal);
     const end = scale(endVal);
+    if (!Number.isFinite(start) || !Number.isFinite(end)) return;
     const color = era.color || eraColors[i % eraColors.length];
     const eraG = g.append("g").attr("class", "tl-era").attr("data-line-number", String(era.lineNumber)).attr("data-era-start", String(startVal)).attr("data-era-end", String(endVal)).style("cursor", "pointer").on("mouseenter", function(event) {
       onEnter(startVal, endVal);
@@ -38027,7 +38027,9 @@ function renderMarkers(g, markers, scale, isVertical, innerWidth, innerHeight, _
   const defaultColor = palette?.accent || "#d08770";
   markers.forEach((marker) => {
     const dateVal = parseTimelineDate(marker.date);
+    if (!Number.isFinite(dateVal)) return;
     const pos = scale(dateVal);
+    if (!Number.isFinite(pos)) return;
     const color = marker.color || defaultColor;
     const lineOpacity = 0.5;
     const diamondSize = 5;
@@ -38311,6 +38313,30 @@ function renderTimeline(container, parsed, palette, isDark, onClickItem, exportD
       latestEndDateStr = ev.endDate ?? ev.date;
     }
   }
+  for (const era of timelineEras) {
+    const eraStartNum = parseTimelineDate(era.startDate);
+    const eraEndNum = parseTimelineDate(era.endDate);
+    if (Number.isFinite(eraStartNum) && eraStartNum < minDate) {
+      minDate = eraStartNum;
+      earliestStartDateStr = era.startDate;
+    }
+    if (Number.isFinite(eraEndNum) && eraEndNum > maxDate) {
+      maxDate = eraEndNum;
+      latestEndDateStr = era.endDate;
+    }
+  }
+  for (const marker of timelineMarkers) {
+    const markerNum = parseTimelineDate(marker.date);
+    if (!Number.isFinite(markerNum)) continue;
+    if (markerNum < minDate) {
+      minDate = markerNum;
+      earliestStartDateStr = marker.date;
+    }
+    if (markerNum > maxDate) {
+      maxDate = markerNum;
+      latestEndDateStr = marker.date;
+    }
+  }
   const datePadding = (maxDate - minDate) * 0.05 || 0.5;
   const FADE_OPACITY2 = 0.1;
   function fadeToGroup(g, groupName) {