@diagrammo/dgmo 0.96.0 → 0.98.0

package/dist/{chunk-OYGJZA24.js → chunk-VHVQT4EW.js}

@@ -4,17 +4,20 @@ import {
 import {
   computeNodeSizing,
   layoutPert
-} from "./chunk-NI4L6HEU.js";
+} from "./chunk-LZATSXAA.js";
 import {
   serializeSvg
-} from "./chunk-CYRB2JTN.js";
+} from "./chunk-YLKPRT6U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  renderCollapseBar
+} from "./chunk-42AZPI2W.js";
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,
@@ -25,12 +28,11 @@ import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
   CARD_RADIUS,
-  COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
   CONTAINER_LABEL_FONT_SIZE,
   CONTAINER_RADIUS,
@@ -40,16 +42,16 @@ import {
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   parsePert
-} from "./chunk-34JOHSVE.js";
+} from "./chunk-CUTEHGXO.js";
 import {
   addCalendarDays,
   formatDuration,
@@ -66,15 +68,15 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText,
   truncateText,
   wrapTextToWidth
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   groupFill,
@@ -228,7 +230,6 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
   const sContainerRadius = ctx.structural(CONTAINER_RADIUS);
   const sContainerLabelFontSize = ctx.text(CONTAINER_LABEL_FONT_SIZE);
   const sContainerHeaderHeight = ctx.structural(CONTAINER_HEADER_HEIGHT);
-  const sCollapseBarHeight = ctx.structural(COLLAPSE_BAR_HEIGHT);
   const sPinIconW = ctx.structural(PIN_ICON_W);
   const sPinIconH = ctx.structural(PIN_ICON_H);
   const scaledWidth = layout.width + sDiagramPad * 2;
@@ -304,7 +305,7 @@ function renderPert(container, resolved, layout, palette, isDark, options = {})
       containerRadius: sContainerRadius,
       containerLabelFontSize: sContainerLabelFontSize,
       containerHeaderHeight: sContainerHeaderHeight,
-      collapseBarHeight: sCollapseBarHeight,
+      scale: ctx,
       nodeTopRowHeight: sNodeTopRowHeight,
       nodeBottomRowHeight: sNodeBottomRowHeight,
       nodeFontSize: sNodeFontSize,
@@ -718,7 +719,7 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
     const g = layer.append("g").attr(
       "class",
       isCollapsed ? "pert-group pert-group-collapsed" : "pert-group"
-    ).attr("data-group-id", grp.id).attr("data-group-toggle", grp.id).attr("data-collapsed", String(isCollapsed)).attr("data-line-number", String(resolvedGroup?.group.lineNumber ?? 0)).attr("data-critical-path", String(memberCritical)).attr("data-criticality-band", memberBand ?? "").style("cursor", "pointer");
+    ).attr("data-group-id", grp.id).attr("data-group-toggle", grp.id).attr("role", "button").attr("aria-expanded", isCollapsed ? "false" : "true").attr("aria-label", label).attr("data-collapsed", String(isCollapsed)).attr("data-line-number", String(resolvedGroup?.group.lineNumber ?? 0)).attr("data-critical-path", String(memberCritical)).attr("data-criticality-band", memberBand ?? "").style("cursor", "pointer");
     if (isCollapsed) {
       const projectStart = resolved.projectStart;
       const muStr = formatDuration(resolvedGroup?.rolledMu ?? null, unit, "?");
@@ -762,7 +763,6 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
         palette.textOnFillDark
       );
       const sNR = sc.nodeRadius ?? CARD_RADIUS;
-      const sCBH = sc.collapseBarHeight ?? COLLAPSE_BAR_HEIGHT;
       drawTextbookCard(g, {
         width: grp.width,
         height: grp.height,
@@ -791,9 +791,17 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
         sPinIconH: sc.pinIconH
       });
       const safeGroupId = grp.id.replace(/[^A-Za-z0-9_-]/g, "_");
-      const clipId = `pert-group-clip-${safeGroupId}`;
-      g.append("clipPath").attr("id", clipId).append("rect").attr("x", grp.x).attr("y", grp.y).attr("width", grp.width).attr("height", grp.height).attr("rx", sNR).attr("ry", sNR);
-      g.append("rect").attr("class", "pert-collapse-bar").attr("x", grp.x).attr("y", grp.y + grp.height - sCBH).attr("width", grp.width).attr("height", sCBH).attr("fill", cardBaseColor).attr("clip-path", `url(#${clipId})`);
+      renderCollapseBar(g, {
+        x: grp.x,
+        y: grp.y,
+        width: grp.width,
+        height: grp.height,
+        rx: sNR,
+        fill: cardBaseColor,
+        clipId: `pert-group-clip-${safeGroupId}`,
+        prefix: "pert",
+        ...sc.scale && { scale: sc.scale }
+      });
       continue;
     }
     const sCR = sc.containerRadius ?? CONTAINER_RADIUS;
@@ -802,6 +810,18 @@ function renderGroups(root, resolved, layout, palette, isDark, collapsedSet, siz
     const sNSW = sc.nodeStrokeWidth ?? NODE_STROKE_WIDTH;
     g.append("rect").attr("x", grp.x).attr("y", grp.y).attr("width", grp.width).attr("height", grp.height).attr("rx", sCR).attr("ry", sCR).attr("fill", containerFill).attr("stroke", containerStroke).attr("stroke-opacity", grpTagColor ? 1 : 0.35).attr("stroke-width", sNSW);
     g.append("text").attr("x", grp.x + grp.width / 2).attr("y", grp.y + sCHH / 2 + sCLFS / 2 - 2).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("fill", palette.text).attr("font-size", sCLFS).attr("font-weight", "bold").text(label);
+    renderCollapseBar(g, {
+      expanded: true,
+      x: grp.x,
+      y: grp.y,
+      width: grp.width,
+      height: grp.height,
+      rx: sCR,
+      fill: containerStroke,
+      clipId: `pert-group-clip-${grp.id.replace(/[^A-Za-z0-9_-]/g, "_")}`,
+      prefix: "pert",
+      ...sc.scale && { scale: sc.scale }
+    });
   }
 }
 function renderEdges(root, resolved, layout, palette, collapsedSet, sc = {}) {

package/dist/{chunk-KQAPFIYF.js → chunk-VQWLASDC.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   AliasRegistry,
   GANTT_BOOLEAN_SET,
@@ -32,7 +32,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   getSeriesColors
 } from "./chunk-6GXLAKUH.js";

package/dist/chunk-VTGGPBLW.js

@@ -0,0 +1,14 @@
+// src/shape-caps.ts
+var CYLINDER_RY = 8;
+var QUEUE_CAP = 16;
+var FILE_WAVE = 10;
+var SEQUENCE_CYLINDER_RY = 7;
+var SEQUENCE_QUEUE_CAP = 10;
+
+export {
+  CYLINDER_RY,
+  QUEUE_CAP,
+  FILE_WAVE,
+  SEQUENCE_CYLINDER_RY,
+  SEQUENCE_QUEUE_CAP
+};

package/dist/{chunk-LRHPBWOY.js → chunk-VUBCCY65.js}

@@ -1,20 +1,21 @@
 import {
-  edgeSplinePath
-} from "./chunk-26EVL454.js";
+  edgeSplinePath,
+  renderGraphTitle
+} from "./chunk-F4DGHT3F.js";
 import {
   NODE_LABEL_LINE_HEIGHT,
   layoutGraph,
   wrapNodeLabel
-} from "./chunk-5GU6C5WB.js";
+} from "./chunk-ZXPSNBZC.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
 import {
   fitDiagramToCanvas
-} from "./chunk-EPDBWATV.js";
+} from "./chunk-K7RRXZHS.js";
 import {
   serializeSvg
-} from "./chunk-CYRB2JTN.js";
+} from "./chunk-YLKPRT6U.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -22,38 +23,34 @@ import {
   INLINE_HEADER_PAD,
   layoutInlineHeader,
   measureTitleWidth
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   parseFlowchart
-} from "./chunk-H7RQG4PH.js";
+} from "./chunk-A3N4UHHL.js";
 import {
-  NOTE_BADGE_RADIUS,
-  noteConnectorPoints,
-  renderNoteBadge,
-  renderNoteBox,
-  renderNoteConnector
-} from "./chunk-67N26CER.js";
+  NOTE_FONT_SIZE,
+  renderNodeNote
+} from "./chunk-DA2GIHAY.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   contrastText,
   shapeFill
@@ -336,6 +333,11 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
   const titleHeight = showTitle ? 40 : 0;
   const diagramW = layout.width;
   const diagramH = layout.height;
+  const smallestTextPx = Math.min(
+    sNodeFontSize,
+    layout.edges.some((e) => e.label) ? sEdgeLabelFontSize : Infinity,
+    graph.options?.["no-notes"] !== "on" && layout.nodes.some((n) => n.note && !n.note.collapsed) ? NOTE_FONT_SIZE : Infinity
+  );
   const fit = fitDiagramToCanvas({
     width,
     height,
@@ -344,6 +346,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     padding: sDiagramPadding,
     titleHeight,
     maxScale: MAX_SCALE,
+    smallestTextPx,
     exportMode: !!exportDims
   });
   const { scale, offsetY, canvasHeight } = fit;
@@ -381,20 +384,16 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     colors: edgeColors
   });
   if (showTitle) {
-    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("fill", palette.text).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).style(
-      "cursor",
-      onClickItem && graph.titleLineNumber ? "pointer" : "default"
-    ).text(graph.title);
-    if (graph.titleLineNumber) {
-      titleEl.attr("data-line-number", graph.titleLineNumber);
-      if (onClickItem) {
-        titleEl.on("click", () => onClickItem(graph.titleLineNumber)).on("mouseenter", function() {
-          d3Selection.select(this).attr("opacity", 0.7);
-        }).on("mouseleave", function() {
-          d3Selection.select(this).attr("opacity", 1);
-        });
-      }
-    }
+    renderGraphTitle(svg, {
+      title: graph.title ?? "",
+      titleLineNumber: graph.titleLineNumber,
+      x: header.titleX,
+      y: sTitleY,
+      anchor: header.titleAnchor,
+      fontSize: sTitleFontSize,
+      color: palette.text,
+      onClickItem
+    });
   }
   const contentG = svg.append("g").attr("transform", `translate(${offsetX}, ${offsetY}) scale(${scale})`);
   const LABEL_PAD = 8;
@@ -551,43 +550,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
       });
     }
     if (hasNote && node.note) {
-      if (node.note.collapsed) {
-        renderNoteBadge(
-          nodeG,
-          {
-            x: node.width / 2 - NOTE_BADGE_RADIUS - 3,
-            y: -node.height / 2 + NOTE_BADGE_RADIUS + 3
-          },
-          palette,
-          {
-            isDark,
-            ...node.note.color && { color: node.note.color },
-            lineNumber: node.note.lineNumber,
-            endLineNumber: node.note.endLineNumber
-          }
-        );
-      } else {
-        const [cx1, cy1, cx2, cy2] = noteConnectorPoints(node, node.note);
-        renderNoteConnector(nodeG, cx1, cy1, cx2, cy2, palette);
-        renderNoteBox(
-          nodeG,
-          {
-            x: node.note.x,
-            y: node.note.y,
-            width: node.note.width,
-            height: node.note.height
-          },
-          node.note.lines,
-          palette,
-          {
-            isDark,
-            ...node.note.color && { color: node.note.color },
-            lineNumber: node.note.lineNumber,
-            endLineNumber: node.note.endLineNumber,
-            interactive: true
-          }
-        );
-      }
+      renderNodeNote(nodeG, node, node.note, palette, isDark);
     }
   }
 }

package/dist/{chunk-JILEYZ2V.js → chunk-VVL2KKG4.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {

package/dist/{chunk-D7DGLJ7N.js → chunk-VVZDBUHA.js}

@@ -1,12 +1,12 @@
 import {
   isTagBlockHeading
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   OPTION_NOCOLON_RE,
   measureIndent,
   parseFirstLine,
   tryParseSharedOption
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   formatDgmoError,
   makeDgmoError

package/dist/{chunk-B5CEV7IR.js → chunk-VYEIMHL5.js}

@@ -1,37 +1,40 @@
 import {
   isBlockNode
 } from "./chunk-XSVWUOUZ.js";
+import {
+  renderCollapseBar
+} from "./chunk-42AZPI2W.js";
 import {
   layoutInlineHeader
-} from "./chunk-R5L5E3TC.js";
+} from "./chunk-REKLKGR6.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+} from "./chunk-GULGSH2Z.js";
 import {
   EDGE_DASH
-} from "./chunk-XCKNFFKM.js";
+} from "./chunk-WH6E6SHC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-PGD6CNWO.js";
+} from "./chunk-DFEVFLEG.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-JILEYZ2V.js";
+} from "./chunk-VVL2KKG4.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-LGUFJ7Y2.js";
+} from "./chunk-KW3CC7SB.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-UOCWYLYT.js";
+} from "./chunk-OZXKW5NA.js";
 import {
   measureText
-} from "./chunk-KAO7JL4I.js";
+} from "./chunk-PU5X3P3T.js";
 import {
   mix,
   themeBaseBg
@@ -46,7 +49,6 @@ var BLOCK_PAD = 10;
 var BLOCK_LEAF_H = 46;
 var BLOCK_HEADER_H = 28;
 var BLOCK_COLLAPSED_H = 46;
-var BLOCK_BAR_H = 6;
 var MIN_COL = 104;
 var MAX_COL = 250;
 var LABEL_FS = 13;
@@ -322,11 +324,18 @@ function drawItems(g, items, ctx, path = []) {
     }
     if (it.type === "collapsed") {
       const fill2 = color ? fillMode === "solid" ? color : fillMode === "outline" ? themeBaseBg(palette, ctx.isDark) : mix(color, palette.bg, 12) : palette.surface;
-      const cid = `dgmo-block-clip-${clipCounter++}`;
-      cell.append("clipPath").attr("id", cid).append("rect").attr("x", it.x).attr("y", it.y).attr("width", it.w).attr("height", it.h).attr("rx", 10);
       cell.append("rect").attr("x", it.x).attr("y", it.y).attr("width", it.w).attr("height", it.h).attr("rx", 10).attr("fill", fill2).attr("stroke", stroke).attr("stroke-width", 1.5);
       cell.append("text").attr("x", it.x + it.w / 2).attr("y", it.y + it.h / 2 + 4).attr("text-anchor", "middle").attr("font-size", 12.5).attr("font-weight", "bold").attr("fill", palette.text).text(clipLabel(it.label ?? "", it.w - 24, 12.5));
-      cell.append("rect").attr("x", it.x).attr("y", it.y + it.h - BLOCK_BAR_H).attr("width", it.w).attr("height", BLOCK_BAR_H).attr("fill", fillMode === "solid" && color ? palette.text : stroke).attr("clip-path", `url(#${cid})`);
+      renderCollapseBar(cell, {
+        x: it.x,
+        y: it.y,
+        width: it.w,
+        height: it.h,
+        rx: 10,
+        fill: fillMode === "solid" && color ? palette.text : stroke,
+        clipId: `dgmo-block-clip-${clipCounter++}`,
+        prefix: "block"
+      });
       bindToggle(cell, it, ctx, it.h);
       continue;
     }
@@ -342,7 +351,19 @@ function drawItems(g, items, ctx, path = []) {
       const headerOpacity = 0.92 - grow * 0.3;
       const headerY = it.y + Math.round(headerFs * 0.7) + 7;
       cell.append("text").attr("x", it.x + it.w / 2).attr("y", headerY).attr("text-anchor", "middle").attr("font-size", headerFs).attr("font-weight", "bold").attr("fill", palette.text).attr("opacity", headerOpacity).text(clipLabel(it.label ?? "", it.w - 24, headerFs));
-      bindToggle(cell, it, ctx, BLOCK_HEADER_H);
+      if (bindToggle(cell, it, ctx, BLOCK_HEADER_H)) {
+        renderCollapseBar(cell, {
+          expanded: true,
+          x: it.x,
+          y: it.y,
+          width: it.w,
+          height: it.h,
+          rx: 10,
+          fill: fillMode === "solid" && color ? palette.text : stroke,
+          clipId: `dgmo-block-clip-${clipCounter++}`,
+          prefix: "block"
+        });
+      }
       if (it.inner) drawItems(g, it.inner, ctx, itemPath);
       continue;
     }
@@ -353,10 +374,13 @@ function drawItems(g, items, ctx, path = []) {
   }
 }
 function bindToggle(cell, it, ctx, hitH) {
-  if (!ctx.onToggle || !it.node || it.lineNumber === void 0) return;
+  if (!it.node || it.lineNumber === void 0) return false;
   const id = it.node.id;
   const ln = it.lineNumber;
+  cell.attr("data-group-toggle", id).attr("role", "button").attr("aria-expanded", String(it.type !== "collapsed")).attr("aria-label", it.label ?? id);
+  if (!ctx.onToggle) return true;
   cell.append("rect").attr("x", it.x).attr("y", it.y).attr("width", it.w).attr("height", hitH).attr("rx", 10).attr("fill", "transparent").style("cursor", "pointer").on("click", () => ctx.onToggle(id, ln));
+  return true;
 }
 function authoredCollapsedIds(parsed) {
   const into = /* @__PURE__ */ new Set();

package/dist/{chunk-XCKNFFKM.js → chunk-WH6E6SHC.js}

@@ -3,7 +3,7 @@ var NODE_STROKE_WIDTH = 1.5;
 var EDGE_STROKE_WIDTH = 1.5;
 var CARD_RADIUS = 6;
 var CONTAINER_RADIUS = 8;
-var COLLAPSE_BAR_INSET = 0;
+var COLLAPSE_BAR_HEIGHT = 4;
 var EDGE_LABEL_KNOCKOUT_OPACITY = 0.9;
 var EDGE_LABEL_UNRESOLVED_KNOCKOUT_OPACITY = 1;
 var ARROWHEAD_WIDTH = 10;
@@ -19,7 +19,6 @@ var LABEL_FONT_SIZE = 13;
 var META_FONT_SIZE = 11;
 var META_LINE_HEIGHT = 16;
 var SEPARATOR_GAP = 6;
-var COLLAPSE_BAR_HEIGHT = 6;
 var CONTAINER_HEADER_HEIGHT = 28;
 var CONTAINER_LABEL_FONT_SIZE = 13;
 var CONTAINER_META_FONT_SIZE = 11;
@@ -30,7 +29,7 @@ export {
   EDGE_STROKE_WIDTH,
   CARD_RADIUS,
   CONTAINER_RADIUS,
-  COLLAPSE_BAR_INSET,
+  COLLAPSE_BAR_HEIGHT,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_LABEL_UNRESOLVED_KNOCKOUT_OPACITY,
   ARROWHEAD_WIDTH,
@@ -44,7 +43,6 @@ export {
   META_FONT_SIZE,
   META_LINE_HEIGHT,
   SEPARATOR_GAP,
-  COLLAPSE_BAR_HEIGHT,
   CONTAINER_HEADER_HEIGHT,
   CONTAINER_LABEL_FONT_SIZE,
   CONTAINER_META_FONT_SIZE,

package/dist/{chunk-P2GNNEMN.js → chunk-WPYJAHRP.js}

@@ -13,7 +13,7 @@ import {
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-FUYEXLAN.js";
+} from "./chunk-RFGQDIOI.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic