@diagrammo/dgmo 0.92.1 → 0.94.0

package/dist/{chunk-DUPZ2BBY.js → chunk-KBHT5XEY.js}

@@ -1,17 +1,27 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-BZX7QCXJ.js";
+} from "./chunk-IHN6WDEY.js";
 import {
   CYLINDER_RY,
   QUEUE_CAP
 } from "./chunk-5KKZXA44.js";
+import {
+  WHITEBOARD_COLORS,
+  WHITEBOARD_NOTE_COLOR
+} from "./chunk-P7TRFL4P.js";
 import {
   renderChartTitle
-} from "./chunk-Q6W2K33N.js";
+} from "./chunk-6XLMTAEX.js";
 import {
   TITLE_FONT_SIZE
 } from "./chunk-VLC6WNRD.js";
+import {
+  renderIntegratedLegend
+} from "./chunk-NMS5XSLX.js";
+import {
+  getMaxLegendReservedHeight
+} from "./chunk-JILEYZ2V.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -420,6 +430,33 @@ function visibleWhiteboardElements(parsed, options = {}) {
 }
 var WHITEBOARD_MARGIN = 24;
 var TITLE_BAND = 40;
+var LEGEND_GAP = 8;
+var LEGEND_FAINT_OPACITY = 0.4;
+var LEGEND_DEFAULT_GROUP = "Meaning";
+function whiteboardLegend(parsed, elements, colorOf) {
+  const used = /* @__PURE__ */ new Set();
+  for (const el of elements) {
+    const c = legendColor(el);
+    if (c) used.add(c);
+  }
+  if (used.size < 2) return null;
+  const tags = parsed.tagGroups[0];
+  const nameOf = (c) => tags?.entries.find((e) => e.color === c)?.value ?? "";
+  const entries = WHITEBOARD_COLORS.filter((c) => used.has(c)).map((c) => ({
+    value: nameOf(c),
+    color: colorOf(c)
+  }));
+  return {
+    group: { name: tags?.name ?? LEGEND_DEFAULT_GROUP, entries },
+    named: entries.some((e) => e.value !== ""),
+    entryOf: new Map([...used].map((c) => [c, nameOf(c)]))
+  };
+}
+function legendColor(el) {
+  if (!("color" in el) || el.color === "ink") return null;
+  if (el.kind === "note" && el.color === WHITEBOARD_NOTE_COLOR) return null;
+  return el.color;
+}
 var SHAPE_STROKE = 2;
 var ARROW_STROKE = 2;
 var ARROW_HEAD_LEN = 12;
@@ -461,6 +498,7 @@ function whiteboardBounds(parsed, options = {}) {
     maxY: -Infinity
   };
   const elements = visibleWhiteboardElements(parsed, options);
+  const labelAt = placeConnectorLabels(elements);
   for (const el of elements) {
     switch (el.kind) {
       case "shape":
@@ -490,7 +528,7 @@ function whiteboardBounds(parsed, options = {}) {
         }
         if (el.label) {
           const lines = labelLines(el.label);
-          const { x: mx, y: my } = whiteboardSegmentMidpoint(s);
+          const { x: mx, y: my } = labelAt.get(el);
           const hw = widest(lines, WHITEBOARD_LABEL_FONT) / 2 + 4;
           const hh = WHITEBOARD_LABEL_FONT + (lines.length - 1) * WHITEBOARD_LABEL_FONT * WHITEBOARD_LABEL_LINE / 2;
           grow(b, mx - hw, my - hh, mx + hw, my + hh);
@@ -541,6 +579,79 @@ function curveTrim(s, end, len) {
   }
   return (near + far) / 2;
 }
+var LABEL_SLIDE_STEP = 0.05;
+var LABEL_SLIDE_TRIES = 8;
+var LABEL_CLEAR = 5;
+function boxesOverlap(a, b) {
+  return a.x0 < b.x1 && b.x0 < a.x1 && a.y0 < b.y1 && b.y0 < a.y1;
+}
+function connectorLabelBox(lines, x, y) {
+  const hw = widest(lines, WHITEBOARD_LABEL_FONT) / 2 + LABEL_CLEAR;
+  const hh = lines.length * WHITEBOARD_LABEL_FONT * WHITEBOARD_LABEL_LINE / 2 + LABEL_CLEAR;
+  return { x0: x - hw, y0: y - hh, x1: x + hw, y1: y + hh };
+}
+function authoredTextBoxes(elements) {
+  const boxes = [];
+  for (const el of elements) {
+    if (el.kind === "text") {
+      const lines = labelLines(el.text);
+      boxes.push({
+        x0: el.x,
+        y0: el.y,
+        x1: el.x + widest(lines, WHITEBOARD_TEXT_FONT),
+        y1: el.y + lines.length * WHITEBOARD_TEXT_FONT * WHITEBOARD_LABEL_LINE
+      });
+    } else if (el.kind === "note") {
+      boxes.push({
+        x0: el.x,
+        y0: el.y,
+        x1: el.x + el.width,
+        y1: el.y + Math.max(el.height, noteTextHeight(el))
+      });
+    } else if (el.kind === "shape" && el.label) {
+      const { lines, font } = fitWhiteboardLabel(el.label, el);
+      if (lines.length === 0) continue;
+      const cx = el.x + el.width / 2 + whiteboardLabelShift(el);
+      const cy = el.y + el.height / 2;
+      const hw = widest(lines, font) / 2;
+      const hh = lines.length * font * WHITEBOARD_LABEL_LINE / 2;
+      boxes.push({ x0: cx - hw, y0: cy - hh, x1: cx + hw, y1: cy + hh });
+    }
+  }
+  return boxes;
+}
+function placeConnectorLabels(elements) {
+  const placed = /* @__PURE__ */ new Map();
+  const taken = authoredTextBoxes(elements);
+  for (const el of elements) {
+    if (el.kind !== "arrow" && el.kind !== "line" || !el.label) continue;
+    const lines = labelLines(el.label);
+    const s = clipWhiteboardConnector(el, elements);
+    const mid = whiteboardSegmentMidpoint(s);
+    let at = mid;
+    const clears = (p) => {
+      const box = connectorLabelBox(lines, p.x, p.y);
+      return !taken.some((t) => boxesOverlap(box, t));
+    };
+    if (!clears(mid)) {
+      search: for (let k = 1; k <= LABEL_SLIDE_TRIES; k++) {
+        for (const t of [
+          0.5 - k * LABEL_SLIDE_STEP,
+          0.5 + k * LABEL_SLIDE_STEP
+        ]) {
+          const p = segmentPoint(s, t);
+          if (clears(p)) {
+            at = p;
+            break search;
+          }
+        }
+      }
+    }
+    placed.set(el, at);
+    taken.push(connectorLabelBox(lines, at.x, at.y));
+  }
+  return placed;
+}
 function whiteboardConnectorPaint(s, heads) {
   const polygon = (tip, ux, uy, head) => {
     const bx = tip.x - ux * head;
@@ -628,13 +739,26 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   const titleOffset = showTitle ? TITLE_BAND : 0;
   const elements = visibleWhiteboardElements(parsed, options);
   const b = whiteboardBounds(parsed, options);
+  const labelAt = placeConnectorLabels(elements);
   const contentW = b.maxX - b.minX;
   const contentH = b.maxY - b.minY;
   const titleW = showTitle ? measureText(parsed.title, TITLE_FONT_SIZE, { bold: true }) : 0;
   const width = Math.ceil(Math.max(contentW, titleW) + 2 * WHITEBOARD_MARGIN);
-  const height = Math.ceil(contentH + 2 * WHITEBOARD_MARGIN + titleOffset);
+  const legend = whiteboardLegend(parsed, elements, colorOf);
+  const legendConfig = legend && {
+    groups: [legend.group],
+    position: {
+      placement: "top-center",
+      titleRelation: "below-title"
+    },
+    mode: "export"
+  };
+  const legendOffset = legendConfig ? getMaxLegendReservedHeight(legendConfig, width) + LEGEND_GAP : 0;
+  const height = Math.ceil(
+    contentH + 2 * WHITEBOARD_MARGIN + titleOffset + legendOffset
+  );
   const tx = WHITEBOARD_MARGIN - b.minX + (width - 2 * WHITEBOARD_MARGIN - contentW) / 2;
-  const ty = WHITEBOARD_MARGIN + titleOffset - b.minY;
+  const ty = WHITEBOARD_MARGIN + titleOffset + legendOffset - b.minY;
   d3.select(container).selectAll("*").remove();
   const svg = d3.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).style("font-family", FONT_FAMILY);
   if (showTitle) {
@@ -646,6 +770,17 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
       palette.text
     );
   }
+  if (legend && legendConfig) {
+    const legendG = svg.append("g").attr("class", "whiteboard-legend").attr("transform", `translate(0,${titleOffset + WHITEBOARD_MARGIN / 2})`);
+    if (!legend.named) legendG.attr("opacity", LEGEND_FAINT_OPACITY);
+    renderIntegratedLegend(legendG, {
+      ...legendConfig,
+      activeGroup: legend.group.name,
+      palette,
+      isDark,
+      width
+    });
+  }
   const canvas = svg.append("g").attr("class", "whiteboard-canvas").attr("transform", `translate(${round2(tx)},${round2(ty)})`);
   const halo = palette.bg;
   const centredLabel = (g, { lines, font }, cx, cy, color, ground) => {
@@ -671,6 +806,8 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   };
   const drawElement = (el) => {
     const g = canvas.append("g").attr("class", `whiteboard-${el.kind === "shape" ? el.shape : el.kind}`).attr("data-line-number", el.lineNumber);
+    const lc = legend && legendColor(el);
+    if (lc) g.attr("data-wb-meaning", legend.entryOf.get(lc) ?? "");
     switch (el.kind) {
       case "shape": {
         const hue = colorOf(el.color);
@@ -752,7 +889,7 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
         }
         if (el.label) {
           const lines = labelLines(el.label);
-          const mid = whiteboardSegmentMidpoint(s);
+          const mid = labelAt.get(el);
           const mx = round2(mid.x);
           const lh = WHITEBOARD_LABEL_FONT * WHITEBOARD_LABEL_LINE;
           const firstY = mid.y + WHITEBOARD_LABEL_FONT * 0.35 - (lines.length - 1) * lh / 2;

package/dist/{chunk-V4D2ZQBE.js → chunk-KRPLP5LP.js}

@@ -1,3 +1,6 @@
+import {
+  extractPaletteDirective
+} from "./chunk-CYTFO2LF.js";
 import {
   displayName,
   normalizeName
@@ -95,7 +98,9 @@ function parseRaci(content, palette) {
   if (!content?.trim()) {
     return fail(0, "No content provided");
   }
-  const lines = content.split("\n");
+  const directive = extractPaletteDirective(content);
+  result.diagnostics.push(...directive.diagnostics);
+  const lines = directive.content.split("\n");
   let i = 0;
   for (; i < lines.length; i++) {
     const trimmed = lines[i].trim();

package/dist/{chunk-QKY6W4NA.js → chunk-KSZB7TIY.js}

@@ -1,16 +1,31 @@
-import {
-  analyzePert
-} from "./chunk-FOTH2WWP.js";
 import {
   computeNodeSizing,
   layoutPert
 } from "./chunk-NBAAIRFP.js";
+import {
+  analyzePert
+} from "./chunk-FOTH2WWP.js";
+import {
+  serializeSvg
+} from "./chunk-CYRB2JTN.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+  INLINE_HEADER_PAD,
+  layoutInlineHeader
+} from "./chunk-UIEKW4SG.js";
+import {
+  CAPTION_BOX_PADDING_X,
+  CAPTION_BOX_PADDING_Y,
+  CAPTION_FONT_SIZE,
+  CAPTION_FONT_WEIGHT,
+  CAPTION_LINE_HEIGHT,
+  CAPTION_TOP_GAP,
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT,
+  TITLE_Y
+} from "./chunk-VLC6WNRD.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -27,29 +42,11 @@ import {
   NODE_STROKE_WIDTH
 } from "./chunk-XCKNFFKM.js";
 import {
-  INLINE_HEADER_PAD,
-  layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
-import {
-  serializeSvg
-} from "./chunk-CYRB2JTN.js";
+  renderIntegratedLegend
+} from "./chunk-NMS5XSLX.js";
 import {
   getLegendExtent
 } from "./chunk-JILEYZ2V.js";
-import {
-  CAPTION_BOX_PADDING_X,
-  CAPTION_BOX_PADDING_Y,
-  CAPTION_FONT_SIZE,
-  CAPTION_FONT_WEIGHT,
-  CAPTION_LINE_HEIGHT,
-  CAPTION_TOP_GAP,
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT,
-  TITLE_Y
-} from "./chunk-VLC6WNRD.js";
-import {
-  FONT_FAMILY
-} from "./chunk-ICLB27PZ.js";
 import {
   parsePert
 } from "./chunk-CDM6XMOT.js";
@@ -60,6 +57,9 @@ import {
   formatSlackValue,
   formatSprintCell
 } from "./chunk-2SKMEL7V.js";
+import {
+  FONT_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,

package/dist/{chunk-6ZL2XYM7.js → chunk-MLY5ALOV.js}

@@ -1,20 +1,20 @@
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
-import {
-  NODE_STROKE_WIDTH
-} from "./chunk-XCKNFFKM.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
 } from "./chunk-VLC6WNRD.js";
 import {
-  FONT_FAMILY
-} from "./chunk-ICLB27PZ.js";
+  NODE_STROKE_WIDTH
+} from "./chunk-XCKNFFKM.js";
 import {
   allTasks
-} from "./chunk-V4D2ZQBE.js";
+} from "./chunk-KRPLP5LP.js";
+import {
+  FONT_FAMILY
+} from "./chunk-ICLB27PZ.js";
 import {
   VARIANTS
 } from "./chunk-4WW3SGMH.js";

package/dist/{chunk-VSOZZYLK.js → chunk-NERQSSYD.js}

@@ -38,10 +38,21 @@ function fractionalYearToDate(frac) {
 function dateToFractionalYear(d) {
   return d.getFullYear() + d.getMonth() / 12 + (d.getDate() - 1) / 365 + d.getHours() / 8760 + d.getMinutes() / 525600 + d.getSeconds() / 31536e3;
 }
+var APPROXIMATE_CONVERTERS = {
+  toFractionalYear: dateToFractionalYear,
+  fromFractionalYear: fractionalYearToDate
+};
+function calendarDay(year, month0, day) {
+  const d = new Date(2e3, month0, day);
+  d.setFullYear(year);
+  return d;
+}
 function formatYearTick(y) {
   return y < 0 ? `${-y} BCE` : String(y);
 }
-function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel, labelFit = { fontSize: 10 }) {
+function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel, labelFit = { fontSize: 10 }, converters) {
+  const { toFractionalYear, fromFractionalYear } = converters ?? APPROXIMATE_CONVERTERS;
+  const dayValue = (y, month0, day) => converters ? toFractionalYear(calendarDay(y, month0, day)) : y + month0 / 12 + (day - 1) / 365;
   const minYear = Math.floor(domainMin);
   const maxYear = Math.floor(domainMax);
   const span = domainMax - domainMin;
@@ -70,7 +81,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     const crossesYear = maxYear > minYear;
     for (let y = minYear; y <= maxYear + 1; y++) {
       for (let m = 1; m <= 12; m++) {
-        const val = y + (m - 1) / 12;
+        const val = dayValue(y, m - 1, 1);
         if (val > domainMax) break;
         if (val >= domainMin) {
           const abbr = MONTH_ABBR[m - 1];
@@ -89,13 +100,13 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     if (spanSec > 180) stepSec = 30;
     else if (spanSec > 60) stepSec = 15;
     else if (spanSec > 30) stepSec = 10;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setSeconds(
       Math.floor(startDate.getSeconds() / stepSec) * stepSec,
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -115,14 +126,14 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     if (spanHours > 3) stepMin = 30;
     else if (spanHours > 1) stepMin = 15;
     else if (spanHours > 0.5) stepMin = 10;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setMinutes(
       Math.floor(startDate.getMinutes() / stepMin) * stepMin,
       0,
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -142,7 +153,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     else if (spanHours > 24) stepHour = 3;
     else if (spanHours > 12) stepHour = 2;
     const singleDay = spanHours <= 24;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setHours(
       Math.floor(startDate.getHours() / stepHour) * stepHour,
       0,
@@ -150,7 +161,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -177,7 +188,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     for (let y = minYear; y <= maxYear + 1; y++) {
       for (let m = 1; m <= 12; m++) {
         for (const d of [1, 8, 15, 22]) {
-          const val = y + (m - 1) / 12 + (d - 1) / 365;
+          const val = dayValue(y, m - 1, d);
           if (val > domainMax) break;
           if (val >= domainMin) {
             ticks.push({

package/dist/{chunk-OQW4ETJX.js → chunk-NM5V5EKY.js}

@@ -1,3 +1,6 @@
+import {
+  extractPaletteDirective
+} from "./chunk-CYTFO2LF.js";
 import {
   RING_REGISTRY,
   measureIndent,
@@ -30,7 +33,9 @@ function parseRing(content) {
     diagnostics: [],
     error: null
   };
-  const lines = content.split("\n");
+  const directive = extractPaletteDirective(content);
+  result.diagnostics.push(...directive.diagnostics);
+  const lines = directive.content.split("\n");
   let headerParsed = false;
   let currentLayer = null;
   const fail = makeFail(result);

package/dist/{chunk-EBSFSOJC.js → chunk-NOQB4KMV.js}

@@ -7,26 +7,17 @@ import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
-import {
-  NOTE_BADGE_RADIUS,
-  noteConnectorPoints,
-  renderNoteBadge,
-  renderNoteBox,
-  renderNoteConnector
-} from "./chunk-JRWUHLRP.js";
-import {
-  wrapDescriptionLines
-} from "./chunk-NPWVOFB3.js";
-import {
-  renderInlineText,
-  stripInlineMarkdown
-} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+  layoutInlineHeader
+} from "./chunk-UIEKW4SG.js";
+import {
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT,
+  TITLE_Y
+} from "./chunk-VLC6WNRD.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -38,17 +29,26 @@ import {
   NODE_STROKE_WIDTH
 } from "./chunk-XCKNFFKM.js";
 import {
-  layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+  renderIntegratedLegend
+} from "./chunk-NMS5XSLX.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
 } from "./chunk-JILEYZ2V.js";
 import {
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT,
-  TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+  NOTE_BADGE_RADIUS,
+  noteConnectorPoints,
+  renderNoteBadge,
+  renderNoteBox,
+  renderNoteConnector
+} from "./chunk-VDY2GR6U.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-7WEYXYLC.js";
+import {
+  renderInlineText,
+  stripInlineMarkdown
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-6BNNLVAR.js → chunk-NPDVWFAQ.js}

@@ -1,3 +1,6 @@
+import {
+  extractPaletteDirective
+} from "./chunk-CYTFO2LF.js";
 import {
   CYCLE_REGISTRY,
   measureIndent,
@@ -27,7 +30,9 @@ function parseCycle(content) {
     diagnostics: [],
     error: null
   };
-  const lines = content.split("\n");
+  const directive = extractPaletteDirective(content);
+  result.diagnostics.push(...directive.diagnostics);
+  const lines = directive.content.split("\n");
   let headerParsed = false;
   let state = "top";
   let currentNode = null;

package/dist/{chunk-FSJ3ZA6N.js → chunk-OSSTOSXU.js}

@@ -1,24 +1,24 @@
-import {
-  wrapDescriptionLines
-} from "./chunk-NPWVOFB3.js";
-import {
-  renderInlineText
-} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
 import {
-  renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+  TITLE_FONT_SIZE,
+  TITLE_FONT_WEIGHT,
+  TITLE_Y
+} from "./chunk-VLC6WNRD.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH
 } from "./chunk-XCKNFFKM.js";
 import {
-  TITLE_FONT_SIZE,
-  TITLE_FONT_WEIGHT,
-  TITLE_Y
-} from "./chunk-VLC6WNRD.js";
+  renderIntegratedLegend
+} from "./chunk-NMS5XSLX.js";
+import {
+  wrapDescriptionLines
+} from "./chunk-7WEYXYLC.js";
+import {
+  renderInlineText
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/chunk-P7TRFL4P.js

@@ -0,0 +1,54 @@
+// src/whiteboard/types.ts
+var WHITEBOARD_COLORS = [
+  "ink",
+  "red",
+  "green",
+  "blue",
+  "teal",
+  "purple",
+  "orange",
+  "yellow",
+  "cyan",
+  "gray"
+];
+var WHITEBOARD_SHAPE_KINDS = [
+  "rectangle",
+  "ellipse",
+  "database",
+  "queue"
+];
+var WHITEBOARD_ELEMENT_KEYWORDS = [
+  ...WHITEBOARD_SHAPE_KINDS,
+  "note",
+  "arrow",
+  "line",
+  "text",
+  "image",
+  "ink"
+];
+var WHITEBOARD_STROKE_STYLES = ["solid", "dashed"];
+var WHITEBOARD_FILLS = ["tint", "solid", "outline"];
+var WHITEBOARD_HEADS = ["end", "both"];
+var WHITEBOARD_NOTE_WIDTH = 160;
+var WHITEBOARD_NOTE_HEIGHT = 99;
+var WHITEBOARD_NOTE_COLOR = "yellow";
+function isWhiteboardColor(value) {
+  return WHITEBOARD_COLORS.includes(value);
+}
+function isWhiteboardShapeKind(value) {
+  return WHITEBOARD_SHAPE_KINDS.includes(value);
+}
+
+export {
+  WHITEBOARD_COLORS,
+  WHITEBOARD_SHAPE_KINDS,
+  WHITEBOARD_ELEMENT_KEYWORDS,
+  WHITEBOARD_STROKE_STYLES,
+  WHITEBOARD_FILLS,
+  WHITEBOARD_HEADS,
+  WHITEBOARD_NOTE_WIDTH,
+  WHITEBOARD_NOTE_HEIGHT,
+  WHITEBOARD_NOTE_COLOR,
+  isWhiteboardColor,
+  isWhiteboardShapeKind
+};

package/dist/{chunk-A4PNWAUW.js → chunk-PGSGJLUR.js}

@@ -1,3 +1,6 @@
+import {
+  extractPaletteDirective
+} from "./chunk-CYTFO2LF.js";
 import {
   tryStripDescriptionKeyword
 } from "./chunk-IYULMRBE.js";
@@ -61,7 +64,9 @@ function parseJourneyMap(content, palette) {
   if (!content?.trim()) {
     return fail(0, "No content provided");
   }
-  const lines = content.split("\n");
+  const directive = extractPaletteDirective(content);
+  result.diagnostics.push(...directive.diagnostics);
+  const lines = directive.content.split("\n");
   let contentStarted = false;
   let activeTagOptionLine = 0;
   let currentTagGroup = null;