minerva-design 1.2.0 → 1.3.0

package/dist/native/components/Chart/scene.js.map

@@ -1 +1 @@
-{"version":3,"file":"scene.js","names":["_Fragment","SHAPE_BUDGET","C","lineHeightOf","size","slack","measureChartText","text","o","label","lh","pad","w","top","valign","y","horizontal","align","x","frameWidth","Text","extra","key","box","View","color","dot","cx","d","cy","segment","dx","x2","x1","dy","y2","y1","length","width","dashRuns","pattern","dash","v","period","a","b","runs","scale","max","out","at","i","step","dashedLine","start","run","axis","from","crisp","thin","stride","k","lx","ly","areaStrips","n","forward","xs","ys","plot","to","column","j","left","c","right","mid","x0","t","baseline","primitiveLimits","scene","visible","s","lines","scatters","perLine","maxDots","drawData","primitives","scenePrimitives","options","ox","oy","dotsLeft","barsLeft","p","total","pts","r","count","h","rectOf","xa","xb","ya","yb","bottom","textBox","px","py","height","css","toCss","alpha","drawBackground","layout","fs","theme","scales","grid","model","yTicks","xTicks","line","tick","title","lastRight","e","swatch","part","drawForeground","fw","halo","labelHeight","annotations","pos","tx","ty","pointColor","l","clip","drawStatic","Fragment","family","drawHover","background","hover","StyleSheet","m","dragging","tip","customTooltip","muted","font","weight","row","lineHeight","tooltipCard","padding","content"],"sources":["../../../../../native/src/components/Chart/scene.tsx"],"sourcesContent":["// Draws a chart scene (`ChartController.getScene()`) with plain views: no\n// canvas, SVG or native drawing module. The engine already resolves every\n// position in pixels; this file only turns them into absolutely positioned\n// <View> / <Text> elements, keeping the number of views bounded by the size\n// of the chart (lines decimated per column, dots merged per cell, bars\n// merged per pixel column), whatever the size of the data.\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  Text,\n  View,\n  type TextStyle,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  scenePrimitives,\n  toCss,\n  type ChartPrimitive,\n  type ChartRect,\n  type ChartScene,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\n\ntype Rgba = ChartScene[\"theme\"][\"text\"];\ntype Annotation = ChartScene[\"annotations\"][number];\ntype RectAnnotation = Extract<Annotation, { type: \"rect\" }>;\ntype TextAnnotation = Extract<Annotation, { type: \"text\" }>;\ntype Scales = ChartScene[\"layout\"][\"scales\"];\n\n/** Upper bounds of the views drawn for the data of a chart */\nexport const SHAPE_BUDGET = {\n  /** Points of all the lines (one view per segment) */\n  linePoints: 1200,\n  /** Dots of one scatter series before they are merged per cell */\n  dotsPerSeries: 800,\n  /** Dots of all the series */\n  dots: 2000,\n  /** Bars of one series before neighbors are merged per pixel column */\n  barsPerSeries: 600,\n  /** Bars of all the series */\n  bars: 1500,\n  /** Vertical strips filling one area */\n  areaColumns: 200,\n  /** Dashes of one dashed line */\n  dashes: 200,\n} as const;\n\nconst C = \"chart\";\n\n// ------------------------------------------------------------------ text\n\ninterface TextOptions {\n  size: number;\n  color: string;\n  weight?: number;\n  family?: string;\n  /** Halo color: keeps the text readable over the data */\n  halo?: string;\n}\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype VAlign = \"top\" | \"middle\" | \"bottom\";\n\nconst lineHeightOf = (size: number) => Math.ceil(size * 1.35);\n\n/** Box wide enough for the estimated width (the real one may differ) */\nconst slack = (text: string, o: TextOptions) =>\n  Math.ceil(\n    measureChartText(text, `${o.weight ?? 400} ${o.size}px sans-serif`) * 1.4 +\n      o.size * 2,\n  );\n\n/**\n * A one-line text anchored at (x, y) of a container `frameWidth` wide:\n * `left` starts there, `right` ends there, `center` is centered on it;\n * `top` / `bottom` place the em box like the canvas text baselines\n */\nfunction label(\n  key: string,\n  text: string,\n  x: number,\n  y: number,\n  align: Align,\n  valign: VAlign,\n  o: TextOptions,\n  frameWidth: number,\n  extra?: TextStyle,\n): ReactElement {\n  const lh = lineHeightOf(o.size);\n  const pad = (lh - o.size) / 2;\n  const w = slack(text, o);\n  const top =\n    valign === \"top\"\n      ? y - pad\n      : valign === \"bottom\"\n        ? y - lh + pad\n        : y - lh / 2;\n  const horizontal: TextStyle =\n    align === \"left\"\n      ? { left: x, width: w }\n      : align === \"right\"\n        ? { right: frameWidth - x, width: w }\n        : { left: x - w / 2, width: w };\n  return (\n    <Text\n      key={key}\n      numberOfLines={1}\n      style={[\n        {\n          position: \"absolute\",\n          top,\n          ...horizontal,\n          textAlign: align,\n          fontSize: o.size,\n          lineHeight: lh,\n          color: o.color,\n          fontWeight: String(o.weight ?? 400) as TextStyle[\"fontWeight\"],\n          includeFontPadding: false,\n          ...(o.family ? { fontFamily: o.family } : null),\n          ...(o.halo\n            ? {\n                textShadowColor: o.halo,\n                textShadowRadius: 3,\n                textShadowOffset: { width: 0, height: 0 },\n              }\n            : null),\n        },\n        extra,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n}\n\n// ---------------------------------------------------------------- shapes\n\nconst box = (\n  key: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  color: string,\n  extra?: ViewStyle,\n): ReactElement => (\n  <View\n    key={key}\n    style={[\n      {\n        position: \"absolute\",\n        left: x,\n        top: y,\n        width,\n        height,\n        backgroundColor: color,\n      },\n      extra,\n    ]}\n  />\n);\n\nconst dot = (\n  key: string,\n  cx: number,\n  cy: number,\n  d: number,\n  color: string,\n  extra?: ViewStyle,\n) =>\n  box(key, cx - d / 2, cy - d / 2, d, d, color, {\n    borderRadius: d / 2,\n    ...extra,\n  });\n\n/** A straight stroke: one view, rotated around its center */\nconst segment = (\n  key: string,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n  width: number,\n  color: string,\n) => {\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const length = Math.hypot(dx, dy) + width;\n  return box(\n    key,\n    (x1 + x2) / 2 - length / 2,\n    (y1 + y2) / 2 - width / 2,\n    length,\n    width,\n    color,\n    {\n      borderRadius: width / 2,\n      transform: [{ rotate: `${Math.atan2(dy, dx)}rad` }],\n    },\n  );\n};\n\n/** Dash runs `[start, length]` along a line (canvas `setLineDash` pattern) */\nexport function dashRuns(\n  length: number,\n  dash: readonly number[],\n  max: number = SHAPE_BUDGET.dashes,\n): [number, number][] {\n  let pattern = dash.filter((v) => Number.isFinite(v) && v >= 0);\n  // odd patterns repeat twice, like the canvas\n  if (pattern.length % 2) pattern = [...pattern, ...pattern];\n  const period = pattern.reduce((a, b) => a + b, 0);\n  if (!pattern.length || period <= 0) return [[0, length]];\n  const runs = (length / period) * (pattern.length / 2);\n  const scale = runs > max ? runs / max : 1;\n  const out: [number, number][] = [];\n  let at = 0;\n  for (let i = 0; at < length; i = (i + 1) % pattern.length) {\n    const step = pattern[i] * scale;\n    if (i % 2 === 0 && step > 0) out.push([at, Math.min(step, length - at)]);\n    at += Math.max(step, 0.5);\n  }\n  return out;\n}\n\nconst dashedLine = (\n  key: string,\n  axis: \"x\" | \"y\",\n  at: number,\n  from: number,\n  length: number,\n  width: number,\n  color: string,\n  dash: readonly number[],\n) =>\n  dashRuns(length, dash).map(([start, run], i) =>\n    axis === \"y\"\n      ? box(`${key}-${i}`, from + start, at, run, width, color)\n      : box(`${key}-${i}`, at, from + start, width, run, color),\n  );\n\nconst crisp = (v: number, width = 1) => Math.round(v) + 0.5 - width / 2;\n\n// ------------------------------------------------------------------ data\n\n/** Thins a run of interleaved points to `max` points and drops sub-pixel steps */\nfunction thin(run: readonly number[], max: number): number[] {\n  const n = run.length / 2;\n  const stride = n > max ? Math.ceil(n / max) : 1;\n  const out: number[] = [];\n  for (let i = 0; i < n; i += stride) {\n    const x = run[i * 2];\n    const y = run[i * 2 + 1];\n    const k = out.length;\n    if (k && Math.hypot(x - out[k - 2], y - out[k - 1]) < 1.5) continue;\n    out.push(x, y);\n  }\n  const lx = run[n * 2 - 2];\n  const ly = run[n * 2 - 1];\n  const k = out.length;\n  if (n > 1 && (out[k - 2] !== lx || out[k - 1] !== ly)) out.push(lx, ly);\n  return out;\n}\n\n/** Vertical strips between the line and the baseline, one per column */\nfunction areaStrips(\n  key: string,\n  run: readonly number[],\n  baseline: number,\n  color: string,\n  opacity: number,\n  plot: ChartRect,\n): ReactElement[] {\n  const n = run.length / 2;\n  if (n < 2) return [];\n  // left to right (reversed axes list their points right to left)\n  const forward = run[0] <= run[n * 2 - 2];\n  const xs = (i: number) => run[(forward ? i : n - 1 - i) * 2];\n  const ys = (i: number) => run[(forward ? i : n - 1 - i) * 2 + 1];\n  const from = Math.max(plot.x, xs(0));\n  const to = Math.min(plot.x + plot.width, xs(n - 1));\n  if (to <= from) return [];\n  const column = Math.max(2, plot.width / SHAPE_BUDGET.areaColumns);\n  const out: ReactElement[] = [];\n  let j = 0;\n  for (let left = Math.floor(from), c = 0; left < to; c++) {\n    const right = Math.min(Math.ceil(to), Math.round(left + column));\n    const mid = (left + right) / 2;\n    while (j < n - 2 && xs(j + 1) < mid) j++;\n    const x0 = xs(j);\n    const x1 = xs(j + 1);\n    const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));\n    const y = ys(j) + (ys(j + 1) - ys(j)) * t;\n    if (Number.isFinite(y)) {\n      const top = Math.min(y, baseline);\n      out.push(\n        box(\n          `${key}-${c}`,\n          left - plot.x,\n          top - plot.y,\n          right - left,\n          Math.abs(baseline - y),\n          color,\n          {\n            opacity,\n          },\n        ),\n      );\n    }\n    left = right;\n  }\n  return out;\n}\n\n/** Limits of `scenePrimitives` for the views budget */\nexport function primitiveLimits(scene: ChartScene) {\n  const { plot } = scene.layout;\n  const visible = scene.model.series.filter((s) => !s.hidden);\n  const lines = visible.filter(\n    (s) => s.type === \"line\" || s.type === \"area\",\n  ).length;\n  const scatters = visible.filter((s) => s.type === \"scatter\").length;\n  const perLine = Math.max(150, SHAPE_BUDGET.linePoints / Math.max(1, lines));\n  const maxDots = Math.max(\n    100,\n    Math.min(\n      SHAPE_BUDGET.dotsPerSeries,\n      SHAPE_BUDGET.dots / Math.max(1, scatters),\n    ),\n  );\n  return {\n    perLine,\n    options: {\n      // decimation keeps up to 4 points per column\n      columnWidth: Math.max(3, (plot.width * 4) / perLine),\n      maxDots,\n      maxBars: SHAPE_BUDGET.barsPerSeries,\n      dotCell: Math.max(\n        4,\n        Math.sqrt((plot.width * plot.height) / maxDots) * 1.15 + 1,\n      ),\n    },\n  };\n}\n\nfunction drawData(scene: ChartScene): ReactElement[] {\n  const { plot } = scene.layout;\n  const { perLine, options } = primitiveLimits(scene);\n  const primitives: ChartPrimitive[] = scenePrimitives(scene, options);\n  const ox = plot.x;\n  const oy = plot.y;\n  const out: ReactElement[] = [];\n  let dotsLeft: number = SHAPE_BUDGET.dots;\n  let barsLeft: number = SHAPE_BUDGET.bars;\n  primitives.forEach((p, k) => {\n    const key = `${p.kind}${p.seriesIndex}-${k}`;\n    if (p.kind === \"area\") {\n      p.segments.forEach((run, r) =>\n        out.push(\n          ...areaStrips(\n            `${key}-${r}`,\n            run,\n            p.baseline,\n            p.color,\n            p.opacity,\n            plot,\n          ),\n        ),\n      );\n      return;\n    }\n    if (p.kind === \"line\") {\n      let total = 0;\n      for (const run of p.segments) total += run.length / 2;\n      p.segments.forEach((run, r) => {\n        const pts = thin(\n          run,\n          Math.max(\n            2,\n            Math.round((perLine * run.length) / 2 / Math.max(1, total)),\n          ),\n        );\n        if (pts.length === 2) {\n          out.push(\n            dot(\n              `${key}-${r}`,\n              pts[0] - ox,\n              pts[1] - oy,\n              p.width * 1.5,\n              p.color,\n            ),\n          );\n          return;\n        }\n        for (let i = 0; i + 3 < pts.length; i += 2) {\n          out.push(\n            segment(\n              `${key}-${r}-${i}`,\n              pts[i] - ox,\n              pts[i + 1] - oy,\n              pts[i + 2] - ox,\n              pts[i + 3] - oy,\n              p.width,\n              p.color,\n            ),\n          );\n        }\n      });\n      return;\n    }\n    if (p.kind === \"bars\") {\n      const count = p.rects.length / 4;\n      const stride =\n        count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;\n      for (let i = 0; i < count; i += stride) {\n        const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);\n        out.push(\n          box(`${key}-${i}`, x - ox, y - oy, Math.max(w, 0.5), h, p.color),\n        );\n      }\n      barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));\n      return;\n    }\n    const count = p.dots.length / 3;\n    const stride =\n      count > dotsLeft ? Math.ceil(count / Math.max(1, dotsLeft)) : 1;\n    for (let i = 0; i < count; i += stride) {\n      out.push(\n        dot(\n          `${key}-${i}`,\n          p.dots[i * 3] - ox,\n          p.dots[i * 3 + 1] - oy,\n          p.dots[i * 3 + 2],\n          p.colors[i],\n          {\n            opacity: p.opacity,\n          },\n        ),\n      );\n    }\n    dotsLeft = Math.max(0, dotsLeft - Math.ceil(count / stride));\n  });\n  return out;\n}\n\n// ------------------------------------------------------------ background\n\nconst rectOf = (a: RectAnnotation, s: Scales): ChartRect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\n/** Box of a text annotation, kept inside the plot (engine `textBox`) */\nconst textBox = (\n  a: TextAnnotation,\n  s: Scales,\n  width: number,\n  height: number,\n): ChartRect => {\n  const { plot } = s;\n  const px = a.x === undefined ? plot.x + plot.width / 2 : s.xToPx(a.x);\n  const py = a.y === undefined ? plot.y + plot.height / 2 : s.yToPx(a.y);\n  const gap = 6;\n  let x = px - width / 2;\n  let y = py - height / 2;\n  if (a.anchor === \"top\") y = py + gap;\n  else if (a.anchor === \"bottom\") y = py - gap - height;\n  else if (a.anchor === \"left\") x = px + gap;\n  else if (a.anchor === \"right\") x = px - gap - width;\n  x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));\n  y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));\n  return { x, y, width, height };\n};\n\nconst css = (c: Rgba, alpha?: number) => toCss(c, alpha);\n\nfunction drawBackground(scene: ChartScene, family?: string): ReactElement[] {\n  const { width, theme, model, layout, annotations } = scene;\n  const { plot, scales, xTicks, yTicks } = layout;\n  const fs = theme.fontSize;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\") return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    out.push(\n      box(`area-${i}`, r.x, r.y, r.width, r.height, css(a.color, a.opacity)),\n    );\n  });\n\n  const grid = css(theme.grid);\n  if (model.y.grid) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) return;\n      out.push(box(`ygrid-${i}`, plot.x, crisp(py), plot.width, 1, grid));\n    });\n  }\n  if (model.x.grid) {\n    xTicks.values.forEach((v, i) => {\n      const px = scales.xToPx(v);\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) return;\n      out.push(box(`xgrid-${i}`, crisp(px), plot.y, 1, plot.height, grid));\n    });\n  }\n\n  const line = Math.ceil(fs * 1.4);\n  const tick: TextOptions = { size: fs, color: css(theme.textMuted), family };\n  const title: TextOptions = {\n    size: fs + 1,\n    weight: 500,\n    color: css(theme.text, 0.8),\n    family,\n  };\n  const bottom = plot.y + plot.height;\n\n  if (model.x.visible) {\n    out.push(\n      box(\"xaxis\", plot.x, crisp(bottom), plot.width, 1, css(theme.axis)),\n    );\n    let lastRight = -Infinity;\n    xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.px - b.px)\n      .forEach(({ px, text }, i) => {\n        if (!text || px < plot.x - 0.5 || px > plot.x + plot.width + 0.5)\n          return;\n        const w = measureChartText(text, `400 ${fs}px sans-serif`);\n        const left = Math.max(0, Math.min(width - w, px - w / 2));\n        if (left < lastRight + 6) return;\n        lastRight = left + w;\n        out.push(\n          label(\n            `xtick-${i}`,\n            text,\n            left + w / 2,\n            bottom + 7,\n            \"center\",\n            \"top\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (model.x.title)\n      out.push(\n        label(\n          \"xtitle\",\n          model.x.title,\n          plot.x + plot.width / 2,\n          bottom + line + 10,\n          \"center\",\n          \"top\",\n          title,\n          width,\n        ),\n      );\n  }\n\n  if (model.y.visible) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      const text = yTicks.labels[i];\n      if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      out.push(\n        label(\n          `ytick-${i}`,\n          text,\n          plot.x - 8,\n          py,\n          \"right\",\n          \"middle\",\n          tick,\n          width,\n        ),\n      );\n    });\n    if (model.y.title)\n      out.push(\n        label(\n          \"ytitle\",\n          model.y.title,\n          line / 2 + 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"-90deg\" }],\n          },\n        ),\n      );\n  }\n\n  if (scene.legend) {\n    for (const e of scene.legend.entries) {\n      // coordinates relative to the entry box\n      const cy = e.box.height / 2;\n      const swatch =\n        e.shape === \"dot\"\n          ? dot(\"swatch\", 5, cy, 8, e.color)\n          : e.shape === \"line\"\n            ? box(\"swatch\", 0, cy - 1, 10, 2, e.color)\n            : box(\"swatch\", 1, cy - 4, 8, 8, e.color);\n      out.push(\n        <View\n          key={`legend-${e.id}`}\n          style={{\n            position: \"absolute\",\n            left: e.box.x,\n            top: e.box.y,\n            width: e.box.width,\n            height: e.box.height,\n            opacity: e.hidden ? 0.45 : 1,\n          }}\n          {...part(C, \"legend-item\", { hidden: e.hidden })}\n        >\n          {swatch}\n          {label(\n            \"name\",\n            e.name,\n            14,\n            cy,\n            \"left\",\n            \"middle\",\n            { size: 12, color: css(theme.textMuted), family },\n            e.box.width,\n            e.hidden ? { textDecorationLine: \"line-through\" } : undefined,\n          )}\n        </View>,\n      );\n    }\n  }\n  return out;\n}\n\n// ------------------------------------------------------------ foreground\n\nfunction drawForeground(scene: ChartScene, family?: string): ReactElement[] {\n  const { theme, annotations, layout } = scene;\n  const { plot, scales } = layout;\n  const fs = theme.fontSize;\n  const ox = plot.x;\n  const oy = plot.y;\n  const fw = plot.width;\n  const halo = css(theme.background, 0.9);\n  const labelHeight = fs + 4;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"line\") return;\n    const color = css(a.color);\n    if (a.axis === \"y\") {\n      const py = scales.yToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"y\",\n          crisp(py, a.width) - oy,\n          0,\n          plot.width,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            plot.width - 6,\n            py - 3 - oy,\n            \"right\",\n            \"bottom\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    } else {\n      const px = scales.xToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"x\",\n          crisp(px, a.width) - ox,\n          0,\n          plot.height,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            px + 5 - ox,\n            5,\n            \"left\",\n            \"top\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    }\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\" || !a.label) return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    const pad = 10;\n    const pos = a.labelPosition;\n    const align: Align = pos.endsWith(\"left\")\n      ? \"left\"\n      : pos.endsWith(\"right\")\n        ? \"right\"\n        : \"center\";\n    const tx =\n      align === \"left\"\n        ? r.x + pad\n        : align === \"right\"\n          ? r.x + r.width - pad\n          : r.x + r.width / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    out.push(\n      label(\n        `area-label-${i}`,\n        a.label,\n        tx - ox,\n        ty - oy,\n        align,\n        \"top\",\n        { size: fs + 1, weight: 600, color: css(a.labelColor), family },\n        fw,\n      ),\n    );\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"text\" || !a.text) return;\n    const w = measureChartText(a.text, `${a.weight} ${fs}px sans-serif`);\n    const b = textBox(a, scales, w, labelHeight);\n    out.push(\n      label(\n        `text-${i}`,\n        a.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, weight: a.weight, color: css(a.color), halo, family },\n        fw,\n      ),\n    );\n  });\n\n  const pointColor = css(theme.text, 0.85);\n  scene.pointLabels.forEach(({ label: l, box: b }, i) => {\n    out.push(\n      label(\n        `point-label-${i}`,\n        l.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, color: pointColor, halo, family },\n        fw,\n      ),\n    );\n  });\n  return out;\n}\n\nconst clip = (plot: ChartRect): ViewStyle => ({\n  position: \"absolute\",\n  left: plot.x,\n  top: plot.y,\n  width: plot.width,\n  height: plot.height,\n  overflow: \"hidden\",\n});\n\n/**\n * Everything but the hover state: axes, grid, legend, annotations, data and\n * labels (cached by the caller while the model, view and size are the same)\n */\nexport function drawStatic(scene: ChartScene, family?: string): ReactNode {\n  const { plot } = scene.layout;\n  return (\n    <>\n      {drawBackground(scene, family)}\n      <View key=\"data\" style={clip(plot)} {...part(C, \"data\")}>\n        {drawData(scene)}\n      </View>\n      <View key=\"labels\" style={clip(plot)} {...part(C, \"labels\")}>\n        {drawForeground(scene, family)}\n      </View>\n    </>\n  );\n}\n\n/** Crosshair, highlighted points, dragged point and the default tooltip */\nexport function drawHover(\n  scene: ChartScene,\n  family: string | undefined,\n  customTooltip: boolean,\n): ReactNode {\n  const { theme, layout, hover, dragging } = scene;\n  const { plot } = layout;\n  const background = css(theme.background);\n  const out: ReactElement[] = [];\n  if (hover && hover.crosshairX !== null) {\n    out.push(\n      <View\n        key=\"crosshair\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"x\",\n          Math.round(hover.crosshairX),\n          plot.y,\n          plot.height,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  hover?.marks.forEach((m, i) => {\n    out.push(\n      m.kind === \"bar\"\n        ? box(\n            `mark-${i}`,\n            m.x - 2,\n            m.y - 2,\n            m.width + 4,\n            m.height + 2,\n            css(theme.text, 0.08),\n          )\n        : dot(`mark-${i}`, m.x, m.y, m.size + 2, m.color, {\n            borderWidth: 2,\n            borderColor: background,\n          }),\n    );\n  });\n  if (dragging) {\n    out.push(\n      <View key=\"drag\" {...part(C, \"drag\")} style={StyleSheet.absoluteFill}>\n        {dot(\n          \"ghost\",\n          dragging.x,\n          dragging.y,\n          dragging.size + 2,\n          dragging.color,\n          {\n            opacity: 0.85,\n            borderWidth: 2,\n            borderColor: background,\n          },\n        )}\n      </View>,\n    );\n  }\n  const tip = hover?.tooltip;\n  if (tip && !customTooltip) {\n    const { box: b, lineHeight, padding, content } = tip;\n    const text = css(theme.text);\n    const muted = css(theme.textMuted);\n    const font = (weight: number, color: string): TextStyle => ({\n      fontSize: 12,\n      lineHeight,\n      color,\n      fontWeight: String(weight) as TextStyle[\"fontWeight\"],\n      includeFontPadding: false,\n      ...(family ? { fontFamily: family } : null),\n    });\n    const swatch = (color: string) => (\n      <View\n        style={{\n          width: 8,\n          height: 8,\n          borderRadius: 4,\n          marginRight: 6,\n          backgroundColor: color,\n        }}\n      />\n    );\n    const row: ViewStyle = {\n      height: lineHeight,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    };\n    out.push(\n      <View\n        key=\"tooltip\"\n        {...part(C, \"tooltip\")}\n        style={[\n          tooltipCard(scene),\n          {\n            left: b.x,\n            top: b.y,\n            width: b.width,\n            height: b.height,\n            paddingHorizontal: padding + 1,\n            paddingVertical: padding - 1,\n          },\n        ]}\n      >\n        {tip.text\n          ? tip.text.map((t, i) => (\n              <Text key={i} numberOfLines={1} style={font(400, text)}>\n                {t}\n              </Text>\n            ))\n          : [\n              <View key=\"title\" style={row}>\n                {content.titleColor ? swatch(content.titleColor) : null}\n                <Text\n                  numberOfLines={1}\n                  style={[font(600, text), { flexShrink: 1 }]}\n                >\n                  {content.title}\n                </Text>\n              </View>,\n              ...content.rows.map((r, i) => (\n                <View key={i} style={row}>\n                  {r.color ? swatch(r.color) : null}\n                  <Text\n                    numberOfLines={1}\n                    style={[font(400, muted), { flexShrink: 1 }]}\n                  >\n                    {r.name}\n                  </Text>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      font(600, text),\n                      { flexGrow: 1, marginLeft: 16, textAlign: \"right\" },\n                    ]}\n                  >\n                    {r.value}\n                  </Text>\n                </View>\n              )),\n            ]}\n      </View>,\n    );\n  }\n  return out;\n}\n\n/** Look of the tooltips (default and `renderTooltip` content) */\nexport const tooltipCard = (scene: ChartScene): ViewStyle => ({\n  position: \"absolute\",\n  backgroundColor: css(scene.theme.background),\n  borderColor: css(scene.theme.axis),\n  borderWidth: 1,\n  borderRadius: 8,\n  shadowColor: \"#0f172a\",\n  shadowOpacity: 0.18,\n  shadowRadius: 8,\n  shadowOffset: { width: 0, height: 6 },\n  elevation: 6,\n});\n"],"mappings":"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"}
+{"version":3,"file":"scene.js","names":["_Fragment","SHAPE_BUDGET","C","lineHeightOf","size","slack","measureChartText","text","o","label","lh","pad","w","top","valign","y","horizontal","align","x","frameWidth","Text","extra","key","box","View","color","dot","cx","d","cy","segment","dx","x2","x1","dy","y2","y1","length","width","dashRuns","pattern","dash","v","period","a","b","runs","scale","max","out","at","i","step","dashedLine","start","run","axis","from","crisp","thin","stride","k","lx","ly","areaStrips","n","forward","xs","ys","bs","bottom","baseline","plot","to","column","j","left","c","right","mid","x0","t","primitiveLimits","scene","visible","s","lines","scatters","perLine","maxDots","drawData","primitives","scenePrimitives","options","ox","oy","dotsLeft","barsLeft","p","total","pts","r","count","h","radius","rectOf","xa","xb","ya","yb","textBox","px","py","height","css","toCss","alpha","drawBackground","layout","fs","theme","scales","grid","model","yTicks","xTicks","line","tick","title","lastRight","e","swatch","part","drawForeground","fw","halo","labelHeight","annotations","pos","tx","ty","pointColor","l","clip","drawStatic","Fragment","family","drawHover","background","hover","StyleSheet","m","dragging","tip","customTooltip","muted","font","weight","row","lineHeight","tooltipCard","padding","content"],"sources":["../../../../../native/src/components/Chart/scene.tsx"],"sourcesContent":["// Draws a chart scene (`ChartController.getScene()`) with plain views: no\n// canvas, SVG or native drawing module. The engine already resolves every\n// position in pixels; this file only turns them into absolutely positioned\n// <View> / <Text> elements, keeping the number of views bounded by the size\n// of the chart (lines decimated per column, dots merged per cell, bars\n// merged per pixel column), whatever the size of the data.\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  Text,\n  View,\n  type TextStyle,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  scenePrimitives,\n  toCss,\n  type ChartPrimitive,\n  type ChartRect,\n  type ChartScene,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\n\ntype Rgba = ChartScene[\"theme\"][\"text\"];\ntype Annotation = ChartScene[\"annotations\"][number];\ntype RectAnnotation = Extract<Annotation, { type: \"rect\" }>;\ntype TextAnnotation = Extract<Annotation, { type: \"text\" }>;\ntype Scales = ChartScene[\"layout\"][\"scales\"];\n\n/** Upper bounds of the views drawn for the data of a chart */\nexport const SHAPE_BUDGET = {\n  /** Points of all the lines (one view per segment) */\n  linePoints: 1200,\n  /** Dots of one scatter series before they are merged per cell */\n  dotsPerSeries: 800,\n  /** Dots of all the series */\n  dots: 2000,\n  /** Bars of one series before neighbors are merged per pixel column */\n  barsPerSeries: 600,\n  /** Bars of all the series */\n  bars: 1500,\n  /** Vertical strips filling one area */\n  areaColumns: 200,\n  /** Dashes of one dashed line */\n  dashes: 200,\n} as const;\n\nconst C = \"chart\";\n\n// ------------------------------------------------------------------ text\n\ninterface TextOptions {\n  size: number;\n  color: string;\n  weight?: number;\n  family?: string;\n  /** Halo color: keeps the text readable over the data */\n  halo?: string;\n}\n\ntype Align = \"left\" | \"center\" | \"right\";\ntype VAlign = \"top\" | \"middle\" | \"bottom\";\n\nconst lineHeightOf = (size: number) => Math.ceil(size * 1.35);\n\n/** Box wide enough for the estimated width (the real one may differ) */\nconst slack = (text: string, o: TextOptions) =>\n  Math.ceil(\n    measureChartText(text, `${o.weight ?? 400} ${o.size}px sans-serif`) * 1.4 +\n      o.size * 2,\n  );\n\n/**\n * A one-line text anchored at (x, y) of a container `frameWidth` wide:\n * `left` starts there, `right` ends there, `center` is centered on it;\n * `top` / `bottom` place the em box like the canvas text baselines\n */\nfunction label(\n  key: string,\n  text: string,\n  x: number,\n  y: number,\n  align: Align,\n  valign: VAlign,\n  o: TextOptions,\n  frameWidth: number,\n  extra?: TextStyle,\n): ReactElement {\n  const lh = lineHeightOf(o.size);\n  const pad = (lh - o.size) / 2;\n  const w = slack(text, o);\n  const top =\n    valign === \"top\"\n      ? y - pad\n      : valign === \"bottom\"\n        ? y - lh + pad\n        : y - lh / 2;\n  const horizontal: TextStyle =\n    align === \"left\"\n      ? { left: x, width: w }\n      : align === \"right\"\n        ? { right: frameWidth - x, width: w }\n        : { left: x - w / 2, width: w };\n  return (\n    <Text\n      key={key}\n      numberOfLines={1}\n      style={[\n        {\n          position: \"absolute\",\n          top,\n          ...horizontal,\n          textAlign: align,\n          fontSize: o.size,\n          lineHeight: lh,\n          color: o.color,\n          fontWeight: String(o.weight ?? 400) as TextStyle[\"fontWeight\"],\n          includeFontPadding: false,\n          ...(o.family ? { fontFamily: o.family } : null),\n          ...(o.halo\n            ? {\n                textShadowColor: o.halo,\n                textShadowRadius: 3,\n                textShadowOffset: { width: 0, height: 0 },\n              }\n            : null),\n        },\n        extra,\n      ]}\n    >\n      {text}\n    </Text>\n  );\n}\n\n// ---------------------------------------------------------------- shapes\n\nconst box = (\n  key: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  color: string,\n  extra?: ViewStyle,\n): ReactElement => (\n  <View\n    key={key}\n    style={[\n      {\n        position: \"absolute\",\n        left: x,\n        top: y,\n        width,\n        height,\n        backgroundColor: color,\n      },\n      extra,\n    ]}\n  />\n);\n\nconst dot = (\n  key: string,\n  cx: number,\n  cy: number,\n  d: number,\n  color: string,\n  extra?: ViewStyle,\n) =>\n  box(key, cx - d / 2, cy - d / 2, d, d, color, {\n    borderRadius: d / 2,\n    ...extra,\n  });\n\n/** A straight stroke: one view, rotated around its center */\nconst segment = (\n  key: string,\n  x1: number,\n  y1: number,\n  x2: number,\n  y2: number,\n  width: number,\n  color: string,\n) => {\n  const dx = x2 - x1;\n  const dy = y2 - y1;\n  const length = Math.hypot(dx, dy) + width;\n  return box(\n    key,\n    (x1 + x2) / 2 - length / 2,\n    (y1 + y2) / 2 - width / 2,\n    length,\n    width,\n    color,\n    {\n      borderRadius: width / 2,\n      transform: [{ rotate: `${Math.atan2(dy, dx)}rad` }],\n    },\n  );\n};\n\n/** Dash runs `[start, length]` along a line (canvas `setLineDash` pattern) */\nexport function dashRuns(\n  length: number,\n  dash: readonly number[],\n  max: number = SHAPE_BUDGET.dashes,\n): [number, number][] {\n  let pattern = dash.filter((v) => Number.isFinite(v) && v >= 0);\n  // odd patterns repeat twice, like the canvas\n  if (pattern.length % 2) pattern = [...pattern, ...pattern];\n  const period = pattern.reduce((a, b) => a + b, 0);\n  if (!pattern.length || period <= 0) return [[0, length]];\n  const runs = (length / period) * (pattern.length / 2);\n  const scale = runs > max ? runs / max : 1;\n  const out: [number, number][] = [];\n  let at = 0;\n  for (let i = 0; at < length; i = (i + 1) % pattern.length) {\n    const step = pattern[i] * scale;\n    if (i % 2 === 0 && step > 0) out.push([at, Math.min(step, length - at)]);\n    at += Math.max(step, 0.5);\n  }\n  return out;\n}\n\nconst dashedLine = (\n  key: string,\n  axis: \"x\" | \"y\",\n  at: number,\n  from: number,\n  length: number,\n  width: number,\n  color: string,\n  dash: readonly number[],\n) =>\n  dashRuns(length, dash).map(([start, run], i) =>\n    axis === \"y\"\n      ? box(`${key}-${i}`, from + start, at, run, width, color)\n      : box(`${key}-${i}`, at, from + start, width, run, color),\n  );\n\nconst crisp = (v: number, width = 1) => Math.round(v) + 0.5 - width / 2;\n\n// ------------------------------------------------------------------ data\n\n/** Thins a run of interleaved points to `max` points and drops sub-pixel steps */\nfunction thin(run: readonly number[], max: number): number[] {\n  const n = run.length / 2;\n  const stride = n > max ? Math.ceil(n / max) : 1;\n  const out: number[] = [];\n  for (let i = 0; i < n; i += stride) {\n    const x = run[i * 2];\n    const y = run[i * 2 + 1];\n    const k = out.length;\n    if (k && Math.hypot(x - out[k - 2], y - out[k - 1]) < 1.5) continue;\n    out.push(x, y);\n  }\n  const lx = run[n * 2 - 2];\n  const ly = run[n * 2 - 1];\n  const k = out.length;\n  if (n > 1 && (out[k - 2] !== lx || out[k - 1] !== ly)) out.push(lx, ly);\n  return out;\n}\n\n/** Vertical strips between the line and the baseline (or the stack below), one per column */\nfunction areaStrips(\n  key: string,\n  run: readonly number[],\n  baseline: number,\n  color: string,\n  opacity: number,\n  plot: ChartRect,\n  /** Y pixel of the bottom edge under every point (stacked areas) */\n  bottom?: readonly number[],\n): ReactElement[] {\n  const n = run.length / 2;\n  if (n < 2) return [];\n  // left to right (reversed axes list their points right to left)\n  const forward = run[0] <= run[n * 2 - 2];\n  const at = (i: number) => (forward ? i : n - 1 - i);\n  const xs = (i: number) => run[at(i) * 2];\n  const ys = (i: number) => run[at(i) * 2 + 1];\n  const bs = (i: number) => (bottom ? bottom[at(i)] : baseline);\n  const from = Math.max(plot.x, xs(0));\n  const to = Math.min(plot.x + plot.width, xs(n - 1));\n  if (to <= from) return [];\n  const column = Math.max(2, plot.width / SHAPE_BUDGET.areaColumns);\n  const out: ReactElement[] = [];\n  let j = 0;\n  for (let left = Math.floor(from), c = 0; left < to; c++) {\n    const right = Math.min(Math.ceil(to), Math.round(left + column));\n    const mid = (left + right) / 2;\n    while (j < n - 2 && xs(j + 1) < mid) j++;\n    const x0 = xs(j);\n    const x1 = xs(j + 1);\n    const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));\n    const y = ys(j) + (ys(j + 1) - ys(j)) * t;\n    const b = bs(j) + (bs(j + 1) - bs(j)) * t;\n    if (Number.isFinite(y) && Number.isFinite(b)) {\n      const top = Math.min(y, b);\n      out.push(\n        box(\n          `${key}-${c}`,\n          left - plot.x,\n          top - plot.y,\n          right - left,\n          Math.abs(b - y),\n          color,\n          {\n            opacity,\n          },\n        ),\n      );\n    }\n    left = right;\n  }\n  return out;\n}\n\n/** Limits of `scenePrimitives` for the views budget */\nexport function primitiveLimits(scene: ChartScene) {\n  const { plot } = scene.layout;\n  const visible = scene.model.series.filter((s) => !s.hidden);\n  const lines = visible.filter(\n    (s) => s.type === \"line\" || s.type === \"area\",\n  ).length;\n  const scatters = visible.filter((s) => s.type === \"scatter\").length;\n  const perLine = Math.max(150, SHAPE_BUDGET.linePoints / Math.max(1, lines));\n  const maxDots = Math.max(\n    100,\n    Math.min(\n      SHAPE_BUDGET.dotsPerSeries,\n      SHAPE_BUDGET.dots / Math.max(1, scatters),\n    ),\n  );\n  return {\n    perLine,\n    options: {\n      // decimation keeps up to 4 points per column\n      columnWidth: Math.max(3, (plot.width * 4) / perLine),\n      maxDots,\n      maxBars: SHAPE_BUDGET.barsPerSeries,\n      dotCell: Math.max(\n        4,\n        Math.sqrt((plot.width * plot.height) / maxDots) * 1.15 + 1,\n      ),\n    },\n  };\n}\n\nfunction drawData(scene: ChartScene): ReactElement[] {\n  const { plot } = scene.layout;\n  const { perLine, options } = primitiveLimits(scene);\n  const primitives: ChartPrimitive[] = scenePrimitives(scene, options);\n  const ox = plot.x;\n  const oy = plot.y;\n  const out: ReactElement[] = [];\n  let dotsLeft: number = SHAPE_BUDGET.dots;\n  let barsLeft: number = SHAPE_BUDGET.bars;\n  primitives.forEach((p, k) => {\n    const key = `${p.kind}${p.seriesIndex}-${k}`;\n    if (p.kind === \"area\") {\n      p.segments.forEach((run, r) =>\n        out.push(\n          ...areaStrips(\n            `${key}-${r}`,\n            run,\n            p.baseline,\n            p.color,\n            p.opacity,\n            plot,\n            p.bottoms?.[r],\n          ),\n        ),\n      );\n      return;\n    }\n    if (p.kind === \"line\") {\n      let total = 0;\n      for (const run of p.segments) total += run.length / 2;\n      p.segments.forEach((run, r) => {\n        const pts = thin(\n          run,\n          Math.max(\n            2,\n            Math.round((perLine * run.length) / 2 / Math.max(1, total)),\n          ),\n        );\n        if (pts.length === 2) {\n          out.push(\n            dot(\n              `${key}-${r}`,\n              pts[0] - ox,\n              pts[1] - oy,\n              p.width * 1.5,\n              p.color,\n            ),\n          );\n          return;\n        }\n        for (let i = 0; i + 3 < pts.length; i += 2) {\n          out.push(\n            segment(\n              `${key}-${r}-${i}`,\n              pts[i] - ox,\n              pts[i + 1] - oy,\n              pts[i + 2] - ox,\n              pts[i + 3] - oy,\n              p.width,\n              p.color,\n            ),\n          );\n        }\n      });\n      return;\n    }\n    if (p.kind === \"bars\") {\n      const count = p.rects.length / 4;\n      const stride =\n        count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;\n      for (let i = 0; i < count; i += stride) {\n        const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);\n        const radius = Math.min(p.radius ?? 0, w / 2, h / 2);\n        out.push(\n          box(\n            `${key}-${i}`,\n            x - ox,\n            y - oy,\n            Math.max(w, 0.5),\n            h,\n            p.colors?.[i] ?? p.color,\n            radius > 0.5 ? { borderRadius: radius } : undefined,\n          ),\n        );\n      }\n      barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));\n      return;\n    }\n    const count = p.dots.length / 3;\n    const stride =\n      count > dotsLeft ? Math.ceil(count / Math.max(1, dotsLeft)) : 1;\n    for (let i = 0; i < count; i += stride) {\n      out.push(\n        dot(\n          `${key}-${i}`,\n          p.dots[i * 3] - ox,\n          p.dots[i * 3 + 1] - oy,\n          p.dots[i * 3 + 2],\n          p.colors[i],\n          {\n            opacity: p.opacity,\n          },\n        ),\n      );\n    }\n    dotsLeft = Math.max(0, dotsLeft - Math.ceil(count / stride));\n  });\n  return out;\n}\n\n// ------------------------------------------------------------ background\n\nconst rectOf = (a: RectAnnotation, s: Scales): ChartRect => {\n  const { plot } = s;\n  const xa = a.x0 === undefined ? -Infinity : s.xToPx(a.x0);\n  const xb = a.x1 === undefined ? Infinity : s.xToPx(a.x1);\n  const ya = a.y0 === undefined ? Infinity : s.yToPx(a.y0);\n  const yb = a.y1 === undefined ? -Infinity : s.yToPx(a.y1);\n  const left = Math.max(plot.x, Math.min(xa, xb));\n  const right = Math.min(plot.x + plot.width, Math.max(xa, xb));\n  const top = Math.max(plot.y, Math.min(ya, yb));\n  const bottom = Math.min(plot.y + plot.height, Math.max(ya, yb));\n  return { x: left, y: top, width: right - left, height: bottom - top };\n};\n\n/** Box of a text annotation, kept inside the plot (engine `textBox`) */\nconst textBox = (\n  a: TextAnnotation,\n  s: Scales,\n  width: number,\n  height: number,\n): ChartRect => {\n  const { plot } = s;\n  const px = a.x === undefined ? plot.x + plot.width / 2 : s.xToPx(a.x);\n  const py = a.y === undefined ? plot.y + plot.height / 2 : s.yToPx(a.y);\n  const gap = 6;\n  let x = px - width / 2;\n  let y = py - height / 2;\n  if (a.anchor === \"top\") y = py + gap;\n  else if (a.anchor === \"bottom\") y = py - gap - height;\n  else if (a.anchor === \"left\") x = px + gap;\n  else if (a.anchor === \"right\") x = px - gap - width;\n  x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));\n  y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));\n  return { x, y, width, height };\n};\n\nconst css = (c: Rgba, alpha?: number) => toCss(c, alpha);\n\nfunction drawBackground(scene: ChartScene, family?: string): ReactElement[] {\n  const { width, theme, model, layout, annotations } = scene;\n  const { plot, scales, xTicks, yTicks } = layout;\n  const fs = theme.fontSize;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\") return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    out.push(\n      box(`area-${i}`, r.x, r.y, r.width, r.height, css(a.color, a.opacity)),\n    );\n  });\n\n  const grid = css(theme.grid);\n  if (model.y.grid) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) return;\n      out.push(box(`ygrid-${i}`, plot.x, crisp(py), plot.width, 1, grid));\n    });\n  }\n  if (model.x.grid) {\n    xTicks.values.forEach((v, i) => {\n      const px = scales.xToPx(v);\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) return;\n      out.push(box(`xgrid-${i}`, crisp(px), plot.y, 1, plot.height, grid));\n    });\n  }\n\n  const line = Math.ceil(fs * 1.4);\n  const tick: TextOptions = { size: fs, color: css(theme.textMuted), family };\n  const title: TextOptions = {\n    size: fs + 1,\n    weight: 500,\n    color: css(theme.text, 0.8),\n    family,\n  };\n  const bottom = plot.y + plot.height;\n\n  if (model.x.visible) {\n    out.push(\n      box(\"xaxis\", plot.x, crisp(bottom), plot.width, 1, css(theme.axis)),\n    );\n    let lastRight = -Infinity;\n    xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] ?? \"\" }))\n      .sort((a, b) => a.px - b.px)\n      .forEach(({ px, text }, i) => {\n        if (!text || px < plot.x - 0.5 || px > plot.x + plot.width + 0.5)\n          return;\n        const w = measureChartText(text, `400 ${fs}px sans-serif`);\n        const left = Math.max(0, Math.min(width - w, px - w / 2));\n        if (left < lastRight + 6) return;\n        lastRight = left + w;\n        out.push(\n          label(\n            `xtick-${i}`,\n            text,\n            left + w / 2,\n            bottom + 7,\n            \"center\",\n            \"top\",\n            tick,\n            width,\n          ),\n        );\n      });\n    if (model.x.title)\n      out.push(\n        label(\n          \"xtitle\",\n          model.x.title,\n          plot.x + plot.width / 2,\n          bottom + line + 10,\n          \"center\",\n          \"top\",\n          title,\n          width,\n        ),\n      );\n  }\n\n  if (model.y.visible) {\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      const text = yTicks.labels[i];\n      if (!text || py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      out.push(\n        label(\n          `ytick-${i}`,\n          text,\n          plot.x - 8,\n          py,\n          \"right\",\n          \"middle\",\n          tick,\n          width,\n        ),\n      );\n    });\n    if (model.y.title)\n      out.push(\n        label(\n          \"ytitle\",\n          model.y.title,\n          line / 2 + 4,\n          plot.y + plot.height / 2,\n          \"center\",\n          \"middle\",\n          title,\n          width,\n          {\n            transform: [{ rotate: \"-90deg\" }],\n          },\n        ),\n      );\n  }\n\n  if (scene.legend) {\n    for (const e of scene.legend.entries) {\n      // coordinates relative to the entry box\n      const cy = e.box.height / 2;\n      const swatch =\n        e.shape === \"dot\"\n          ? dot(\"swatch\", 5, cy, 8, e.color)\n          : e.shape === \"line\"\n            ? box(\"swatch\", 0, cy - 1, 10, 2, e.color)\n            : box(\"swatch\", 1, cy - 4, 8, 8, e.color);\n      out.push(\n        <View\n          key={`legend-${e.id}`}\n          style={{\n            position: \"absolute\",\n            left: e.box.x,\n            top: e.box.y,\n            width: e.box.width,\n            height: e.box.height,\n            opacity: e.hidden ? 0.45 : 1,\n          }}\n          {...part(C, \"legend-item\", { hidden: e.hidden })}\n        >\n          {swatch}\n          {label(\n            \"name\",\n            e.name,\n            14,\n            cy,\n            \"left\",\n            \"middle\",\n            { size: 12, color: css(theme.textMuted), family },\n            e.box.width,\n            e.hidden ? { textDecorationLine: \"line-through\" } : undefined,\n          )}\n        </View>,\n      );\n    }\n  }\n  return out;\n}\n\n// ------------------------------------------------------------ foreground\n\nfunction drawForeground(scene: ChartScene, family?: string): ReactElement[] {\n  const { theme, annotations, layout } = scene;\n  const { plot, scales } = layout;\n  const fs = theme.fontSize;\n  const ox = plot.x;\n  const oy = plot.y;\n  const fw = plot.width;\n  const halo = css(theme.background, 0.9);\n  const labelHeight = fs + 4;\n  const out: ReactElement[] = [];\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"line\") return;\n    const color = css(a.color);\n    if (a.axis === \"y\") {\n      const py = scales.yToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"y\",\n          crisp(py, a.width) - oy,\n          0,\n          plot.width,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            plot.width - 6,\n            py - 3 - oy,\n            \"right\",\n            \"bottom\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    } else {\n      const px = scales.xToPx(a.value);\n      out.push(\n        ...dashedLine(\n          `line-${i}`,\n          \"x\",\n          crisp(px, a.width) - ox,\n          0,\n          plot.height,\n          a.width,\n          color,\n          a.dash,\n        ),\n      );\n      if (a.label)\n        out.push(\n          label(\n            `line-label-${i}`,\n            a.label,\n            px + 5 - ox,\n            5,\n            \"left\",\n            \"top\",\n            { size: fs, weight: 500, color, halo, family },\n            fw,\n          ),\n        );\n    }\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"rect\" || !a.label) return;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) return;\n    const pad = 10;\n    const pos = a.labelPosition;\n    const align: Align = pos.endsWith(\"left\")\n      ? \"left\"\n      : pos.endsWith(\"right\")\n        ? \"right\"\n        : \"center\";\n    const tx =\n      align === \"left\"\n        ? r.x + pad\n        : align === \"right\"\n          ? r.x + r.width - pad\n          : r.x + r.width / 2;\n    const ty = pos.startsWith(\"top\")\n      ? r.y + pad\n      : pos.startsWith(\"bottom\")\n        ? r.y + r.height - pad - labelHeight\n        : r.y + (r.height - labelHeight) / 2;\n    out.push(\n      label(\n        `area-label-${i}`,\n        a.label,\n        tx - ox,\n        ty - oy,\n        align,\n        \"top\",\n        { size: fs + 1, weight: 600, color: css(a.labelColor), family },\n        fw,\n      ),\n    );\n  });\n\n  annotations.forEach((a, i) => {\n    if (a.type !== \"text\" || !a.text) return;\n    const w = measureChartText(a.text, `${a.weight} ${fs}px sans-serif`);\n    const b = textBox(a, scales, w, labelHeight);\n    out.push(\n      label(\n        `text-${i}`,\n        a.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, weight: a.weight, color: css(a.color), halo, family },\n        fw,\n      ),\n    );\n  });\n\n  const pointColor = css(theme.text, 0.85);\n  scene.pointLabels.forEach(({ label: l, box: b }, i) => {\n    out.push(\n      label(\n        `point-label-${i}`,\n        l.text,\n        b.x - ox,\n        b.y + b.height / 2 - oy,\n        \"left\",\n        \"middle\",\n        { size: fs, color: pointColor, halo, family },\n        fw,\n      ),\n    );\n  });\n  return out;\n}\n\nconst clip = (plot: ChartRect): ViewStyle => ({\n  position: \"absolute\",\n  left: plot.x,\n  top: plot.y,\n  width: plot.width,\n  height: plot.height,\n  overflow: \"hidden\",\n});\n\n/**\n * Everything but the hover state: axes, grid, legend, annotations, data and\n * labels (cached by the caller while the model, view and size are the same)\n */\nexport function drawStatic(scene: ChartScene, family?: string): ReactNode {\n  const { plot } = scene.layout;\n  return (\n    <>\n      {drawBackground(scene, family)}\n      <View key=\"data\" style={clip(plot)} {...part(C, \"data\")}>\n        {drawData(scene)}\n      </View>\n      <View key=\"labels\" style={clip(plot)} {...part(C, \"labels\")}>\n        {drawForeground(scene, family)}\n      </View>\n    </>\n  );\n}\n\n/** Crosshair, highlighted points, dragged point and the default tooltip */\nexport function drawHover(\n  scene: ChartScene,\n  family: string | undefined,\n  customTooltip: boolean,\n): ReactNode {\n  const { theme, layout, hover, dragging } = scene;\n  const { plot } = layout;\n  const background = css(theme.background);\n  const out: ReactElement[] = [];\n  if (hover && hover.crosshairX !== null) {\n    out.push(\n      <View\n        key=\"crosshair\"\n        style={StyleSheet.absoluteFill}\n        {...part(C, \"crosshair\")}\n      >\n        {dashedLine(\n          \"dash\",\n          \"x\",\n          Math.round(hover.crosshairX),\n          plot.y,\n          plot.height,\n          1,\n          css(theme.textMuted, 0.55),\n          [3, 3],\n        )}\n      </View>,\n    );\n  }\n  hover?.marks.forEach((m, i) => {\n    if (m.kind === \"band\") {\n      out.push(\n        box(`mark-${i}`, m.x, m.y, m.width, m.height, css(theme.text, 0.05), {\n          borderRadius: 6,\n        }),\n      );\n      return;\n    }\n    if (m.kind === \"cell\") {\n      out.push(\n        box(\n          `mark-${i}`,\n          m.x - 1.5,\n          m.y - 1.5,\n          m.width + 3,\n          m.height + 3,\n          \"transparent\",\n          {\n            borderRadius: 4,\n            borderWidth: 1.5,\n            borderColor: css(theme.text, 0.55),\n          },\n        ),\n      );\n      return;\n    }\n    // soft halo, then the dot with a thin ring in the background color\n    out.push(\n      dot(`halo-${i}`, m.x, m.y, m.size + 8, m.halo),\n      dot(`mark-${i}`, m.x, m.y, m.size, m.color, {\n        borderWidth: 2,\n        borderColor: background,\n      }),\n    );\n  });\n  if (dragging) {\n    out.push(\n      <View key=\"drag\" {...part(C, \"drag\")} style={StyleSheet.absoluteFill}>\n        {dot(\n          \"ghost\",\n          dragging.x,\n          dragging.y,\n          dragging.size + 2,\n          dragging.color,\n          {\n            opacity: 0.85,\n            borderWidth: 2,\n            borderColor: background,\n          },\n        )}\n      </View>,\n    );\n  }\n  const tip = hover?.tooltip;\n  if (tip && !customTooltip) {\n    const { box: b, lineHeight, padding, content } = tip;\n    const text = css(theme.text);\n    const muted = css(theme.textMuted);\n    const font = (weight: number, color: string): TextStyle => ({\n      fontSize: 12,\n      lineHeight,\n      color,\n      fontWeight: String(weight) as TextStyle[\"fontWeight\"],\n      includeFontPadding: false,\n      ...(family ? { fontFamily: family } : null),\n    });\n    const swatch = (color: string) => (\n      <View\n        style={{\n          width: 8,\n          height: 8,\n          borderRadius: 4,\n          marginRight: 6,\n          backgroundColor: color,\n        }}\n      />\n    );\n    const row: ViewStyle = {\n      height: lineHeight,\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    };\n    out.push(\n      <View\n        key=\"tooltip\"\n        {...part(C, \"tooltip\")}\n        style={[\n          tooltipCard(scene),\n          {\n            left: b.x,\n            top: b.y,\n            width: b.width,\n            height: b.height,\n            paddingHorizontal: padding + 1,\n            paddingVertical: padding - 1,\n          },\n        ]}\n      >\n        {tip.text\n          ? tip.text.map((t, i) => (\n              <Text key={i} numberOfLines={1} style={font(400, text)}>\n                {t}\n              </Text>\n            ))\n          : [\n              <View key=\"title\" style={row}>\n                {content.titleColor ? swatch(content.titleColor) : null}\n                <Text\n                  numberOfLines={1}\n                  style={[font(600, text), { flexShrink: 1 }]}\n                >\n                  {content.title}\n                </Text>\n              </View>,\n              ...content.rows.map((r, i) => (\n                <View key={i} style={row}>\n                  {r.color ? swatch(r.color) : null}\n                  <Text\n                    numberOfLines={1}\n                    style={[font(400, muted), { flexShrink: 1 }]}\n                  >\n                    {r.name}\n                  </Text>\n                  <Text\n                    numberOfLines={1}\n                    style={[\n                      font(600, text),\n                      { flexGrow: 1, marginLeft: 16, textAlign: \"right\" },\n                    ]}\n                  >\n                    {r.value}\n                  </Text>\n                </View>\n              )),\n            ]}\n      </View>,\n    );\n  }\n  return out;\n}\n\n/** Look of the tooltips (default and `renderTooltip` content) */\nexport const tooltipCard = (scene: ChartScene): ViewStyle => ({\n  position: \"absolute\",\n  backgroundColor: css(scene.theme.background),\n  borderColor: css(scene.theme.axis),\n  borderWidth: 1,\n  borderRadius: 8,\n  shadowColor: \"#0f172a\",\n  shadowOpacity: 0.18,\n  shadowRadius: 8,\n  shadowOffset: { width: 0, height: 6 },\n  elevation: 6,\n});\n"],"mappings":"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"}

package/dist/native/source/components/Chart/scene.tsx

@@ -264,7 +264,7 @@ function thin(run: readonly number[], max: number): number[] {
   return out;
 }
 
-/** Vertical strips between the line and the baseline, one per column */
+/** Vertical strips between the line and the baseline (or the stack below), one per column */
 function areaStrips(
   key: string,
   run: readonly number[],
@@ -272,13 +272,17 @@ function areaStrips(
   color: string,
   opacity: number,
   plot: ChartRect,
+  /** Y pixel of the bottom edge under every point (stacked areas) */
+  bottom?: readonly number[],
 ): ReactElement[] {
   const n = run.length / 2;
   if (n < 2) return [];
   // left to right (reversed axes list their points right to left)
   const forward = run[0] <= run[n * 2 - 2];
-  const xs = (i: number) => run[(forward ? i : n - 1 - i) * 2];
-  const ys = (i: number) => run[(forward ? i : n - 1 - i) * 2 + 1];
+  const at = (i: number) => (forward ? i : n - 1 - i);
+  const xs = (i: number) => run[at(i) * 2];
+  const ys = (i: number) => run[at(i) * 2 + 1];
+  const bs = (i: number) => (bottom ? bottom[at(i)] : baseline);
   const from = Math.max(plot.x, xs(0));
   const to = Math.min(plot.x + plot.width, xs(n - 1));
   if (to <= from) return [];
@@ -293,15 +297,16 @@ function areaStrips(
     const x1 = xs(j + 1);
     const t = x1 === x0 ? 0 : Math.max(0, Math.min(1, (mid - x0) / (x1 - x0)));
     const y = ys(j) + (ys(j + 1) - ys(j)) * t;
-    if (Number.isFinite(y)) {
-      const top = Math.min(y, baseline);
+    const b = bs(j) + (bs(j + 1) - bs(j)) * t;
+    if (Number.isFinite(y) && Number.isFinite(b)) {
+      const top = Math.min(y, b);
       out.push(
         box(
           `${key}-${c}`,
           left - plot.x,
           top - plot.y,
           right - left,
-          Math.abs(baseline - y),
+          Math.abs(b - y),
           color,
           {
             opacity,
@@ -366,6 +371,7 @@ function drawData(scene: ChartScene): ReactElement[] {
             p.color,
             p.opacity,
             plot,
+            p.bottoms?.[r],
           ),
         ),
       );
@@ -416,8 +422,17 @@ function drawData(scene: ChartScene): ReactElement[] {
         count > barsLeft ? Math.ceil(count / Math.max(1, barsLeft)) : 1;
       for (let i = 0; i < count; i += stride) {
         const [x, y, w, h] = p.rects.slice(i * 4, i * 4 + 4);
+        const radius = Math.min(p.radius ?? 0, w / 2, h / 2);
         out.push(
-          box(`${key}-${i}`, x - ox, y - oy, Math.max(w, 0.5), h, p.color),
+          box(
+            `${key}-${i}`,
+            x - ox,
+            y - oy,
+            Math.max(w, 0.5),
+            h,
+            p.colors?.[i] ?? p.color,
+            radius > 0.5 ? { borderRadius: radius } : undefined,
+          ),
         );
       }
       barsLeft = Math.max(0, barsLeft - Math.ceil(count / stride));
@@ -850,20 +865,39 @@ export function drawHover(
     );
   }
   hover?.marks.forEach((m, i) => {
+    if (m.kind === "band") {
+      out.push(
+        box(`mark-${i}`, m.x, m.y, m.width, m.height, css(theme.text, 0.05), {
+          borderRadius: 6,
+        }),
+      );
+      return;
+    }
+    if (m.kind === "cell") {
+      out.push(
+        box(
+          `mark-${i}`,
+          m.x - 1.5,
+          m.y - 1.5,
+          m.width + 3,
+          m.height + 3,
+          "transparent",
+          {
+            borderRadius: 4,
+            borderWidth: 1.5,
+            borderColor: css(theme.text, 0.55),
+          },
+        ),
+      );
+      return;
+    }
+    // soft halo, then the dot with a thin ring in the background color
     out.push(
-      m.kind === "bar"
-        ? box(
-            `mark-${i}`,
-            m.x - 2,
-            m.y - 2,
-            m.width + 4,
-            m.height + 2,
-            css(theme.text, 0.08),
-          )
-        : dot(`mark-${i}`, m.x, m.y, m.size + 2, m.color, {
-            borderWidth: 2,
-            borderColor: background,
-          }),
+      dot(`halo-${i}`, m.x, m.y, m.size + 8, m.halo),
+      dot(`mark-${i}`, m.x, m.y, m.size, m.color, {
+        borderWidth: 2,
+        borderColor: background,
+      }),
     );
   });
   if (dragging) {