@diagrammo/dgmo 0.5.2 → 0.5.3

package/dist/index.js

@@ -20186,18 +20186,19 @@ function renderTimeline(container, parsed, palette, isDark, onClickItem, exportD
         );
       }, drawLegend2 = function() {
         mainSvg.selectAll(".tl-tag-legend-group").remove();
+        const effectiveColorKey = (currentActiveGroup ?? currentSwimlaneGroup)?.toLowerCase() ?? null;
         const visibleGroups = viewMode ? legendGroups.filter(
-          (lg) => currentActiveGroup != null && lg.group.name.toLowerCase() === currentActiveGroup.toLowerCase()
+          (lg) => effectiveColorKey != null && lg.group.name.toLowerCase() === effectiveColorKey
         ) : legendGroups;
         if (visibleGroups.length === 0) return;
         const totalW = visibleGroups.reduce((s, lg) => {
-          const isActive = currentActiveGroup != null && lg.group.name.toLowerCase() === currentActiveGroup.toLowerCase();
+          const isActive = viewMode || currentActiveGroup != null && lg.group.name.toLowerCase() === currentActiveGroup.toLowerCase();
           return s + (isActive ? lg.expandedWidth : lg.minifiedWidth);
         }, 0) + (visibleGroups.length - 1) * LG_GROUP_GAP;
         let cx = (width - totalW) / 2;
         for (const lg of visibleGroups) {
           const groupKey = lg.group.name.toLowerCase();
-          const isActive = currentActiveGroup != null && currentActiveGroup.toLowerCase() === groupKey;
+          const isActive = viewMode || currentActiveGroup != null && currentActiveGroup.toLowerCase() === groupKey;
           const isSwimActive = currentSwimlaneGroup != null && currentSwimlaneGroup.toLowerCase() === groupKey;
           const pillLabel = lg.group.name;
           const pillWidth = pillLabel.length * LG_PILL_FONT_W + LG_PILL_PAD;