@diagrammo/dgmo 0.92.0 → 0.93.0

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

@@ -1,17 +1,27 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-BZX7QCXJ.js";
+} from "./chunk-KRU2LCIP.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;
@@ -632,9 +669,21 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   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 +695,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 +731,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);

package/dist/clock.js

@@ -196,6 +196,174 @@ function handAngles(h, m, s) {
   };
 }
 
+// src/colors.ts
+var nord = {
+  // Polar Night (dark)
+  nord0: "#2e3440",
+  nord1: "#3b4252",
+  nord2: "#434c5e",
+  nord3: "#4c566a",
+  // Snow Storm (light)
+  nord4: "#d8dee9",
+  nord5: "#e5e9f0",
+  nord6: "#eceff4",
+  // Frost (accent blues)
+  nord7: "#8fbcbb",
+  nord8: "#88c0d0",
+  nord9: "#81a1c1",
+  nord10: "#5e81ac",
+  // Aurora (colors)
+  nord11: "#bf616a",
+  // red
+  nord12: "#d08770",
+  // orange
+  nord13: "#ebcb8b",
+  // yellow
+  nord14: "#a3be8c",
+  // green
+  nord15: "#b48ead"
+  // purple
+};
+var colorNames = {
+  red: nord.nord11,
+  orange: nord.nord12,
+  yellow: nord.nord13,
+  green: nord.nord14,
+  blue: nord.nord10,
+  purple: nord.nord15,
+  teal: nord.nord7,
+  cyan: nord.nord8,
+  gray: nord.nord3,
+  black: nord.nord0,
+  white: nord.nord6
+};
+var RECOGNIZED_COLOR_NAMES = Object.freeze([
+  "red",
+  "orange",
+  "yellow",
+  "green",
+  "blue",
+  "purple",
+  "teal",
+  "cyan",
+  "gray",
+  "black",
+  "white"
+]);
+var CATEGORICAL_COLOR_ORDER = Object.freeze([
+  "red",
+  "green",
+  "blue",
+  "yellow",
+  "teal",
+  "purple",
+  "orange",
+  "cyan"
+]);
+var INVALID_CSS_COLOR_HEX = Object.freeze({
+  pink: "#ffc0cb",
+  hotpink: "#ff69b4",
+  deeppink: "#ff1493",
+  lightpink: "#ffb6c1",
+  palevioletred: "#db7093",
+  crimson: "#dc143c",
+  scarlet: "#ff2400",
+  firebrick: "#b22222",
+  darkred: "#8b0000",
+  maroon: "#800000",
+  salmon: "#fa8072",
+  lightsalmon: "#ffa07a",
+  darksalmon: "#e9967a",
+  coral: "#ff7f50",
+  lightcoral: "#f08080",
+  tomato: "#ff6347",
+  orangered: "#ff4500",
+  darkorange: "#ff8c00",
+  gold: "#ffd700",
+  goldenrod: "#daa520",
+  darkgoldenrod: "#b8860b",
+  khaki: "#f0e68c",
+  darkkhaki: "#bdb76b",
+  amber: "#ffbf00",
+  lavender: "#e6e6fa",
+  violet: "#ee82ee",
+  magenta: "#ff00ff",
+  fuchsia: "#ff00ff",
+  orchid: "#da70d6",
+  plum: "#dda0dd",
+  indigo: "#4b0082",
+  navy: "#000080",
+  midnightblue: "#191970",
+  darkblue: "#00008b",
+  mediumblue: "#0000cd",
+  royalblue: "#4169e1",
+  cornflowerblue: "#6495ed",
+  dodgerblue: "#1e90ff",
+  deepskyblue: "#00bfff",
+  skyblue: "#87ceeb",
+  lightskyblue: "#87cefa",
+  lightblue: "#add8e6",
+  powderblue: "#b0e0e6",
+  steelblue: "#4682b4",
+  slateblue: "#6a5acd",
+  cadetblue: "#5f9ea0",
+  turquoise: "#40e0d0",
+  aqua: "#00ffff",
+  aquamarine: "#7fffd4",
+  lime: "#00ff00",
+  limegreen: "#32cd32",
+  lightgreen: "#90ee90",
+  palegreen: "#98fb98",
+  seagreen: "#2e8b57",
+  mediumseagreen: "#3cb371",
+  forestgreen: "#228b22",
+  darkgreen: "#006400",
+  olive: "#808000",
+  olivedrab: "#6b8e23",
+  darkolivegreen: "#556b2f",
+  chartreuse: "#7fff00",
+  lawngreen: "#7cfc00",
+  springgreen: "#00ff7f",
+  greenyellow: "#adff2f",
+  brown: "#a52a2a",
+  sienna: "#a0522d",
+  chocolate: "#d2691e",
+  peru: "#cd853f",
+  tan: "#d2b48c",
+  beige: "#f5f5dc",
+  wheat: "#f5deb3",
+  ivory: "#fffff0",
+  silver: "#c0c0c0",
+  lightgray: "#d3d3d3",
+  lightgrey: "#d3d3d3",
+  darkgray: "#a9a9a9",
+  darkgrey: "#a9a9a9",
+  dimgray: "#696969",
+  dimgrey: "#696969",
+  slategray: "#708090",
+  slategrey: "#708090",
+  gainsboro: "#dcdcdc",
+  grey: "#808080"
+});
+var seriesColors = [
+  nord.nord10,
+  // blue
+  nord.nord14,
+  // green
+  nord.nord13,
+  // yellow
+  nord.nord12,
+  // orange
+  nord.nord15,
+  // purple
+  nord.nord11,
+  // red
+  nord.nord7,
+  // teal
+  nord.nord8
+  // light blue
+];
+
 // src/palettes/color-utils.ts
 var MIX_CACHE = /* @__PURE__ */ new Map();
 var MIX_CACHE_MAX = 5e3;

package/dist/completion-registry.js

@@ -911,7 +911,9 @@ var STRUCTURAL_KEYWORDS = /* @__PURE__ */ new Map([
       "line",
       "text",
       "image",
-      "ink"
+      "ink",
+      // A `tag` block names colours (#1344).
+      "tag"
     ]
   ],
   ["boxes-and-lines", ["tag"]],