@diagrammo/dgmo 0.89.0 → 0.91.0

package/dist/{chunk-GDJW64XE.js → chunk-OYKNMFUY.js}

@@ -7,7 +7,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-B3S76BZO.js → chunk-PSGSFRRE.js}

@@ -9,7 +9,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   JOURNEY_MAP_REGISTRY,
   OPTION_NOCOLON_RE,
@@ -20,7 +20,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   resolveColorWithDiagnostic
 } from "./chunk-2M4IGSCY.js";
@@ -317,7 +317,7 @@ function parseJourneyMap(content, palette) {
       const groupKey = aliasMap.get(tagKey.toLowerCase()) ?? tagKey.toLowerCase();
       const validValues = tagValueSets.get(groupKey);
       if (validValues && !validValues.has(tagValue.toLowerCase())) {
-        const entries = result.tagGroups.find((g) => g.name.toLowerCase() === groupKey)?.entries.map((e) => e.value);
+        const entries = result.tagGroups.find((g) => tagAttrKey(g.name) === groupKey)?.entries.map((e) => e.value);
         let msg = `Unknown tag value "${tagValue}" for group "${groupKey}"`;
         if (entries) {
           const hint = suggest(tagValue, entries);
@@ -340,7 +340,7 @@ function parseJourneyMap(content, palette) {
   validateTagGroupNames(result.tagGroups, warn, (line, msg) => {
     const diag = makeDgmoError(line, msg);
     result.diagnostics.push(diag);
-    if (!result.error) result.error = formatDgmoError(diag);
+    result.error ??= formatDgmoError(diag);
   });
   const activeTagWarning = activeTagNoMatchMessage(
     options["active-tag"],

package/dist/{chunk-4AJKOUBO.js → chunk-PUZ63XZM.js}

@@ -1,10 +1,12 @@
 import {
+  CYLINDER_RY,
+  QUEUE_CAP,
   collectCardMetadata,
   layoutC4Components,
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-LYLNMN77.js";
+} from "./chunk-K3BYD3WU.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -12,6 +14,9 @@ import {
 import {
   renderInlineText
 } from "./chunk-S7W75MIM.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-QVKTAU7P.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -33,25 +38,22 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseC4
-} from "./chunk-GSYZZFI5.js";
+} from "./chunk-EP7BT3HU.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   resolveGroupTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   fillModeFromOptions
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   LEGEND_HEIGHT
 } from "./chunk-I6GGMCTV.js";
@@ -81,9 +83,7 @@ var TYPE_LABEL_HEIGHT = 18;
 var DIVIDER_GAP = 6;
 var NAME_HEIGHT = 20;
 var BOUNDARY_LABEL_FONT_SIZE = 12;
-var CYLINDER_RY = 8;
 var CLOUD_BUMP = 7;
-var QUEUE_CAP = 16;
 var PERSON_HEAD_R = 4;
 var PERSON_ARM_SPAN = 10;
 var PERSON_LEG_SPAN = 7;
@@ -232,7 +232,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
         nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
-          (g) => g.name.toLowerCase() === tagKey || g.alias?.toLowerCase() === tagKey
+          (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
           nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
@@ -863,7 +863,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
         nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
-          (g) => g.name.toLowerCase() === tagKey || g.alias?.toLowerCase() === tagKey
+          (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
           nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
@@ -1128,6 +1128,8 @@ function renderC4DeploymentForExport(content, theme, palette) {
 export {
   renderC4Context,
   renderC4ContextForExport,
+  drawCylinderCard,
+  drawQueueCard,
   renderC4Containers,
   renderC4ContainersForExport,
   renderC4ComponentsForExport,

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

@@ -1,21 +1,21 @@
+import {
+  renderIntegratedLegend
+} from "./chunk-QVKTAU7P.js";
 import {
   EDGE_DASH
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
+import {
+  getLegendExtent,
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -25,7 +25,7 @@ import {
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   LEGEND_GROUP_GAP
 } from "./chunk-I6GGMCTV.js";

package/dist/{chunk-W7QN5BC5.js → chunk-Q3N7PI3B.js}

@@ -1,15 +1,15 @@
+import {
+  noteBoxSize
+} from "./chunk-RJNZHFNG.js";
+import {
+  NOTE_GAP
+} from "./chunk-5DH3KYFH.js";
 import {
   LABEL_REACH_WIDE,
   NODE_HEIGHT,
   NODE_WIDTH,
   placeEdgeLabels
 } from "./chunk-QT3KDDXK.js";
-import {
-  buildPlacedNotes
-} from "./chunk-HTNLLT34.js";
-import {
-  noteCanvasShift
-} from "./chunk-6EK55ART.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";
@@ -18,6 +18,176 @@ import {
   wrapTextToWidth
 } from "./chunk-KAO7JL4I.js";
 
+// src/utils/notes/place.ts
+var NOTE_CLEAR = 14;
+var intersects = (a, b, pad) => !(a.right + pad <= b.left || b.right + pad <= a.left || a.bottom + pad <= b.top || b.bottom + pad <= a.top);
+function placeNotes(obstacles, requests, direction) {
+  const placements = /* @__PURE__ */ new Map();
+  const occupied = obstacles.map((p) => ({
+    left: p.x - p.width / 2,
+    top: p.y - p.height / 2,
+    right: p.x + p.width / 2,
+    bottom: p.y + p.height / 2
+  }));
+  for (const req of requests) {
+    if (req.collapsed) {
+      placements.set(req.key, {
+        collapsed: true,
+        side: "right",
+        x: 0,
+        y: 0
+      });
+      continue;
+    }
+    const p = req.node;
+    const cx = p.x;
+    const cy = p.y;
+    const nodeLeft = cx - p.width / 2;
+    const nodeRight = cx + p.width / 2;
+    const nodeTop = cy - p.height / 2;
+    const nodeBottom = cy + p.height / 2;
+    const { noteW, noteH } = req;
+    const rectFor = (side) => {
+      switch (side) {
+        case "right": {
+          const left = nodeRight + NOTE_GAP;
+          const top = cy - noteH / 2;
+          return { left, top, right: left + noteW, bottom: top + noteH };
+        }
+        case "left": {
+          const right = nodeLeft - NOTE_GAP;
+          const top = cy - noteH / 2;
+          return { left: right - noteW, top, right, bottom: top + noteH };
+        }
+        case "below": {
+          const left = cx - noteW / 2;
+          const top = nodeBottom + NOTE_GAP;
+          return { left, top, right: left + noteW, bottom: top + noteH };
+        }
+        case "above":
+        default: {
+          const left = cx - noteW / 2;
+          const bottom = nodeTop - NOTE_GAP;
+          return { left, top: bottom - noteH, right: left + noteW, bottom };
+        }
+      }
+    };
+    const order = direction === "LR" ? ["below", "above"] : ["right", "left"];
+    let chosen = null;
+    for (const side of order) {
+      const rect = rectFor(side);
+      if (!occupied.some((o) => intersects(rect, o, NOTE_CLEAR))) {
+        chosen = { rect, side };
+        break;
+      }
+    }
+    if (!chosen) {
+      const side = order[0];
+      let rect = rectFor(side);
+      const axisIsY = side === "above" || side === "below";
+      const outward = side === "below" || side === "right" ? 1 : -1;
+      for (let guard = 0; guard < 50; guard++) {
+        const blockers = occupied.filter(
+          (o) => intersects(rect, o, NOTE_CLEAR)
+        );
+        if (blockers.length === 0) break;
+        if (axisIsY && outward > 0) {
+          const top = Math.max(...blockers.map((b) => b.bottom)) + NOTE_CLEAR;
+          rect = { ...rect, top, bottom: top + noteH };
+        } else if (axisIsY) {
+          const bottom = Math.min(...blockers.map((b) => b.top)) - NOTE_CLEAR;
+          rect = { ...rect, bottom, top: bottom - noteH };
+        } else if (outward > 0) {
+          const left = Math.max(...blockers.map((b) => b.right)) + NOTE_CLEAR;
+          rect = { ...rect, left, right: left + noteW };
+        } else {
+          const right = Math.min(...blockers.map((b) => b.left)) - NOTE_CLEAR;
+          rect = { ...rect, right, left: right - noteW };
+        }
+      }
+      chosen = { rect, side };
+    }
+    occupied.push(chosen.rect);
+    placements.set(req.key, {
+      collapsed: false,
+      side: chosen.side,
+      x: chosen.rect.left - p.x,
+      y: chosen.rect.top - p.y
+    });
+  }
+  return placements;
+}
+
+// src/utils/notes/build.ts
+function buildPlacedNotes(anchors, noteByNode, direction, collapsedNotes) {
+  const placed = /* @__PURE__ */ new Map();
+  if (noteByNode.size === 0) return placed;
+  const geoms = /* @__PURE__ */ new Map();
+  const requests = [];
+  for (const a of anchors) {
+    const note = noteByNode.get(a.id);
+    if (!note) continue;
+    const size = noteBoxSize(note.body);
+    geoms.set(a.id, {
+      noteW: size.width,
+      noteH: size.height,
+      ...note.color && { color: note.color },
+      lines: size.lines,
+      lineNumber: note.lineNumber,
+      endLineNumber: note.endLineNumber
+    });
+    requests.push({
+      key: a.id,
+      node: { x: a.x, y: a.y, width: a.width, height: a.height },
+      noteW: size.width,
+      noteH: size.height,
+      collapsed: collapsedNotes?.has(note.lineNumber) ?? false
+    });
+  }
+  const placements = placeNotes(
+    anchors.map((a) => ({ x: a.x, y: a.y, width: a.width, height: a.height })),
+    requests,
+    direction
+  );
+  for (const [id, g] of geoms) {
+    const p = placements.get(id);
+    placed.set(
+      id,
+      p.collapsed ? {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+        side: "right",
+        ...g.color && { color: g.color },
+        lines: [],
+        lineNumber: g.lineNumber,
+        endLineNumber: g.endLineNumber,
+        collapsed: true
+      } : {
+        x: p.x,
+        y: p.y,
+        width: g.noteW,
+        height: g.noteH,
+        side: p.side,
+        ...g.color && { color: g.color },
+        lines: g.lines,
+        lineNumber: g.lineNumber,
+        endLineNumber: g.endLineNumber
+      }
+    );
+  }
+  return placed;
+}
+
+// src/utils/notes/bounds.ts
+function noteCanvasShift(minX, minY, margin = 20) {
+  return {
+    shiftX: minX < 0 ? margin - minX : 0,
+    shiftY: minY < 0 ? margin - minY : 0
+  };
+}
+
 // src/boxes-and-lines/layout.ts
 var MARGIN = 40;
 var MAX_PARALLEL_EDGES = 5;
@@ -107,7 +277,7 @@ function computeNodeSize(node, reserveValueRow) {
   return { width: w, height: Math.max(NODE_HEIGHT, totalHeight) };
 }
 async function layoutBoxesAndLines(parsed, collapseInfo, layoutOptions) {
-  const { layoutBoxesAndLinesSearch } = await import("./layout-search-YKUL4VBV.js");
+  const { layoutBoxesAndLinesSearch } = await import("./layout-search-L75YOBME.js");
   const searchOpts = {
     ...layoutOptions?.hideDescriptions !== void 0 && {
       hideDescriptions: layoutOptions.hideDescriptions
@@ -423,6 +593,9 @@ function applyParallelEdgeOffsets(layout) {
 }
 
 export {
+  placeNotes,
+  buildPlacedNotes,
+  noteCanvasShift,
   computeNodeSize,
   layoutBoxesAndLines
 };

package/dist/{chunk-L5AFONQU.js → chunk-QKJ6MQXW.js}

@@ -2,7 +2,7 @@ import {
   peelQuotedName,
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
@@ -44,9 +44,7 @@ function assignAutoTagColors(group, palette) {
     let chosen = cycle.find(
       (c) => !explicitHexes.has(c.hex.toLowerCase()) && !autoHexes.has(c.hex.toLowerCase())
     );
-    if (!chosen) {
-      chosen = cycle[autoHexes.size % cycle.length];
-    }
+    chosen ??= cycle[autoHexes.size % cycle.length];
     autoHexes.add(chosen.hex.toLowerCase());
     entries[i] = { ...e, color: chosen.hex };
   }

package/dist/{chunk-7SX4IY6T.js → chunk-QVKTAU7P.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,

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

@@ -4,7 +4,7 @@ import {
 import {
   isTagBlockHeading,
   matchTagBlockHeading
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-4R6OMKXB.js → chunk-RHXIUUWB.js}

@@ -7,22 +7,22 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
-import {
-  TITLE_FONT_SIZE
-} from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
+} from "./chunk-QVKTAU7P.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-NS7L7YKH.js";
+import {
+  TITLE_FONT_SIZE
+} from "./chunk-VLC6WNRD.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions,
   legendSuppressed
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   measureText,
   truncateText,

package/dist/{chunk-MHAYUS65.js → chunk-RMTOZALT.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-J64NZ6NF.js";
+} from "./chunk-KSZHIAI2.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";
@@ -20,7 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   AliasRegistry,
   BOXES_AND_LINES_REGISTRY,
@@ -33,7 +33,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   makeDgmoError,
   suggest
@@ -585,7 +585,7 @@ function parseBoxesAndLines(content, palette) {
     validateTagGroupNames(result.tagGroups, pushWarning, (line, msg) => {
       const diag = makeDgmoError(line, msg);
       result.diagnostics.push(diag);
-      if (!result.error) result.error = diag.message;
+      result.error ??= diag.message;
     });
   }
   const activeTagWarning = activeTagNoMatchMessage(
@@ -594,7 +594,10 @@ function parseBoxesAndLines(content, palette) {
     // The value metric is a legitimate `active-tag` target here (§13.9), named
     // by `box-metric` and defaulting to `Value` — but only when some box
     // actually carries a value, which is what the renderer gates on.
-    result.nodes.some((n) => n.value !== void 0) ? [result.boxMetric?.trim() || "Value"] : [],
+    result.nodes.some((n) => n.value !== void 0) ? (
+      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- an empty metric name also falls back to 'Value'
+      [result.boxMetric?.trim() || "Value"]
+    ) : [],
     "the value metric"
   );
   if (activeTagWarning) {

package/dist/{chunk-HSRQDWV7.js → chunk-ROCBGUJN.js}

@@ -1,19 +1,18 @@
 import {
   isTagBlockHeading
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-44GP7PD5.js";
+} from "./chunk-MPJQMMBZ.js";
 import {
   formatDgmoError,
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
 
 // src/wireframe/parser.ts
-var KNOWN_OPTIONS = /* @__PURE__ */ new Set(["palette", "theme"]);
 var INERT_OPTIONS = {
   "active-tag": '"active-tag" does nothing on a wireframe \u2014 it has no tag groups. Element appearance comes from the trailing state keywords (primary, disabled, selected, \u2026).'
 };
@@ -255,7 +254,7 @@ function parseSegment(segment, lineNumber, indent, diagnostics) {
   const dropdownMatch = trimmed.match(DROPDOWN_RE);
   if (dropdownMatch) {
     const options = dropdownMatch[1].split("|").map((s) => s.trim()).filter(Boolean);
-    const el = makeElement("dropdown", options[0] || "", lineNumber, indent);
+    const el = makeElement("dropdown", options[0] ?? "", lineNumber, indent);
     el.options = options;
     applyTrailingMeta(el, dropdownMatch[2]);
     return el;
@@ -271,7 +270,7 @@ function parseSegment(segment, lineNumber, indent, diagnostics) {
       )
     );
     const options = parenPipeMatch[1].split("|").map((s) => s.trim()).filter(Boolean);
-    const el = makeElement("dropdown", options[0] || "", lineNumber, indent);
+    const el = makeElement("dropdown", options[0] ?? "", lineNumber, indent);
     el.options = options;
     return el;
   }
@@ -310,7 +309,7 @@ function parseSegment(segment, lineNumber, indent, diagnostics) {
   if (kwMatch) {
     const el = makeElement(
       kwMatch.type,
-      kwMatch.param || "",
+      kwMatch.param ?? "",
       lineNumber,
       indent
     );
@@ -322,7 +321,7 @@ function parseSegment(segment, lineNumber, indent, diagnostics) {
     } else if (kwMatch.type === "chart") {
       el.chartHint = kwMatch.param || "line";
     } else if (kwMatch.type === "table") {
-      const skelMatch = `table ${kwMatch.param || ""}`.match(TABLE_SKELETON_RE);
+      const skelMatch = `table ${kwMatch.param ?? ""}`.match(TABLE_SKELETON_RE);
       if (skelMatch) {
         el.tableRows = parseInt(skelMatch[1], 10);
         el.tableCols = parseInt(skelMatch[2], 10);
@@ -365,7 +364,7 @@ function parseSegment(segment, lineNumber, indent, diagnostics) {
     );
     const rawContent = trimmed.substring(1).trim();
     const options = rawContent.split("|").map((s) => s.trim()).filter(Boolean);
-    const el = makeElement("dropdown", options[0] || "", lineNumber, indent);
+    const el = makeElement("dropdown", options[0] ?? "", lineNumber, indent);
     el.options = options;
     return el;
   }
@@ -517,10 +516,6 @@ function parseWireframe(content) {
           pushWarning(lineNumber, inertMsg);
           continue;
         }
-        if (KNOWN_OPTIONS.has(key)) {
-          options[key] = optMatch[2] || "";
-          continue;
-        }
       }
       if (isTagBlockHeading(trimmed)) {
         refuseTagBlock(lineNumber);
@@ -544,10 +539,6 @@ function parseWireframe(content) {
           pushWarning(lineNumber, inertMsg);
           continue;
         }
-        if (KNOWN_OPTIONS.has(key)) {
-          options[key] = optMatch[2] || "";
-          continue;
-        }
       }
     }
     if (isTagBlockHeading(trimmed)) {
@@ -565,7 +556,7 @@ function parseWireframe(content) {
             topNode.tableHeaders = cells;
           }
         } else {
-          if (!topNode.tableData) topNode.tableData = [];
+          topNode.tableData ??= [];
           topNode.tableData.push(cells);
         }
         continue;

package/dist/{chunk-44FTCIRI.js → chunk-RVTYIGWZ.js}

@@ -9,28 +9,28 @@ import {
   layoutBracket,
   wrapText
 } from "./chunk-ABP5BUD6.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-QVKTAU7P.js";
 import {
   layoutInlineHeader
 } from "./chunk-CNUN5GO6.js";
+import {
+  getLegendExtent,
+  getMaxLegendReservedHeight
+} from "./chunk-NS7L7YKH.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
-import {
-  renderIntegratedLegend
-} from "./chunk-7SX4IY6T.js";
-import {
-  getLegendExtent,
-  getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-L5AFONQU.js";
+} from "./chunk-QKJ6MQXW.js";
 import {
   LEGEND_GROUP_GAP
 } from "./chunk-I6GGMCTV.js";
@@ -86,7 +86,7 @@ function paintForAccent(palette, isDark, accent, fillMode) {
   };
 }
 function paintFor(palette, isDark, sideColor, fillMode) {
-  const accent = sideColor && resolveColor(sideColor, palette) || sideColor || getSeriesColors(palette)[0];
+  const accent = (sideColor && resolveColor(sideColor, palette)) ?? sideColor ?? getSeriesColors(palette)[0];
   return paintForAccent(palette, isDark, accent, fillMode);
 }
 function resolveBracketLegend(parsed, palette) {