graphein 0.16.1 → 0.17.0

package/dist/index.js

@@ -219,35 +219,43 @@ function fixedDuration(interval) {
   }
 }
 function floorFixed(value, interval) {
-  const duration = fixedDuration(interval);
-  if (interval.unit !== "week") {
-    return Math.floor(value / duration) * duration;
-  }
   const date = new Date(value);
-  const midnight = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
-  const day = new Date(midnight).getUTCDay();
-  const weekStart = midnight - day * DAY;
-  return weekStart - Math.floor((weekStart % duration + duration) % duration);
+  if (interval.unit === "day") {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+  }
+  if (interval.unit === "week") {
+    const day = date.getDay();
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate() - day).getTime();
+  }
+  const duration = fixedDuration(interval);
+  return Math.floor(value / duration) * duration;
 }
 function addFixed(value, interval) {
+  const date = new Date(value);
+  if (interval.unit === "day") {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + interval.step).getTime();
+  }
+  if (interval.unit === "week") {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate() + 7 * interval.step).getTime();
+  }
   return value + fixedDuration(interval);
 }
 function floorMonth(value, step) {
   const date = new Date(value);
-  const month = Math.floor(date.getUTCMonth() / step) * step;
-  return Date.UTC(date.getUTCFullYear(), month, 1);
+  const month = Math.floor(date.getMonth() / step) * step;
+  return new Date(date.getFullYear(), month, 1).getTime();
 }
 function floorYear(value, step) {
   const date = new Date(value);
-  const year = Math.floor(date.getUTCFullYear() / step) * step;
-  return Date.UTC(year, 0, 1);
+  const year = Math.floor(date.getFullYear() / step) * step;
+  return new Date(year, 0, 1).getTime();
 }
 function addCalendar(value, interval) {
   const date = new Date(value);
   if (interval.unit === "month") {
-    return Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + interval.step, 1);
+    return new Date(date.getFullYear(), date.getMonth() + interval.step, 1).getTime();
   }
-  return Date.UTC(date.getUTCFullYear() + interval.step, 0, 1);
+  return new Date(date.getFullYear() + interval.step, 0, 1).getTime();
 }
 function floorTime(value, interval) {
   if (interval.unit === "month") {
@@ -295,17 +303,17 @@ function timeTickFormat(values) {
   const span = ordered.length > 1 ? Math.abs(ordered[1] - ordered[0]) : 0;
   return (time) => {
     const date = new Date(time);
-    const year = date.getUTCFullYear();
-    const month = MONTH_NAMES[date.getUTCMonth()];
-    const day = date.getUTCDate();
-    const hours = pad2(date.getUTCHours());
-    const minutes = pad2(date.getUTCMinutes());
-    const seconds = pad2(date.getUTCSeconds());
+    const year = date.getFullYear();
+    const month = MONTH_NAMES[date.getMonth()];
+    const day = date.getDate();
+    const hours = pad2(date.getHours());
+    const minutes = pad2(date.getMinutes());
+    const seconds = pad2(date.getSeconds());
     if (span >= YEAR * 0.8) {
       return String(year);
     }
     if (span >= MONTH * 0.8) {
-      return ordered.some((tick) => new Date(tick).getUTCFullYear() !== year) ? `${month} ${year}` : month;
+      return ordered.some((tick) => new Date(tick).getFullYear() !== year) ? `${month} ${year}` : month;
     }
     if (span >= DAY * 0.8) {
       return `${month} ${day}`;
@@ -4173,6 +4181,7 @@ var COMBO_MARKS = ["line", "bar", "area", "scatter"];
 var COMBO_AXES = ["left", "right"];
 var NEGATIVE_STYLES = ["sign", "parens", "red", "parens-red"];
 var SHOW_AS = ["value", "percentOfRow", "percentOfColumn", "percentOfTotal"];
+var DEBUG_SECTIONS = ["preview", "spec", "data", "validation", "report", "summary"];
 function isObject3(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v);
 }
@@ -4658,6 +4667,32 @@ function validateSpec(spec) {
       }
     }
   }
+  const debug = spec.debug;
+  if (debug !== void 0 && typeof debug !== "boolean") {
+    if (!isObject3(debug)) {
+      err("debug", '"debug" must be a boolean or a DebugConfig object.');
+    } else {
+      const sections = debug.sections;
+      if (sections !== void 0) {
+        if (!Array.isArray(sections)) {
+          err("debug.sections", '"sections" must be an array of section names.');
+        } else {
+          for (const s of sections) {
+            if (!DEBUG_SECTIONS.includes(s)) {
+              err(
+                "debug.sections",
+                `Unknown debug section "${String(s)}". Expected one of: ${DEBUG_SECTIONS.join(", ")}.`
+              );
+            }
+          }
+        }
+      }
+      const rows = debug.rows;
+      if (rows !== void 0 && (typeof rows !== "number" || !Number.isFinite(rows) || rows < 0)) {
+        err("debug.rows", '"rows" must be a non-negative number.');
+      }
+    }
+  }
   try {
     for (const finding of lintSpec(spec)) warnings.push(finding);
   } catch {
@@ -17448,6 +17483,356 @@ function facetReport(spec, layout2, tokens, size) {
   };
 }
 
+// src/runtime/debug.ts
+var DEFAULT_SECTIONS = ["preview", "summary", "validation", "report", "spec", "data"];
+var DEFAULT_ROW_CAP = 50;
+function resolveConfig(debug) {
+  const cfg = typeof debug === "object" && debug != null ? debug : {};
+  const sections = cfg.sections && cfg.sections.length ? cfg.sections : DEFAULT_SECTIONS;
+  const rowCap = cfg.rows != null && Number.isFinite(cfg.rows) ? Math.max(0, Math.floor(cfg.rows)) : DEFAULT_ROW_CAP;
+  return { sections, rowCap };
+}
+function specTitle(spec) {
+  const t = spec.title;
+  if (typeof t === "string") return t;
+  if (t && typeof t === "object") return t.text;
+  return void 0;
+}
+function cellText2(v) {
+  if (v == null) return "";
+  if (v instanceof Date) return v.toISOString();
+  if (typeof v === "object") return JSON.stringify(v);
+  return String(v);
+}
+function highlightJson(json, tokens) {
+  const esc = json.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  const syn = tokens.dark ? { key: "#7dd3fc", string: "#86efac", number: "#fca5a5", keyword: "#c4b5fd" } : { key: "#0369a1", string: "#15803d", number: "#b91c1c", keyword: "#7c3aed" };
+  return esc.replace(
+    /("(?:\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,
+    (match) => {
+      let color = syn.number;
+      if (match[0] === '"') color = /:\s*$/.test(match) ? syn.key : syn.string;
+      else if (match === "true" || match === "false" || match === "null") color = syn.keyword;
+      return `<span style="color:${color}">${match}</span>`;
+    }
+  );
+}
+function specForDisplay(spec) {
+  const copy = { ...spec };
+  if (Array.isArray(spec.data)) copy.data = `[\u2026 ${spec.data.length} rows \u2014 see the Data panel]`;
+  return copy;
+}
+function makePanel(title2, tokens) {
+  const card = createDiv("graphein-debug-panel", {
+    border: `1px solid ${tokens.color.border}`,
+    borderRadius: `${tokens.radius.md}px`,
+    background: tokens.color.surface,
+    overflow: "hidden",
+    marginBottom: `${tokens.spacing.sm}px`
+  });
+  const header = createDiv("graphein-debug-panel-header", {
+    display: "flex",
+    alignItems: "center",
+    gap: `${tokens.spacing.xs}px`,
+    padding: `${tokens.spacing.xs}px ${tokens.spacing.sm}px`,
+    font: fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.bold),
+    color: tokens.color.textMuted,
+    cursor: "pointer",
+    userSelect: "none",
+    borderBottom: `1px solid ${tokens.color.border}`
+  });
+  const caret = document.createElement("span");
+  caret.textContent = "\u25BE";
+  const label = document.createElement("span");
+  label.textContent = title2;
+  header.append(caret, label);
+  const body = createDiv("graphein-debug-panel-body", {
+    padding: `${tokens.spacing.sm}px`,
+    color: tokens.color.text,
+    font: fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.normal)
+  });
+  header.addEventListener("click", () => {
+    const collapsed = body.style.display === "none";
+    body.style.display = collapsed ? "" : "none";
+    caret.textContent = collapsed ? "\u25BE" : "\u25B8";
+  });
+  card.append(header, body);
+  return { card, body };
+}
+function monoStyle(tokens) {
+  return {
+    margin: "0",
+    whiteSpace: "pre",
+    overflow: "auto",
+    maxHeight: "320px",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    fontSize: `${tokens.font.size.small}px`,
+    lineHeight: "1.5"
+  };
+}
+function buildPreviewPanel(spec, tokens, deps) {
+  const { card, body } = makePanel("Live preview", tokens);
+  const host = createDiv("graphein-debug-preview", { position: "relative", width: "100%", height: "260px" });
+  body.appendChild(host);
+  let preview = null;
+  let report = null;
+  try {
+    preview = deps.renderPreview(host, { ...spec, debug: false, animation: false });
+    report = preview.report();
+  } catch (e) {
+    body.replaceChildren();
+    const msg = createDiv(void 0, { color: tokens.color.negative, whiteSpace: "pre-wrap" });
+    msg.textContent = `Preview failed to render:
+${e instanceof Error ? e.message : String(e)}`;
+    body.appendChild(msg);
+  }
+  return { card, preview, report };
+}
+function buildSummaryPanel(spec, tokens) {
+  const { card, body } = makePanel("Summary", tokens);
+  let text = "";
+  try {
+    text = summarize(spec);
+  } catch {
+    text = "";
+  }
+  body.textContent = text || "\u2014 (no summary for this chart type)";
+  if (!text) setStyle(body, { color: tokens.color.textMuted });
+  return card;
+}
+function diagnosticRow(path, message, color, tokens) {
+  const row = createDiv(void 0, { display: "flex", gap: `${tokens.spacing.xs}px`, padding: "2px 0" });
+  const key = document.createElement("code");
+  key.textContent = path;
+  setStyle(key, { color, fontWeight: String(tokens.font.weight.bold), flex: "0 0 auto" });
+  const msg = document.createElement("span");
+  msg.textContent = message;
+  setStyle(msg, { color: tokens.color.text });
+  row.append(key, msg);
+  return row;
+}
+function buildValidationPanel(spec, tokens) {
+  const { card, body } = makePanel("Validation", tokens);
+  const result = validateSpec(spec);
+  if (result.valid && result.warnings.length === 0) {
+    body.textContent = "\u2713 Valid \u2014 no errors or warnings";
+    setStyle(body, { color: tokens.color.positive });
+    return card;
+  }
+  const add = (items, color, prefix) => {
+    for (const item of items) {
+      const tag = item.rule ? `${prefix} ${item.rule}` : prefix;
+      body.appendChild(diagnosticRow(item.path ? `${tag} @ ${item.path}` : tag, item.message, color, tokens));
+    }
+  };
+  add(result.errors, tokens.color.negative, "error");
+  add(result.warnings, tokens.dark ? "#fbbf24" : "#b45309", "warn");
+  return card;
+}
+function buildReportPanel(report, tokens) {
+  const { card, body } = makePanel("Render report", tokens);
+  if (!report) {
+    body.textContent = "\u2014 (no report available)";
+    setStyle(body, { color: tokens.color.textMuted });
+    return card;
+  }
+  const stats = createDiv(void 0, { marginBottom: `${tokens.spacing.xs}px` });
+  const ok = report.ok ? "\u2713 ok" : "\u2717 issues";
+  stats.textContent = `${ok} \xB7 ${report.type} \xB7 ${Math.round(report.size.width)}\xD7${Math.round(report.size.height)}px \xB7 marks ${report.markCount} \xB7 series ${report.seriesCount} \xB7 colors ${report.colorCount}`;
+  setStyle(stats, { color: report.ok ? tokens.color.positive : tokens.color.negative });
+  body.appendChild(stats);
+  for (const d of report.diagnostics) {
+    const color = d.severity === "error" ? tokens.color.negative : d.severity === "warning" ? tokens.dark ? "#fbbf24" : "#b45309" : tokens.color.textMuted;
+    body.appendChild(diagnosticRow(d.code, d.message, color, tokens));
+  }
+  return card;
+}
+function buildSpecPanel(spec, tokens) {
+  const { card, body } = makePanel("Spec", tokens);
+  const pre = document.createElement("pre");
+  setStyle(pre, monoStyle(tokens));
+  pre.innerHTML = highlightJson(JSON.stringify(specForDisplay(spec), null, 2), tokens);
+  body.appendChild(pre);
+  return card;
+}
+function buildDataPanel(spec, tokens, rowCap) {
+  const { card, body } = makePanel("Data", tokens);
+  const data = Array.isArray(spec.data) ? spec.data : [];
+  if (data.length === 0) {
+    body.textContent = "\u2014 (no data)";
+    setStyle(body, { color: tokens.color.textMuted });
+    return card;
+  }
+  const columns = Object.keys(data[0] ?? {});
+  const types = new Map(columns.map((c) => [c, inferType(data, c)]));
+  const reads = new Map(columns.map((c) => [c, accessor(c)]));
+  const scroll = createDiv(void 0, { overflow: "auto", maxHeight: "320px" });
+  const table = document.createElement("table");
+  setStyle(table, {
+    borderCollapse: "collapse",
+    width: "100%",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    fontSize: `${tokens.font.size.small}px`
+  });
+  const thead = document.createElement("thead");
+  const htr = document.createElement("tr");
+  for (const c of columns) {
+    const th = document.createElement("th");
+    setStyle(th, {
+      textAlign: "left",
+      padding: "3px 8px",
+      borderBottom: `1px solid ${tokens.color.border}`,
+      color: tokens.color.text,
+      whiteSpace: "nowrap",
+      position: "sticky",
+      top: "0",
+      background: tokens.color.surface
+    });
+    const name = document.createElement("div");
+    name.textContent = c;
+    const type = document.createElement("div");
+    type.textContent = types.get(c) ?? "nominal";
+    setStyle(type, { color: tokens.color.textMuted, fontWeight: "400", fontSize: `${tokens.font.size.tiny}px` });
+    th.append(name, type);
+    htr.appendChild(th);
+  }
+  thead.appendChild(htr);
+  table.appendChild(thead);
+  const tbody = document.createElement("tbody");
+  const shown = Math.min(data.length, rowCap);
+  for (let i = 0; i < shown; i++) {
+    const tr = document.createElement("tr");
+    for (const c of columns) {
+      const td = document.createElement("td");
+      setStyle(td, { padding: "3px 8px", borderBottom: `1px solid ${tokens.color.border}`, color: tokens.color.text, whiteSpace: "nowrap" });
+      td.textContent = cellText2(reads.get(c)(data[i]));
+      tr.appendChild(td);
+    }
+    tbody.appendChild(tr);
+  }
+  table.appendChild(tbody);
+  scroll.appendChild(table);
+  body.appendChild(scroll);
+  const footer = createDiv(void 0, { marginTop: `${tokens.spacing.xs}px`, color: tokens.color.textMuted });
+  footer.textContent = `${data.length} row${data.length === 1 ? "" : "s"} \xD7 ${columns.length} column${columns.length === 1 ? "" : "s"}` + (shown < data.length ? ` (showing first ${shown})` : "");
+  body.appendChild(footer);
+  return card;
+}
+function renderDebugView(surface, spec, tokens, size, deps) {
+  const { sections, rowCap } = resolveConfig(spec.debug);
+  const want = (s) => sections.includes(s);
+  const host = createDiv("graphein-debug", {
+    position: "absolute",
+    inset: "0",
+    width: "100%",
+    height: "100%",
+    boxSizing: "border-box",
+    overflow: "auto",
+    padding: `${tokens.spacing.md}px`,
+    background: tokens.color.background,
+    color: tokens.color.text,
+    font: fontString(tokens.font.size.base, tokens.font.family, tokens.font.weight.normal),
+    pointerEvents: "auto"
+  });
+  const header = createDiv(void 0, {
+    display: "flex",
+    alignItems: "center",
+    gap: `${tokens.spacing.sm}px`,
+    marginBottom: `${tokens.spacing.sm}px`
+  });
+  const badge = document.createElement("span");
+  badge.textContent = "DEBUG";
+  setStyle(badge, {
+    background: tokens.color.accent,
+    color: "#ffffff",
+    borderRadius: `${tokens.radius.sm}px`,
+    padding: "2px 6px",
+    font: fontString(tokens.font.size.tiny, tokens.font.family, tokens.font.weight.bold),
+    letterSpacing: "0.06em"
+  });
+  const typeLabel = document.createElement("span");
+  typeLabel.textContent = spec.type;
+  setStyle(typeLabel, { fontWeight: String(tokens.font.weight.bold) });
+  header.append(badge, typeLabel);
+  const title2 = specTitle(spec);
+  if (title2) {
+    const t = document.createElement("span");
+    t.textContent = title2;
+    setStyle(t, { color: tokens.color.textMuted });
+    header.appendChild(t);
+  }
+  host.appendChild(header);
+  const body = createDiv(void 0, { display: "flex", flexWrap: "wrap", gap: `${tokens.spacing.md}px`, alignItems: "flex-start" });
+  const left = createDiv(void 0, { flex: "1 1 320px", minWidth: "0" });
+  const right = createDiv(void 0, { flex: "1 1 320px", minWidth: "0" });
+  body.append(left, right);
+  host.appendChild(body);
+  let preview = null;
+  let previewReport = null;
+  if (want("preview")) {
+    const p = buildPreviewPanel(spec, tokens, deps);
+    left.appendChild(p.card);
+    preview = p.preview;
+    previewReport = p.report;
+  }
+  if (want("summary")) left.appendChild(buildSummaryPanel(spec, tokens));
+  if (want("validation")) left.appendChild(buildValidationPanel(spec, tokens));
+  if (want("report")) left.appendChild(buildReportPanel(previewReport, tokens));
+  if (want("spec")) right.appendChild(buildSpecPanel(spec, tokens));
+  if (want("data")) right.appendChild(buildDataPanel(spec, tokens, rowCap));
+  surface.overlay.appendChild(host);
+  const report = previewReport ?? {
+    type: spec.type,
+    size,
+    markCount: 0,
+    seriesCount: 0,
+    colorCount: 0,
+    ok: true,
+    diagnostics: []
+  };
+  return { preview, report };
+}
+function drawDebugCanvas(surface, spec, tokens, size) {
+  const ctx = surface.marks.ctx;
+  const pad3 = tokens.spacing.md;
+  const lineH = tokens.font.size.small * 1.5;
+  let y = pad3 + tokens.font.size.large;
+  ctx.save();
+  ctx.textBaseline = "alphabetic";
+  ctx.fillStyle = tokens.color.text;
+  ctx.font = fontString(tokens.font.size.large, tokens.font.family, tokens.font.weight.bold);
+  ctx.fillText(`DEBUG \xB7 ${spec.type}`, pad3, y);
+  y += lineH * 1.5;
+  const result = validateSpec(spec);
+  const rowCount = Array.isArray(spec.data) ? spec.data.length : 0;
+  const header = [
+    `rows: ${rowCount}`,
+    `errors: ${result.errors.length}`,
+    `warnings: ${result.warnings.length}`
+  ].join("    ");
+  ctx.fillStyle = result.valid ? tokens.color.textMuted : tokens.color.negative;
+  ctx.font = fontString(tokens.font.size.small, tokens.font.family, tokens.font.weight.normal);
+  ctx.fillText(header, pad3, y);
+  y += lineH * 1.5;
+  ctx.fillStyle = tokens.color.text;
+  ctx.font = fontString(
+    tokens.font.size.small,
+    "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+    tokens.font.weight.normal
+  );
+  const json = JSON.stringify(specForDisplay(spec), null, 2);
+  for (const line2 of json.split("\n")) {
+    if (y > size.height - pad3) {
+      ctx.fillStyle = tokens.color.textMuted;
+      ctx.fillText("\u2026", pad3, y);
+      break;
+    }
+    ctx.fillText(line2, pad3, y);
+    y += lineH;
+  }
+  ctx.restore();
+}
+
 // src/render/fonts.ts
 function fontFaceSet() {
   try {
@@ -17635,6 +18020,7 @@ function render(target, spec, options) {
   let interaction;
   let entrance;
   let updateTransition;
+  let preview;
   let lastValue = null;
   let lastCompare = null;
   let lastSparkline = null;
@@ -17670,6 +18056,8 @@ function render(target, spec, options) {
     entrance = void 0;
     updateTransition?.cancel();
     updateTransition = void 0;
+    preview?.destroy();
+    preview = void 0;
     const tokens = resolveSketchTokens(currentSpec);
     const size = resolveSize(container, currentSpec);
     lastDrawnW = size.width;
@@ -17693,6 +18081,7 @@ function render(target, spec, options) {
     let interactionModel = null;
     let reportModel;
     let facetRpt;
+    let debugReport;
     let legendSelect = null;
     const type = currentSpec.type;
     if (COUNT_UP_TYPES.has(type) || SWEEP_TYPES.has(type)) {
@@ -17700,8 +18089,15 @@ function render(target, spec, options) {
       lastCompare = SWEEP_TYPES.has(type) ? resolveValueRef(effectiveSpec.compare, effectiveSpec.data ?? EMPTY_DATA) : null;
       lastSparkline = type === "kpi" ? kpiSparklineSeries(effectiveSpec, effectiveSpec.data ?? EMPTY_DATA) : null;
     }
-    const facetLayout = isFaceted(effectiveSpec) ? buildFacetModels(effectiveSpec, tokens, size) : null;
-    if (facetLayout) {
+    const facetLayout = !currentSpec.debug && isFaceted(effectiveSpec) ? buildFacetModels(effectiveSpec, tokens, size) : null;
+    if (currentSpec.debug) {
+      const result = renderDebugView(surface, effectiveSpec, tokens, size, {
+        renderPreview: (host, previewSpec) => render(host, previewSpec, { inspect: false })
+      });
+      preview = result.preview ?? void 0;
+      debugReport = result.report;
+      interactionModel = null;
+    } else if (facetLayout) {
       drawFacet(surface, effectiveSpec, facetLayout, tokens);
       facetRpt = facetReport(effectiveSpec, facetLayout, tokens, size);
     } else if (CARTESIAN_TYPES.has(type)) {
@@ -17804,7 +18200,7 @@ function render(target, spec, options) {
     }
     applyA11y(surface, currentSpec);
     inspector?.write(currentSpec);
-    lastReport = facetRpt ?? buildRenderReport({
+    lastReport = debugReport ?? facetRpt ?? buildRenderReport({
       type,
       spec: currentSpec,
       data: filtered,
@@ -17946,6 +18342,7 @@ function render(target, spec, options) {
       hostListeners.clear();
       entrance?.cancel();
       updateTransition?.cancel();
+      preview?.destroy();
       observer?.disconnect();
       inspector?.destroy();
       interaction?.destroy();
@@ -19011,6 +19408,11 @@ function renderToContext(target, spec) {
   const src = spec.data ?? [];
   const data = spec.transform?.length ? applyTransforms(spec.transform, src) : src;
   const effectiveSpec = data === src ? spec : { ...spec, data };
+  if (spec.debug) {
+    drawDebugCanvas(surface, effectiveSpec, tokens, size);
+    const model = CARTESIAN_TYPES.has(type) ? buildCartesianModel(effectiveSpec, tokens, size) : void 0;
+    return buildRenderReport({ type, spec, data, tokens, size, model });
+  }
   if (isFaceted(effectiveSpec)) {
     const layout2 = buildFacetModels(effectiveSpec, tokens, size);
     if (layout2) {
@@ -19053,6 +19455,6 @@ function renderToContext(target, spec) {
 // src/index.ts
 var VERSION = "0.1.0";
 
-export { CARTESIAN_TYPES, CHART_TYPES, CanvasLayer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, ExpressionError, FACETABLE_TYPES2 as FACETABLE_TYPES, FUNCTION_NAMES, InteractionController, NO_PADDING, RoughPen, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, Tooltip, VERSION, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp012 as clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber2 as formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };
+export { CARTESIAN_TYPES, CHART_TYPES, CanvasLayer, DEFAULT_ENTRANCE_DURATION, DEFAULT_ROUGH_STYLE, DEFAULT_UPDATE_DURATION, DIM_ALPHA, ExpressionError, FACETABLE_TYPES2 as FACETABLE_TYPES, FUNCTION_NAMES, InteractionController, NO_PADDING, RoughPen, SKETCH_FONT_FAMILY, SKETCH_FONT_NAME, SLICER_TYPES, SPEC_ATTR, SR_ONLY_STYLE, Surface, TICK_SIZE, TIME_UNITS, TRANSFORM_KINDS, TYPE_ATTR, Tooltip, VERSION, aggregateValues, analyzeChart, animate, applyA11y, applyAggregate, applyBin, applyCalculate, applyFilter, applyFold, applyPatch, applyPick, applyTimeUnit, applyTransform, applyTransforms, arc, area, assertValidSpec, autoInsightAnnotations, backOut, bandScale, bounceOut, buildCartesianInteraction, buildCartesianModel, buildComboModel, buildDataTableFallback, buildFacetModels, buildHistogramModel, buildRenderReport, cartesianInteractionBuilders, cartesianRenderers, categorical, categoricalSchemes, chartTitleText, chartTypeLabel, checkExpression, clamp012 as clamp01, clamp255, compileExpression, compilePredicate, computeBackingSize, computeBins, computeFrame, computeSeriesInsights, contrastRatio, createDiv, createInspector, createRoughPen, createSelectionStore, cubicIn, cubicInOut, cubicOut, curveCatmullRom, curveLinear, curveMonotoneX, curveStep, curveStepAfter, curveStepBefore, customRenderers, darkTheme, decimate, defaultSpan, dependentParams, diverging, divergingColorScale, divergingSchemes, drawAnnotationLabels, drawAnnotations, drawAxesUnderlay, drawDebugCanvas, drawFacet, drawLegend, drawOverlay, drawTitle, drawTrendlineLabels, drawTrendlines, easings, elasticOut, ellipsize, ensureSketchFont, expoInOut, expoOut, facetReport, fillParentStyle, filterRows, fontString, formatCountUp, formatDate, formatNumber2 as formatNumber, formatValue, getDevicePixelRatio, groupBy, hashString, inferFieldType, inferFieldTypes, inferValueType, inheritInto, interpolateArray, interpolateNumber, interpolateNumberArray, interpolateObject, interpolateOklab, interpolateRgb, isBrowser, isEmptyValue, isFaceted, isParamClause, isSlicerType, keyFields, legendSwatchWidth, lightTheme, line, linear, linearRegression, linearScale, linearToSrgb, lintSpec, literalToValue, logScale, lttbRun, makeMatcher, matchesValue, measureText, monotoneXTangents, mulberry32, niceDomain, oklabToOklch, oklabToRgb, oklchToOklab, ordinalColorScale, overlayTextToCanvasCmd, paintCanvasText, paintLegendSwatch, parseColor, parseNumberFormat, pivot, placeViews, pointScale, polygonHachureLines, prefersReducedMotion, prettyDate, profileColumns, quadIn, quadInOut, quadOut, rampFromStops, readableTextColor, recommendChart, relativeLuminance, render, renderDashboard, renderDebugView, renderToContext, repairReport, repairSpec, resolveCurve, resolveDashboardLayout, resolveDashboardSections, resolveEmphasis, resolveEntrance, resolveFilterValues, resolveInsightOptions, resolveSketch, resolveTheme, resolveUpdate, resolveValueRef, rgbToOklab, rgbaToCss, rotatePoint, roundedRect, sampleArc, sequential, sequentialColorScale, sequentialSchemes, serializeSpec, setMeasureContext, setStyle, sinInOut, slicerParamName, smartDate, specFields, srgbToLinear, stripData, summarize, summarizeChart, themes, tickIncrement, tickStep, ticks, timeScale, timeTickFormat, timeTicks, toHex, toPointer, tooltipEnabled, truncateTo, validateDashboard, validateSpec, wireViews, withAlpha, withSketchFont };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map