@silverpoint/core 0.2.0 → 0.6.0

package/dist/index.js

@@ -1,52 +1,12 @@
-import { scaleLinear, scaleBand } from 'd3-scale';
+import { DEFAULTS } from './chunk-KFBSQH5G.js';
+export { DEFAULTS, FORCED_PRECISION_QUERY, instanceId, resolveConfig } from './chunk-KFBSQH5G.js';
+import { cardLayout, modelBase, measure, emptyModel, readyModel, parseIsoDate, isoDate, createPrng, weekday } from './chunk-PD4MD7JU.js';
+export { addDays, createPrng, isoDate, parseIsoDate, weekday } from './chunk-PD4MD7JU.js';
+import { diagnose, circlePath, round2, readSeries, checkVolume, accessorName, read, formatCategory, formatValue, cartesianPlot, extent, seriesValues, valueAxis, categoryAxis, categoryLabels, formatNumber, finite, inset, rectPath, warnValue, toneOf, toneLevel, TONE_SCALE, checkCount, linearScale, legend, AXIS_BAND, PLOT_INSET, horizontalValueAxis, pillPath, checkSectors, readSectors, polarFrame, ringTones, sectorPath, pointAt, sectorLegend, RIM_LABELS, rimLabels, arcPath, ringTone, polarLabel, TICK_CHAR } from './chunk-OLYKR5PS.js';
+export { SilverpointError, __setDiagnosticSink, bandScale, circlePath, deriveSeed, diagnose, expandDomain, extent, fnv1a32, linearScale, max, min, resolveSeed, round2, roundGeometry, roundPathData } from './chunk-OLYKR5PS.js';
 import { curveStepAfter, curveNatural, curveLinear, curveMonotoneX, line, curveStep, curveStepBefore, area } from 'd3-shape';
 import { chordDirected } from 'd3-chord';
 
-// src/render/round.ts
-function round2(value) {
-  const rounded = Math.round(value * 100) / 100;
-  return Object.is(rounded, -0) ? 0 : rounded;
-}
-var NUMBER = /-?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g;
-function roundPathData(d) {
-  return d.replace(NUMBER, (token) => String(round2(Number(token))));
-}
-function roundRect(rect) {
-  return {
-    x: round2(rect.x),
-    y: round2(rect.y),
-    width: round2(rect.width),
-    height: round2(rect.height)
-  };
-}
-function roundStroke(stroke) {
-  return { ...stroke, d: roundPathData(stroke.d) };
-}
-function roundTile(tile) {
-  return {
-    ...tile,
-    width: round2(tile.width),
-    height: round2(tile.height),
-    angle: round2(tile.angle),
-    strokes: tile.strokes.map(roundStroke)
-  };
-}
-function roundGeometry(geometry) {
-  return {
-    viewBox: roundRect(geometry.viewBox),
-    plot: roundRect(geometry.plot),
-    strokes: geometry.strokes.map(roundStroke),
-    labels: geometry.labels.map((label) => ({ ...label, x: round2(label.x), y: round2(label.y) })),
-    hitAreas: geometry.hitAreas.map((hit) => ({
-      ...hit,
-      x: round2(hit.x),
-      y: round2(hit.y),
-      ...hit.box ? { box: roundRect(hit.box) } : {}
-    })),
-    defs: geometry.defs.map(roundTile)
-  };
-}
-
 // src/render/serialize.ts
 function serializeGeometry(geometry) {
   return JSON.stringify(geometry);
@@ -64,208 +24,6 @@ function pathBytes(geometry) {
 }
 var PATH_BYTE_BUDGET = 4e4;
 
-// src/render/seed.ts
-var FNV_OFFSET_BASIS = 2166136261;
-var FNV_PRIME = 16777619;
-function utf8Bytes(input) {
-  const bytes = [];
-  for (const char of input) {
-    const code = char.codePointAt(0) ?? 0;
-    if (code < 128) {
-      bytes.push(code);
-    } else if (code < 2048) {
-      bytes.push(192 | code >> 6, 128 | code & 63);
-    } else if (code < 65536) {
-      bytes.push(224 | code >> 12, 128 | code >> 6 & 63, 128 | code & 63);
-    } else {
-      bytes.push(
-        240 | code >> 18,
-        128 | code >> 12 & 63,
-        128 | code >> 6 & 63,
-        128 | code & 63
-      );
-    }
-  }
-  return bytes;
-}
-function fnv1a32(input) {
-  let hash = FNV_OFFSET_BASIS;
-  for (const byte of utf8Bytes(input)) {
-    hash ^= byte;
-    hash = Math.imul(hash, FNV_PRIME);
-  }
-  return hash >>> 0;
-}
-function deriveSeed(id) {
-  return fnv1a32(id);
-}
-function resolveSeed(seed, id) {
-  if (seed === void 0) return deriveSeed(id);
-  if (typeof seed === "string") return fnv1a32(seed);
-  return Number.isFinite(seed) ? Math.trunc(seed) >>> 0 : 0;
-}
-
-// src/render/prng.ts
-function createPrng(seed) {
-  let state = seed >>> 0;
-  return () => {
-    state = state + 1831565813 >>> 0;
-    let t = state;
-    t = Math.imul(t ^ t >>> 15, t | 1);
-    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-
-// src/charts/shared/dates.ts
-var DAY_MS = 864e5;
-var ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
-function parseIsoDate(iso) {
-  const match = ISO_DATE.exec(iso);
-  if (!match) return Number.NaN;
-  return Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3])) / DAY_MS;
-}
-function isoDate(day) {
-  return new Date(day * DAY_MS).toISOString().slice(0, 10);
-}
-function addDays(day, days) {
-  return day + days;
-}
-function weekday(day) {
-  return ((day + 4) % 7 + 7) % 7;
-}
-
-// src/diagnostics/diagnose.ts
-var SilverpointError = class extends Error {
-  code;
-  constructor(code, message) {
-    super(message);
-    this.name = "SilverpointError";
-    this.code = code;
-  }
-};
-var consoleSink = (_code, message) => {
-  console.warn(message);
-};
-var sink = consoleSink;
-var reported = /* @__PURE__ */ new Set();
-function __setDiagnosticSink(next) {
-  sink = next ?? consoleSink;
-  reported.clear();
-  return () => {
-    sink = consoleSink;
-    reported.clear();
-  };
-}
-function format(code, chart, detail, template) {
-  const specifics = detail.message ? ` ${detail.message}` : "";
-  return `[${code}] ${chart}: ${template.what} (\`${detail.property}\`).${specifics} ${template.todo}. (${template.req})`;
-}
-var ERRORS = {
-  SP009: {
-    req: "REQ-097",
-    what: "a scale bound cannot be derived from the data and was not supplied",
-    todo: "Pass the named property explicitly"
-  },
-  SP012: {
-    req: "REQ-127",
-    what: "the ground does not reach the minimum contrast",
-    todo: "Recompute the palette; colours are not chosen by eye"
-  }
-};
-function diagnose(code, chart, detail) {
-  const error = ERRORS[code];
-  if (error) {
-    throw new SilverpointError(code, format(code, chart, detail, error));
-  }
-  if (process.env.NODE_ENV !== "production") {
-    developmentDiagnose(code, chart, detail);
-  }
-}
-function developmentDiagnose(code, chart, detail) {
-  const template = WARNINGS[code];
-  if (!template) return;
-  const message = format(code, chart, detail, template);
-  if (code === "SP005") {
-    throw new SilverpointError(code, message);
-  }
-  if (reported.has(message)) return;
-  reported.add(message);
-  sink(code, message);
-}
-var WARNINGS = {
-  SP001: {
-    req: "REQ-007",
-    what: "the dataset is empty; the ground's empty state is drawn",
-    todo: "Pass at least one row, or omit `data` to see the demo dataset"
-  },
-  SP002: {
-    req: "REQ-008",
-    what: "a value cannot be drawn as given (null, not finite, or outside the data contract); it is corrected or omitted",
-    todo: "Check the value against the chart's data contract (Data Model \xA72)"
-  },
-  SP003: {
-    req: "REQ-009",
-    what: "the container measures 0 px; the render is deferred",
-    todo: "Give the container a size, or pin `width` and `height`"
-  },
-  SP004: {
-    req: "REQ-010",
-    what: "the scale domain has zero length; it is expanded with the ground's domainPadding",
-    todo: "Nothing to do if the data is constant; otherwise check the accessor"
-  },
-  SP005: {
-    req: "REQ-025",
-    what: "more than one element is marked with white heightening; only the first is applied",
-    todo: "Heighten a single element per chart"
-  },
-  SP006: {
-    req: "REQ-026",
-    what: "the inker is not registered; falling back to NullInker",
-    todo: "Register the inker or fix the ground's `inker` token"
-  },
-  SP007: {
-    req: "REQ-045",
-    what: "the ground is not registered; falling back to silverpoint",
-    todo: "Call registerGround() before rendering, or fix the name"
-  },
-  SP008: {
-    req: "REQ-096",
-    what: "the data volume is above the family's threshold",
-    todo: "Aggregate the data before charting it"
-  },
-  SP010: {
-    req: "REQ-091",
-    what: "the chord ring has more than 12 categories",
-    todo: "Group the smaller categories"
-  },
-  SP011: {
-    req: "NFR \xA77",
-    what: "the path byte budget of 40 KB is exceeded",
-    todo: "Use `hatchFill: 'tile'` or a larger hatch gap"
-  },
-  SP014: {
-    req: "REQ-204",
-    what: "a dashboard cell spans more columns than the breakpoint has; it is clamped",
-    todo: "Lower the span, or give that breakpoint more columns"
-  },
-  SP015: {
-    req: "REQ-205",
-    what: "the dashboard layout and its children disagree; unmatched children are placed in source order, span 1",
-    todo: "Give every child a `cell` the layout declares, once"
-  },
-  SP016: {
-    req: "REQ-217",
-    what: "a chart in a linked dashboard has no field named by `link.key`; it shows no linked mark",
-    todo: "Link on a field every linked chart carries, or leave this chart out of the link"
-  },
-  SP013: {
-    req: "REQ-032",
-    what: "the @silverpoint/fonts face failed to load; rendering fell back to the system stack",
-    todo: "Install @silverpoint/fonts and import its stylesheet; golden images will not match until then"
-  }
-};
-
 // src/render/heighten.ts
 function isOutlineOf(candidate, heightened) {
   return candidate.part === "ink" && (candidate.paint ?? "stroke") === "stroke" && candidate.d === heightened.d;
@@ -409,66 +167,6 @@ async function checkTypeface(fonts, chart, face = DISPLAY_FACE_PROBE) {
   return loaded;
 }
 
-// src/scales/util.ts
-function min(values) {
-  let result;
-  for (const value of values) {
-    if (Number.isFinite(value) && (result === void 0 || value < result)) result = value;
-  }
-  return result;
-}
-function max(values) {
-  let result;
-  for (const value of values) {
-    if (Number.isFinite(value) && (result === void 0 || value > result)) result = value;
-  }
-  return result;
-}
-function extent(values) {
-  const low = min(values);
-  const high = max(values);
-  return low === void 0 || high === void 0 ? void 0 : [low, high];
-}
-function expandDomain(domain, padding, site, fromZero = false) {
-  const [low, high] = domain;
-  if (low !== high) return [low, high];
-  const spread = low === 0 ? padding : Math.abs(low) * padding;
-  if (fromZero && low === 0) {
-    if (process.env.NODE_ENV !== "production") {
-      diagnose("SP004", site.chart, { property: site.property, message: `Domain [0, 0] became [0, ${2 * spread}].` });
-    }
-    return [0, 2 * spread];
-  }
-  if (process.env.NODE_ENV !== "production") {
-    diagnose("SP004", site.chart, {
-      property: site.property,
-      message: `Domain [${low}, ${high}] became [${low - spread}, ${high + spread}].`
-    });
-  }
-  return [low - spread, high + spread];
-}
-function linearScale(domain, range, options) {
-  const expanded = expandDomain(domain, options.padding, options, options.fromZero);
-  const scale = scaleLinear().domain(expanded).range(range);
-  if (options.nice) scale.nice(4);
-  const [low, high] = scale.domain();
-  const result = ((value) => scale(value));
-  Object.defineProperty(result, "domain", { value: [low, high] });
-  result.ticks = (count) => scale.ticks(count);
-  return result;
-}
-function bandScale(domain, range, options = {}) {
-  const scale = scaleBand().domain(domain).range(range).paddingInner(options.paddingInner ?? 0).paddingOuter(options.paddingOuter ?? 0);
-  const bandwidth = scale.bandwidth();
-  const result = ((value) => scale(value));
-  Object.defineProperty(result, "bandwidth", { value: bandwidth });
-  result.center = (value) => {
-    const start = scale(value);
-    return start === void 0 ? void 0 : start + bandwidth / 2;
-  };
-  return result;
-}
-
 // src/ink/null-inker.ts
 var NullInker = Object.freeze({
   name: "null",
@@ -491,363 +189,6 @@ function resolveInker(name, chart, builtins = []) {
   return NullInker;
 }
 
-// src/config/resolve.ts
-var DEFAULTS = Object.freeze({
-  ground: "silverpoint",
-  substrate: "cream",
-  mode: "ink",
-  chrome: "card",
-  hatchFill: "tile",
-  height: 160,
-  dataTable: "hidden",
-  locale: "en"
-});
-function resolveConfig(props, provider = {}, environment = {}) {
-  const mode = environment.forcedPrecision ? "precision" : props.mode ?? provider.mode ?? DEFAULTS.mode;
-  return {
-    ground: props.ground ?? provider.ground ?? DEFAULTS.ground,
-    substrate: props.substrate ?? provider.substrate ?? DEFAULTS.substrate,
-    mode,
-    chrome: props.chrome ?? DEFAULTS.chrome,
-    hatchFill: props.hatchFill ?? DEFAULTS.hatchFill,
-    height: props.height ?? DEFAULTS.height,
-    dataTable: props.dataTable ?? DEFAULTS.dataTable,
-    locale: props.locale ?? provider.locale ?? environment.locale ?? DEFAULTS.locale
-  };
-}
-var FORCED_PRECISION_QUERY = "(prefers-contrast: more), (forced-colors: active)";
-function instanceId(chart, token) {
-  const slug = chart.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-  const safe = String(token).replace(/[^A-Za-z0-9_-]/g, "");
-  return `sp-${slug}-${safe}`;
-}
-
-// src/charts/shared/format.ts
-function read(accessor, datum, index) {
-  return typeof accessor === "function" ? accessor(datum, index) : datum[accessor];
-}
-function accessorName(accessor, fallback) {
-  return typeof accessor === "string" ? accessor : fallback;
-}
-var FORMATTERS = /* @__PURE__ */ new Map();
-var MAX_FORMATTERS = 64;
-function formatNumber(value, locale, options) {
-  const resolved = options ?? { maximumFractionDigits: 2 };
-  const read2 = [];
-  for (const name in resolved) read2.push(`${name}=${JSON.stringify(resolved[name])}`);
-  const key = `${locale}|${read2.sort().join("&")}`;
-  let formatter = FORMATTERS.get(key);
-  if (!formatter) {
-    if (FORMATTERS.size >= MAX_FORMATTERS) FORMATTERS.clear();
-    formatter = new Intl.NumberFormat(locale, resolved);
-    FORMATTERS.set(key, formatter);
-  }
-  return formatter.format(value);
-}
-function formatValue(value, locale, options) {
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? formatNumber(value, locale, options) : "\u2014";
-  }
-  return value === null || value === void 0 ? "\u2014" : String(value);
-}
-function formatCategory(value, locale) {
-  return formatValue(value, locale, typeof value === "number" ? { useGrouping: false, maximumFractionDigits: 2 } : void 0);
-}
-function circlePath(cx, cy, r) {
-  return `M${cx - r},${cy}A${r},${r},0,1,0,${cx + r},${cy}A${r},${r},0,1,0,${cx - r},${cy}Z`;
-}
-
-// src/charts/shared/card.ts
-var CARD_PADDING = 16;
-var TITLE_ROW = 20;
-var VALUE_ROW = 52;
-var HEADER_GAP = 8;
-var FOOTER_ROW = 30;
-function cardLayout(props, options) {
-  const { width, areaHeight: areaHeight2, chrome, locale } = options;
-  if (chrome === "bare") {
-    const box = { x: 0, y: 0, width, height: areaHeight2 };
-    return { viewBox: box, area: box, strokes: [], labels: [] };
-  }
-  const labels = [];
-  const strokes = [];
-  const left = CARD_PADDING;
-  const right = width - CARD_PADDING;
-  let cursor = CARD_PADDING;
-  if (props.title !== void 0 || props.badge !== void 0) {
-    const baseline = cursor + 11;
-    if (props.title !== void 0) {
-      labels.push({ x: left, y: baseline, text: props.title, kind: "title", part: "text", anchor: "start" });
-    }
-    if (props.badge !== void 0) {
-      labels.push({ x: right, y: baseline, text: props.badge, kind: "badge", part: "axis", anchor: "end" });
-    }
-    cursor += TITLE_ROW;
-  }
-  if (props.value !== void 0 || props.unit !== void 0) {
-    if (props.value !== void 0) {
-      labels.push({
-        x: left,
-        y: cursor + 30,
-        text: formatValue(props.value, locale, props.numberFormat),
-        kind: "value",
-        part: "text",
-        anchor: "start"
-      });
-    }
-    if (props.unit !== void 0) {
-      labels.push({ x: left, y: cursor + 46, text: props.unit, kind: "unit", part: "axis", anchor: "start" });
-    }
-    cursor += VALUE_ROW;
-  }
-  if (cursor > CARD_PADDING) cursor += HEADER_GAP;
-  const area5 = { x: left, y: cursor, width: right - left, height: areaHeight2 };
-  cursor += areaHeight2;
-  if (props.footerLeft !== void 0 || props.footerRight !== void 0) {
-    const ruleY = cursor + 8;
-    strokes.push({ d: `M${left},${ruleY}H${right}`, role: "ornament", part: "rule" });
-    if (props.footerLeft !== void 0) {
-      labels.push({ x: left, y: ruleY + 18, text: props.footerLeft, kind: "footer", part: "axis", anchor: "start" });
-    }
-    if (props.footerRight !== void 0) {
-      labels.push({ x: right, y: ruleY + 18, text: props.footerRight, kind: "footer", part: "axis", anchor: "end" });
-    }
-    cursor += FOOTER_ROW;
-  }
-  const height = cursor + CARD_PADDING;
-  const inset2 = 0.5;
-  strokes.unshift({
-    d: `M${inset2},${inset2}H${width - inset2}V${height - inset2}H${inset2}Z`,
-    role: "ornament",
-    part: "rule"
-  });
-  return { viewBox: { x: 0, y: 0, width, height }, area: area5, strokes, labels };
-}
-
-// src/charts/shared/cells.ts
-function rectPath(rect) {
-  const { x, y, width, height } = rect;
-  return `M${x},${y}H${x + width}V${y + height}H${x}Z`;
-}
-function inset(rect, by) {
-  return {
-    x: rect.x + by,
-    y: rect.y + by,
-    width: Math.max(rect.width - 2 * by, 0),
-    height: Math.max(rect.height - 2 * by, 0)
-  };
-}
-function finite(raw) {
-  return typeof raw === "number" && Number.isFinite(raw) ? raw : void 0;
-}
-function toneOf(ratio) {
-  if (!(ratio > 0)) return 0;
-  if (ratio <= 0.25) return 1;
-  if (ratio <= 0.5) return 2;
-  if (ratio <= 0.75) return 3;
-  return 4;
-}
-function toneLevel(raw) {
-  return Math.min(Math.max(Math.round(raw), 0), 4);
-}
-function warnValue(chart, property, message) {
-  if (process.env.NODE_ENV !== "production") diagnose("SP002", chart, { property, message });
-}
-
-// src/charts/shared/cartesian.ts
-var AXIS_BAND = 20;
-var PLOT_INSET = 6;
-var LABEL_SPACING = 48;
-function cartesianPlot(area5) {
-  return {
-    x: area5.x + PLOT_INSET,
-    y: area5.y + PLOT_INSET,
-    width: Math.max(area5.width - 2 * PLOT_INSET, 1),
-    height: Math.max(area5.height - AXIS_BAND - PLOT_INSET, 1)
-  };
-}
-function readSeries(data, accessor, fallbackName) {
-  let missing = 0;
-  const points = data.map((datum, index) => {
-    const raw = read(accessor, datum, index);
-    const value = typeof raw === "number" && Number.isFinite(raw) ? raw : void 0;
-    if (value === void 0) missing += 1;
-    return { index, datum, value };
-  });
-  return { key: accessorName(accessor, fallbackName), points, missing };
-}
-var POINTS_PER_SERIES = 500;
-function checkVolume(chart, series) {
-  for (const s of series) checkCount(chart, s.key, s.points.length);
-}
-function checkCount(chart, property, count) {
-  if (process.env.NODE_ENV === "production" || count <= POINTS_PER_SERIES) return;
-  diagnose("SP008", chart, { property, message: `${count} points; the ceiling is ${POINTS_PER_SERIES} per series.` });
-}
-function seriesValues(series) {
-  return series.flatMap((s) => s.points.flatMap((p) => p.value === void 0 ? [] : [p.value]));
-}
-function valueAxis(plot, domain, options) {
-  const bottom = plot.y + plot.height;
-  const low = options.zero === false ? domain[0] : Math.min(0, domain[0]);
-  const high = options.zero === false ? domain[1] : Math.max(0, domain[1]);
-  const scale = linearScale([low, high], [bottom, plot.y], {
-    chart: options.chart,
-    property: options.property,
-    padding: options.padding,
-    nice: options.nice !== false,
-    fromZero: options.zero !== false
-  });
-  const strokes = [];
-  const labels = [];
-  for (const tick of scale.ticks(4)) {
-    const ty = scale(tick);
-    if (tick === scale.domain[0]) continue;
-    strokes.push({ d: `M${plot.x},${ty}H${plot.x + plot.width}`, role: "ornament", part: "grid" });
-    labels.push({ x: plot.x, y: ty - 3, text: formatNumber(tick, options.locale, options.numberFormat), kind: "tick", part: "axis", anchor: "start" });
-  }
-  strokes.push({ d: `M${plot.x},${bottom}H${plot.x + plot.width}`, role: "ornament", part: "rule" });
-  return { scale, strokes, labels };
-}
-function categoryAxis(xValues, plot, options) {
-  const numeric = options.numeric !== false && xValues.length > 0 && xValues.every((v) => typeof v === "number" && Number.isFinite(v));
-  if (numeric) {
-    const numbers = xValues;
-    const x = linearScale(extent(numbers) ?? [0, 0], [plot.x, plot.x + plot.width], {
-      chart: options.chart,
-      property: options.property,
-      padding: options.padding
-    });
-    return { at: (index) => x(numbers[index] ?? 0), bandwidth: 0 };
-  }
-  const keys = xValues.map((_, index) => String(index));
-  const band = bandScale(keys, [plot.x, plot.x + plot.width], { paddingInner: options.paddingInner, paddingOuter: options.paddingOuter });
-  return { at: (index) => band.center(String(index)) ?? plot.x, bandwidth: band.bandwidth };
-}
-function categoryLabels(texts, at2, area5, plot) {
-  const count = texts.length;
-  const step = Math.max(1, Math.ceil(count / Math.max(2, Math.floor(plot.width / LABEL_SPACING))));
-  const labels = [];
-  for (let index = 0; index < count; index += step) {
-    labels.push({
-      x: at2(index),
-      y: area5.y + area5.height - 5,
-      text: texts[index] ?? "",
-      kind: "tick",
-      part: "axis",
-      anchor: index === 0 ? "start" : "middle"
-    });
-  }
-  return labels;
-}
-var LEGEND_BAND = 22;
-var TICK_CHAR = 5.2;
-var LEGEND_CHAR = TICK_CHAR;
-function legend(area5, entries) {
-  const strokes = [];
-  const labels = [];
-  let x = area5.x + PLOT_INSET;
-  for (const entry of entries) {
-    const swatch = { x, y: area5.y + 4, width: 12, height: 7 };
-    strokes.push({ d: rectPath(swatch), role: "ornament", part: entry.part, ...entry.tone ? { tone: entry.tone } : {}, ...entry.dash ? { dash: entry.dash } : {} });
-    labels.push({ x: x + 16, y: area5.y + 11, text: entry.name, kind: "tick", part: "axis", anchor: "start" });
-    x += 16 + entry.name.length * LEGEND_CHAR + 12;
-  }
-  return { area: { x: area5.x, y: area5.y + LEGEND_BAND, width: area5.width, height: Math.max(area5.height - LEGEND_BAND, 1) }, strokes, labels };
-}
-function pillPath(rect) {
-  const { x, y, width, height } = rect;
-  const r = Math.min(width, height) / 2;
-  if (r <= 0) return `M${x},${y}H${x + width}V${y + height}H${x}Z`;
-  return `M${x},${y + r}A${r},${r},0,0,1,${x + r},${y}H${x + width - r}A${r},${r},0,0,1,${x + width},${y + r}V${y + height - r}A${r},${r},0,0,1,${x + width - r},${y + height}H${x + r}A${r},${r},0,0,1,${x},${y + height - r}Z`;
-}
-function horizontalValueAxis(plot, area5, domain, options) {
-  const scale = linearScale([Math.min(0, domain[0]), Math.max(0, domain[1])], [plot.x, plot.x + plot.width], {
-    chart: options.chart,
-    property: options.property,
-    padding: options.padding,
-    nice: true,
-    fromZero: true
-  });
-  const strokes = [];
-  const labels = [];
-  for (const tick of scale.ticks(4)) {
-    const tx = scale(tick);
-    if (tick !== 0) strokes.push({ d: `M${tx},${plot.y}V${plot.y + plot.height}`, role: "ornament", part: "grid" });
-    labels.push({ x: tx, y: area5.y + area5.height - 5, text: formatNumber(tick, options.locale, options.numberFormat), kind: "tick", part: "axis", anchor: "middle" });
-  }
-  strokes.push({ d: `M${scale(0)},${plot.y}V${plot.y + plot.height}`, role: "ornament", part: "rule" });
-  return { scale, strokes, labels };
-}
-
-// src/charts/shared/shell.ts
-function modelBase(chart, props, context, fallbackName, table) {
-  const { id } = context;
-  const name = props.label ?? props.title ?? fallbackName;
-  return {
-    chart,
-    id,
-    chrome: props.chrome ?? "card",
-    name,
-    ids: { title: `${id}-title`, desc: `${id}-desc`, table: `${id}-table` },
-    table: { caption: name, ...table },
-    dataTable: props.dataTable ?? "hidden"
-  };
-}
-function areaHeight(props) {
-  return props.height ?? 160;
-}
-function measure(base, props, context) {
-  const width = props.width ?? context.width;
-  const height = areaHeight(props);
-  if (width !== void 0 && width > 0 && height > 0) return { width, height };
-  if (width !== void 0 && process.env.NODE_ENV !== "production") {
-    diagnose("SP003", base.chart, {
-      property: width <= 0 ? "width" : "height",
-      message: `Measured ${width} \xD7 ${height} px.`
-    });
-  }
-  const box = { x: 0, y: 0, width: 0, height: 0 };
-  return {
-    deferred: {
-      ...base,
-      status: "deferred",
-      geometry: { viewBox: box, plot: box, strokes: [], labels: [], hitAreas: [], defs: [] },
-      description: props.description ?? base.name
-    }
-  };
-}
-function emptyModel(base, props, context, frame, datasetEmpty) {
-  if (datasetEmpty && process.env.NODE_ENV !== "production") {
-    diagnose("SP001", base.chart, { property: "data" });
-  }
-  const { plot } = frame;
-  const strokes = [...frame.strokes];
-  if (context.emptyState.rule) {
-    strokes.push({ d: `M${plot.x},${plot.y + plot.height}H${plot.x + plot.width}`, role: "ornament", part: "rule" });
-  }
-  const labels = [
-    ...frame.labels,
-    {
-      x: plot.x + plot.width / 2,
-      y: plot.y + plot.height / 2,
-      text: context.emptyState.text,
-      kind: "empty",
-      part: "axis",
-      anchor: "middle"
-    }
-  ];
-  return {
-    ...base,
-    status: "ready",
-    description: props.description ?? `${base.name}. ${context.emptyState.text}.`,
-    geometry: roundGeometry({ viewBox: frame.viewBox, plot, strokes, labels, hitAreas: [], defs: [] })
-  };
-}
-function readyModel(base, description, geometry) {
-  return { ...base, status: "ready", description, geometry: roundGeometry({ ...geometry, defs: [] }) };
-}
-
 // src/charts/line-chart/demo.ts
 var LINE_CHART_DEMO = /* @__PURE__ */ Object.freeze(
   /* @__PURE__ */ [
@@ -1043,6 +384,12 @@ var NAVIGATION_KEYS = ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home"
 function stepActive(geometry, current, key) {
   if (!NAVIGATION_KEYS.includes(key)) return void 0;
   if (key === "Escape") return null;
+  const hits = geometry.hitAreas;
+  if (hits[0]?.moves) {
+    const here = current ? hits.findIndex((hit) => hit.seriesKey === current.seriesKey && hit.index === current.index) : -1;
+    const to = here < 0 ? hits[0].moves[key === "End" ? "End" : "Home"] : hits[here]?.moves?.[key];
+    return toActiveItem(hits[to ?? Math.max(here, 0)]);
+  }
   const grid = geometry.hitAreas.length > 0 && geometry.hitAreas.every((hit) => hit.cell !== void 0);
   if (grid) return stepGrid(geometry.hitAreas, current, key);
   const seriesKey = current?.seriesKey ?? geometry.hitAreas[0]?.seriesKey;
@@ -1192,7 +539,7 @@ function buildBulletChart(props, context) {
   }
   const rowHeight = plot.height / rows.length;
   const barHeight = Math.min(MAX_BAR, rowHeight * 0.35);
-  const at2 = (percent) => plot.x + percent / 100 * plot.width;
+  const at = (percent) => plot.x + percent / 100 * plot.width;
   let met = 0;
   for (const row of rows) {
     const top = plot.y + row.index * rowHeight;
@@ -1204,16 +551,16 @@ function buildBulletChart(props, context) {
       warnValue(CHART2, actualName, `Row ${row.index} has no finite value; its bar is omitted.`);
     } else {
       const actual = clampPercent(row.actual, actualName, row.index);
-      const bar = { x: plot.x, y: barY, width: at2(actual) - plot.x, height: barHeight };
+      const bar = { x: plot.x, y: barY, width: at(actual) - plot.x, height: barHeight };
       if (bar.width > 0) strokes.push({ d: rectPath(bar), role: "encoding", part: "ink", tone: 2 });
       labels.push({ x: plot.x + plot.width, y: baseline, text: formatNumber(row.actual, locale, numberFormat), kind: "tick", part: "axis", anchor: "end" });
-      hitAreas.push({ seriesKey: actualName, index: row.index, datum: row.datum, value: row.actual, x: at2(actual), y: barY + barHeight / 2, box: bar });
+      hitAreas.push({ seriesKey: actualName, index: row.index, datum: row.datum, value: row.actual, x: at(actual), y: barY + barHeight / 2, box: bar });
       if (row.target !== void 0 && row.actual >= row.target) met += 1;
     }
     if (row.target === void 0) {
       warnValue(CHART2, targetName, `Row ${row.index} has no finite target; its marker is omitted.`);
     } else {
-      const x = at2(clampPercent(row.target, targetName, row.index));
+      const x = at(clampPercent(row.target, targetName, row.index));
       strokes.push({ d: `M${x},${barY - MARKER_REACH}V${barY + barHeight + MARKER_REACH}`, role: "encoding", part: "ink", weight: 2 });
     }
   }
@@ -1335,7 +682,6 @@ var CELL_GAP = 2;
 var HEADER_BAND = 14;
 var DIGIT_WIDTH = 5.5;
 var LINE_HEIGHT = 12;
-var CELL_SCALE = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
 function buildHeatmapChart(props, context) {
   const usesDemo = props.data === void 0;
   const data = props.data ?? HEATMAP_CHART_DEMO;
@@ -1408,7 +754,7 @@ function buildHeatmapChart(props, context) {
         continue;
       }
       const tone = toneOf(value / scaleMax);
-      const scale = printed ? 1 : CELL_SCALE[tone];
+      const scale = printed ? 1 : TONE_SCALE[tone];
       const drawn = { x: cx - cell.width * scale / 2, y: cy - cell.height * scale / 2, width: cell.width * scale, height: cell.height * scale };
       strokes.push({ d: rectPath(drawn), role: "encoding", part: "ink", ...tone > 0 ? { tone } : {} });
       if (printed) labels.push({ x: cx, y: cy + 4, text: formatNumber(value, locale, numberFormat), kind: "tick", part: "text", anchor: "middle" });
@@ -1719,8 +1065,8 @@ var CHART7 = "ActivityGrid";
 var PLOT_INSET7 = 6;
 var MONTH_BAND = 14;
 var DEFAULT_WEEKS = 26;
-var DAY_MS2 = 864e5;
-var CELL_SCALE2 = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
+var DAY_MS = 864e5;
+var CELL_SCALE = { 0: 0.4, 1: 0.55, 2: 0.7, 3: 0.85, 4: 1 };
 var CELL_FILL = 0.86;
 var MONTH_GAP = 3;
 function buildActivityGrid(props, context) {
@@ -1785,7 +1131,7 @@ function buildActivityGrid(props, context) {
     const column = Math.floor(index / 7);
     const row = index % 7;
     if (row === 0) {
-      const name = month.format(new Date(d.day * DAY_MS2));
+      const name = month.format(new Date(d.day * DAY_MS));
       const last = months.at(-1);
       if (name !== last?.name) {
         if (last && column - last.column < MONTH_GAP) {
@@ -1795,7 +1141,7 @@ function buildActivityGrid(props, context) {
         }
       }
     }
-    const side = slot * CELL_FILL * CELL_SCALE2[d.level];
+    const side = slot * CELL_FILL * CELL_SCALE[d.level];
     const cx = plot.x + column * slot + slot / 2;
     const cy = top + row * slot + slot / 2;
     const cell = { x: cx - side / 2, y: cy - side / 2, width: side, height: side };
@@ -2495,109 +1841,6 @@ function buildFunnelChart(props, context) {
 }
 var funnelChart = /* @__PURE__ */ Object.freeze({ name: CHART15, build: buildFunnelChart });
 
-// src/charts/shared/polar.ts
-function polarFrame(area5, labelRoom = 0) {
-  return {
-    cx: area5.x + area5.width / 2,
-    cy: area5.y + area5.height / 2,
-    radius: Math.max(Math.min(area5.width, area5.height) / 2 - PLOT_INSET - labelRoom, 1)
-  };
-}
-var RIM_LABELS = 14;
-function rimLabels(frame, entries, most = 24) {
-  const step = Math.max(1, Math.ceil(entries.length / most));
-  return entries.filter((_, i) => i % step === 0).map((e) => polarLabel(frame, e.angle, frame.radius + 8, e.text));
-}
-function pointAt(frame, angle, r) {
-  return { x: frame.cx + r * Math.sin(angle), y: frame.cy - r * Math.cos(angle) };
-}
-var EPSILON = 1e-9;
-var at = (frame, angle, r) => {
-  const p = pointAt(frame, angle, r);
-  return `${p.x},${p.y}`;
-};
-function arcTo(frame, r, end, clockwise) {
-  return `A${r},${r},0,0,${clockwise ? 1 : 0},${at(frame, end, r)}`;
-}
-function sweep(frame, r, start, end, clockwise) {
-  if (Math.abs(end - start) <= Math.PI) return arcTo(frame, r, end, clockwise);
-  const middle = (start + end) / 2;
-  return arcTo(frame, r, middle, clockwise) + arcTo(frame, r, end, clockwise);
-}
-function arcPath(frame, r, start, end) {
-  if (Math.abs(end - start) < EPSILON || r <= 0) return "";
-  return `M${at(frame, start, r)}${sweep(frame, r, start, end, end > start)}`;
-}
-function sectorPath(frame, shape) {
-  const { inner, outer, start, end } = shape;
-  if (Math.abs(end - start) < EPSILON || outer <= 0) return "";
-  const clockwise = end > start;
-  const outerArc = `M${at(frame, start, outer)}${sweep(frame, outer, start, end, clockwise)}`;
-  if (inner <= 0) return `${outerArc}L${frame.cx},${frame.cy}Z`;
-  return `${outerArc}L${at(frame, end, inner)}${sweep(frame, inner, end, start, !clockwise)}Z`;
-}
-var POLE = 0.1;
-function polarLabel(frame, angle, r, text, kind = "tick") {
-  const p = pointAt(frame, angle, r);
-  const side = Math.sin(angle);
-  const anchor = side > POLE ? "start" : side < -POLE ? "end" : "middle";
-  return { x: p.x, y: p.y + 3, text, kind, part: "axis", anchor };
-}
-function readSectors(data, nameKey, valueKey, chart, locale) {
-  const valueName = accessorName(valueKey, "value");
-  const seen = /* @__PURE__ */ new Map();
-  const sectors = [];
-  data.forEach((datum, index) => {
-    const value = finite(read(valueKey, datum, index));
-    if (value === void 0 || value < 0) {
-      warnValue(chart, valueName, `Row ${index} has a ${valueName} of ${String(read(valueKey, datum, index))}; a sector needs a finite value \u2265 0, so it is omitted.`);
-      return;
-    }
-    const given = read(nameKey, datum, index);
-    if (given === void 0 || given === null || given === "") warnValue(chart, accessorName(nameKey, "name"), `Row ${index} has no name; it is shown as "\u2014".`);
-    const raw = formatCategory(given, locale);
-    const count = (seen.get(raw) ?? 0) + 1;
-    seen.set(raw, count);
-    if (count > 1) warnValue(chart, accessorName(nameKey, "name"), `The name "${raw}" repeats; row ${index} is shown as "${raw} (${count})".`);
-    sectors.push({ index, datum, name: count > 1 ? `${raw} (${count})` : raw, value });
-  });
-  return sectors;
-}
-var SECTORS_PER_CHART = 60;
-function checkSectors(chart, property, count) {
-  if (process.env.NODE_ENV === "production" || count <= SECTORS_PER_CHART) return;
-  diagnose("SP008", chart, { property, message: `${count} sectors; the ceiling is ${SECTORS_PER_CHART}.` });
-}
-var RING_TONES = [1, 2, 3, 4];
-function ringTone(index, count) {
-  const tone = RING_TONES[index % RING_TONES.length];
-  if (count > 1 && index === count - 1 && tone === RING_TONES[0]) return RING_TONES[2];
-  return tone;
-}
-function ringTones(values) {
-  const drawn = values.filter((v) => v > 0).length;
-  let k = 0;
-  return values.map((v) => v > 0 ? ringTone(k++, drawn) : ringTone(Math.min(k, Math.max(drawn - 1, 0)), drawn));
-}
-var LEGEND_ROW = 14;
-function sectorLegend(area5, entries) {
-  const strokes = [];
-  const labels = [];
-  const fits2 = Math.max(Math.floor(area5.height / LEGEND_ROW), 1);
-  const shown = entries.length > fits2 ? fits2 - 1 : entries.length;
-  const top = area5.y + (area5.height - Math.min(entries.length, fits2) * LEGEND_ROW) / 2;
-  entries.slice(0, shown).forEach((entry, row) => {
-    const y = top + row * LEGEND_ROW;
-    strokes.push({ d: rectPath({ x: area5.x, y: y + 3, width: 9, height: 7 }), role: "ornament", part: "ink", tone: entry.tone });
-    labels.push({ x: area5.x + 14, y: y + 10, text: entry.name, kind: "tick", part: "text", anchor: "start" });
-    labels.push({ x: area5.x + area5.width, y: y + 10, text: entry.share, kind: "tick", part: "axis", anchor: "end" });
-  });
-  if (shown < entries.length) {
-    labels.push({ x: area5.x + 14, y: top + shown * LEGEND_ROW + 10, text: `+${entries.length - shown} more`, kind: "tick", part: "axis", anchor: "start" });
-  }
-  return { strokes, labels };
-}
-
 // src/charts/donut-chart/demo.ts
 var DONUT_CHART_DEMO = /* @__PURE__ */ Object.freeze(
   /* @__PURE__ */ [
@@ -2824,8 +2067,8 @@ function buildPolarBarChart(props, context) {
     const tip = hole + b.value / largest * reach;
     const d = sectorPath(frame, { inner: hole, outer: tip, start, end });
     if (d && tip > hole) strokes.push({ d, role: "encoding", part: "ink", tone: 2 });
-    const at2 = pointAt(frame, (start + end) / 2, tip);
-    hitAreas.push({ seriesKey: valueName, index: b.index, datum: b.datum, value: b.value, x: at2.x, y: at2.y });
+    const at = pointAt(frame, (start + end) / 2, tip);
+    hitAreas.push({ seriesKey: valueName, index: b.index, datum: b.datum, value: b.value, x: at.x, y: at.y });
   });
   labels.push(...rimLabels(frame, bars.map((b, k) => ({ angle: (k + 0.5) * slot, text: b.name }))));
   const top = bars.reduce((a, b) => b.value > a.value ? b : a);
@@ -2887,8 +2130,8 @@ function buildCoxcombChart(props, context) {
     const r = frame.radius * Math.sqrt(s.value / largest);
     const d = sectorPath(frame, { inner: 0, outer: r, start: from, end: from + slot });
     if (d) strokes.push({ d, role: "encoding", part: "ink", tone: tones[k] });
-    const at2 = pointAt(frame, from + slot / 2, r * 0.6);
-    hitAreas.push({ seriesKey: valueName, index: s.index, datum: s.datum, value: s.value, x: at2.x, y: at2.y });
+    const at = pointAt(frame, from + slot / 2, r * 0.6);
+    hitAreas.push({ seriesKey: valueName, index: s.index, datum: s.datum, value: s.value, x: at.x, y: at.y });
   });
   labels.push(...rimLabels(frame, sectors.map((s, k) => ({ angle: start + (k + 0.5) * slot, text: s.name }))));
   const top = sectors.reduce((a, b) => b.value > a.value ? b : a);
@@ -3045,9 +2288,9 @@ function buildScalar(family, props, context) {
   const drawing = family.draw(frame, value);
   const strokes = [...card.strokes, ...drawing.strokes];
   const labels = [...card.labels, ...drawing.labels];
-  const at2 = family.readoutAt(frame);
-  labels.push({ x: frame.cx, y: at2.value, text: printed, kind: "value", part: "text", anchor: "middle" });
-  if (caption) labels.push({ x: frame.cx, y: at2.caption, text: caption, kind: "tick", part: "axis", anchor: "middle" });
+  const at = family.readoutAt(frame);
+  labels.push({ x: frame.cx, y: at.value, text: printed, kind: "value", part: "text", anchor: "middle" });
+  if (caption) labels.push({ x: frame.cx, y: at.caption, text: caption, kind: "tick", part: "axis", anchor: "middle" });
   const hitAreas = [];
   if (value !== void 0 && drawing.tip) {
     hitAreas.push({ seriesKey: "value", index: 0, datum: { value }, value, x: drawing.tip.x, y: drawing.tip.y });
@@ -3944,8 +3187,8 @@ function buildWindRose(props, context) {
     if (r <= 0 || r > frame.radius + 0.01) continue;
     strokes.push({ d: arcPath(frame, r, 0, 2 * Math.PI), role: "ornament", part: "grid" });
     if (r > frame.radius - RIM_LABELS) continue;
-    const at2 = pointAt(frame, width / 2, r);
-    labels.push({ x: at2.x + 2, y: at2.y - 2, text: `${formatNumber(tick, locale, { maximumFractionDigits: 0 })}%`, kind: "tick", part: "axis", anchor: "start" });
+    const at = pointAt(frame, width / 2, r);
+    labels.push({ x: at.x + 2, y: at.y - 2, text: `${formatNumber(tick, locale, { maximumFractionDigits: 0 })}%`, kind: "tick", part: "axis", anchor: "start" });
   }
   tally.forEach((row, k) => {
     const start = k * width - width / 2 + width * SECTOR_GAP;
@@ -4204,13 +3447,13 @@ var POINTER = 7;
 var CHAR2 = 5.2;
 var CAP = 7;
 var AIR = 1;
-function fits(frame, name, at2, inner, outer, start, end) {
+function fits(frame, name, at, inner, outer, start, end) {
   const width = name.length * CHAR2;
   const corners = [
-    [at2.x - width / 2, at2.y + 3 - CAP],
-    [at2.x + width / 2, at2.y + 3 - CAP],
-    [at2.x - width / 2, at2.y + 3],
-    [at2.x + width / 2, at2.y + 3]
+    [at.x - width / 2, at.y + 3 - CAP],
+    [at.x + width / 2, at.y + 3 - CAP],
+    [at.x - width / 2, at.y + 3],
+    [at.x + width / 2, at.y + 3]
   ];
   const middle = (start + end) / 2;
   return corners.every(([x, y]) => {
@@ -5011,6 +4254,6 @@ function linkedMarks(model, state) {
   return linkedItems(model, state.key, state.value).map((index) => readout(model, toActiveItem(model.geometry.hitAreas[index])).marker.d);
 }
 
-export { DASHBOARD_DEFAULTS, DEFAULTS, DISPLAY_FACE_PROBE, FORCED_PRECISION_QUERY, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, MIN_TOUCH_TARGET, NAVIGATION_KEYS, NullInker, PATH_BYTE_BUDGET, SilverpointError, __setDiagnosticSink, activityGrid, addDays, areaChart, bandScale, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, circlePath, composedChart, coxcombChart, createPrng, dashboardView, deriveSeed, diagnose, donutChart, enforceHeightening, expandDomain, extent, fnv1a32, funnelChart, gaugeArc, heatmapChart, inCell, instanceId, isoDate, kpiCard, lineChart, linearScale, linkFrom, linkedItems, linkedMarks, max, meterChart, min, orbitChart, parseGeometry, parseIsoDate, pathBytes, perBreakpoint, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveConfig, resolveDashboard, resolveInker, resolveLayout, resolveSeed, round2, roundGeometry, roundPathData, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, weekday, windRose };
+export { DASHBOARD_DEFAULTS, DISPLAY_FACE_PROBE, LINE_CHART_DEMO, LINE_CHART_DEMO_KEYS, MIN_TOUCH_TARGET, NAVIGATION_KEYS, NullInker, PATH_BYTE_BUDGET, activityGrid, areaChart, barChart, breakpointOf, bubbleChart, bulletChart, candlestickChart, cellChartBox, checkTypeface, chordRing, composedChart, coxcombChart, dashboardView, donutChart, enforceHeightening, funnelChart, gaugeArc, heatmapChart, inCell, kpiCard, lineChart, linkFrom, linkedItems, linkedMarks, meterChart, orbitChart, parseGeometry, pathBytes, perBreakpoint, polarBarChart, pyramidChart, radarChart, radialArcGroup, radialRings, rangeBandChart, readout, reduceInteraction, registerInker, resolveActive, resolveDashboard, resolveInker, resolveLayout, sameActive, sankeyChart, scatterChart, serializeGeometry, sparklineRows, stackedBarChart, stepActive, stepChart, streamChart, svgString, toSvgPoint, toSvgView, treemapChart, volvelleChart, waterfallChart, windRose };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map