minerva-design 1.1.0 → 1.3.0

package/dist/charts/engine/overlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.cjs","names":["toCss","require_color","font","theme","weight","size","crisp","v","rectOf","s","xa","a","xb","ya","yb","left","plot","right","top","bottom","drawBackground","input","scales","ctx","r","y","yTicks","py","x","xTicks","px","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","box","height","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\nconst rectOf = (a: ResolvedRect, s: Scales): Rect => {\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\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const candidates: Rect[] = [\n      { x: label.x + gap, y: label.y - height / 2, width: w, height },\n      { x: label.x - gap - w, y: label.y - height / 2, width: w, height },\n      { x: label.x - w / 2, y: label.y - gap - height, width: w, height },\n      { x: label.x - w / 2, y: label.y + gap, width: w, height },\n    ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 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    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}
+{"version":3,"file":"overlay.cjs","names":["toCss","require_color","font","theme","weight","size","crisp","v","textBox","s","px","a","plot","py","x","width","y","height","rectOf","xa","xb","ya","yb","left","right","top","bottom","drawBackground","input","scales","ctx","r","yTicks","xTicks","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","above","below","box","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport interface ResolvedText {\n  type: \"text\";\n  x?: number;\n  y?: number;\n  text: string;\n  anchor: \"center\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n  color: Rgba;\n  weight: number;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n  /** Fixed side (bar values); any free side around the dot otherwise */\n  placement?: \"above\" | \"below\";\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\n/** Box of a text annotation, kept inside the plot */\nexport const textBox = (\n  a: ResolvedText,\n  s: Scales,\n  width: number,\n  height: number,\n): Rect => {\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 rectOf = (a: ResolvedRect, s: Scales): Rect => {\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\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const above = {\n      x: label.x - w / 2,\n      y: label.y - gap - height,\n      width: w,\n      height,\n    };\n    const below = { x: label.x - w / 2, y: label.y + gap, width: w, height };\n    const candidates: Rect[] =\n      label.placement === \"above\"\n        ? [above]\n        : label.placement === \"below\"\n          ? [below]\n          : [\n              { x: label.x + gap, y: label.y - height / 2, width: w, height },\n              {\n                x: label.x - gap - w,\n                y: label.y - height / 2,\n                width: w,\n                height,\n              },\n              above,\n              below,\n            ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n  /**\n   * Clears the canvas first (off when the layers share one canvas)\n   * @default true\n   */\n  clear?: boolean;\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  if (input.clear !== false) ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 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    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // free texts\n  for (const a of input.annotations) {\n    if (a.type !== \"text\" || !a.text) continue;\n    ctx.font = font(theme, theme.fontSize, a.weight);\n    const box = textBox(a, scales, ctx.measureText(a.text).width, labelHeight);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    haloText(ctx, a.text, box.x, box.y + box.height / 2, toCss(a.color), halo);\n    occupied.push(box);\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}

package/dist/charts/engine/overlay.d.cts

@@ -25,15 +25,28 @@ export interface ResolvedLine {
     dash: number[];
     label?: string;
 }
-export type ResolvedAnnotation = ResolvedRect | ResolvedLine;
+export interface ResolvedText {
+    type: "text";
+    x?: number;
+    y?: number;
+    text: string;
+    anchor: "center" | "top" | "bottom" | "left" | "right";
+    color: Rgba;
+    weight: number;
+}
+export type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;
 export interface PointLabel {
     x: number;
     y: number;
     /** Radius of the dot */
     r: number;
     text: string;
+    /** Fixed side (bar values); any free side around the dot otherwise */
+    placement?: "above" | "below";
 }
 export declare const font: (theme: ChartTheme, size?: number, weight?: number) => string;
+/** Box of a text annotation, kept inside the plot */
+export declare const textBox: (a: ResolvedText, s: Scales, width: number, height: number) => Rect;
 export interface BackgroundInput {
     width: number;
     height: number;
@@ -58,5 +71,10 @@ export interface ForegroundInput {
     theme: ChartTheme;
     annotations: readonly ResolvedAnnotation[];
     pointLabels: readonly PointLabel[];
+    /**
+     * Clears the canvas first (off when the layers share one canvas)
+     * @default true
+     */
+    clear?: boolean;
 }
 export declare const drawForeground: (ctx: CanvasRenderingContext2D, input: ForegroundInput) => void;

package/dist/charts/engine/overlay.d.ts

@@ -25,15 +25,28 @@ export interface ResolvedLine {
     dash: number[];
     label?: string;
 }
-export type ResolvedAnnotation = ResolvedRect | ResolvedLine;
+export interface ResolvedText {
+    type: "text";
+    x?: number;
+    y?: number;
+    text: string;
+    anchor: "center" | "top" | "bottom" | "left" | "right";
+    color: Rgba;
+    weight: number;
+}
+export type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;
 export interface PointLabel {
     x: number;
     y: number;
     /** Radius of the dot */
     r: number;
     text: string;
+    /** Fixed side (bar values); any free side around the dot otherwise */
+    placement?: "above" | "below";
 }
 export declare const font: (theme: ChartTheme, size?: number, weight?: number) => string;
+/** Box of a text annotation, kept inside the plot */
+export declare const textBox: (a: ResolvedText, s: Scales, width: number, height: number) => Rect;
 export interface BackgroundInput {
     width: number;
     height: number;
@@ -58,5 +71,10 @@ export interface ForegroundInput {
     theme: ChartTheme;
     annotations: readonly ResolvedAnnotation[];
     pointLabels: readonly PointLabel[];
+    /**
+     * Clears the canvas first (off when the layers share one canvas)
+     * @default true
+     */
+    clear?: boolean;
 }
 export declare const drawForeground: (ctx: CanvasRenderingContext2D, input: ForegroundInput) => void;

package/dist/charts/engine/overlay.js

@@ -1,6 +1,14 @@
 import { toCss as e } from "./color.js";
 //#region src/engine/overlay.ts
-var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) => Math.round(e) + .5, r = (e, t) => {
+var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) => Math.round(e) + .5, r = (e, t, n, r) => {
+	let { plot: i } = t, a = e.x === void 0 ? i.x + i.width / 2 : t.xToPx(e.x), o = e.y === void 0 ? i.y + i.height / 2 : t.yToPx(e.y), s = a - n / 2, c = o - r / 2;
+	return e.anchor === "top" ? c = o + 6 : e.anchor === "bottom" ? c = o - 6 - r : e.anchor === "left" ? s = a + 6 : e.anchor === "right" && (s = a - 6 - n), s = Math.max(i.x + 6, Math.min(s, i.x + i.width - 6 - n)), c = Math.max(i.y + 2, Math.min(c, i.y + i.height - 2 - r)), {
+		x: s,
+		y: c,
+		width: n,
+		height: r
+	};
+}, i = (e, t) => {
 	let { plot: n } = t, r = e.x0 === void 0 ? -Infinity : t.xToPx(e.x0), i = e.x1 === void 0 ? Infinity : t.xToPx(e.x1), a = e.y0 === void 0 ? Infinity : t.yToPx(e.y0), o = e.y1 === void 0 ? -Infinity : t.yToPx(e.y1), s = Math.max(n.x, Math.min(r, i)), c = Math.min(n.x + n.width, Math.max(r, i)), l = Math.max(n.y, Math.min(a, o)), u = Math.min(n.y + n.height, Math.max(a, o));
 	return {
 		x: s,
@@ -8,49 +16,59 @@ var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) =
 		width: c - s,
 		height: u - l
 	};
-}, i = (i, a) => {
+}, a = (r, a) => {
 	let { scales: o, theme: s, x: c, y: l, xTicks: u, yTicks: d } = a, { plot: f } = o;
-	i.clearRect(0, 0, a.width, a.height), i.save(), i.beginPath(), i.rect(f.x, f.y, f.width, f.height), i.clip();
+	r.clearRect(0, 0, a.width, a.height), r.save(), r.beginPath(), r.rect(f.x, f.y, f.width, f.height), r.clip();
 	for (let t of a.annotations) {
 		if (t.type !== "rect") continue;
-		let n = r(t, o);
-		n.width <= 0 || n.height <= 0 || (i.fillStyle = e(t.color, t.opacity), i.fillRect(n.x, n.y, n.width, n.height));
+		let n = i(t, o);
+		n.width <= 0 || n.height <= 0 || (r.fillStyle = e(t.color, t.opacity), r.fillRect(n.x, n.y, n.width, n.height));
 	}
-	if (i.restore(), i.lineWidth = 1, i.strokeStyle = e(s.grid), i.beginPath(), l.grid) for (let e of d.values) {
+	if (r.restore(), r.lineWidth = 1, r.strokeStyle = e(s.grid), r.beginPath(), l.grid) for (let e of d.values) {
 		let t = n(o.yToPx(e));
-		t < f.y - 1 || t > f.y + f.height + 1 || (i.moveTo(f.x, t), i.lineTo(f.x + f.width, t));
+		t < f.y - 1 || t > f.y + f.height + 1 || (r.moveTo(f.x, t), r.lineTo(f.x + f.width, t));
 	}
 	if (c.grid) for (let e of u.values) {
 		let t = n(o.xToPx(e));
-		t < f.x - 1 || t > f.x + f.width + 1 || (i.moveTo(t, f.y), i.lineTo(t, f.y + f.height));
+		t < f.x - 1 || t > f.x + f.width + 1 || (r.moveTo(t, f.y), r.lineTo(t, f.y + f.height));
 	}
-	i.stroke();
+	r.stroke();
 	let p = Math.ceil(s.fontSize * 1.4);
-	if (i.font = t(s), i.fillStyle = e(s.textMuted), c.visible) {
-		i.strokeStyle = e(s.axis), i.beginPath();
-		let r = n(f.y + f.height);
-		i.moveTo(f.x, r), i.lineTo(f.x + f.width, r), i.stroke(), i.textBaseline = "top", i.textAlign = "center";
+	if (r.font = t(s), r.fillStyle = e(s.textMuted), c.visible) {
+		r.strokeStyle = e(s.axis), r.beginPath();
+		let i = n(f.y + f.height);
+		r.moveTo(f.x, i), r.lineTo(f.x + f.width, i), r.stroke(), r.textBaseline = "top", r.textAlign = "center";
 		let l = -Infinity, d = u.values.map((e, t) => ({
 			px: o.xToPx(e),
 			text: u.labels[t]
 		})).sort((e, t) => e.px - t.px);
 		for (let { px: e, text: t } of d) {
 			if (e < f.x - .5 || e > f.x + f.width + .5) continue;
-			let n = i.measureText(t).width, r = Math.max(0, Math.min(a.width - n, e - n / 2));
-			r < l + 6 || (l = r + n, i.fillText(t, r + n / 2, f.y + f.height + 7));
+			let n = r.measureText(t).width, i = Math.max(0, Math.min(a.width - n, e - n / 2));
+			i < l + 6 || (l = i + n, r.fillText(t, i + n / 2, f.y + f.height + 7));
 		}
-		c.title && (i.font = t(s, s.fontSize + 1, 500), i.fillStyle = e(s.text, .8), i.fillText(c.title, f.x + f.width / 2, f.y + f.height + p + 10));
+		c.title && (r.font = t(s, s.fontSize + 1, 500), r.fillStyle = e(s.text, .8), r.fillText(c.title, f.x + f.width / 2, f.y + f.height + p + 10));
 	}
-	l.visible && (i.font = t(s), i.fillStyle = e(s.textMuted), i.textAlign = "right", i.textBaseline = "middle", d.values.forEach((e, t) => {
+	l.visible && (r.font = t(s), r.fillStyle = e(s.textMuted), r.textAlign = "right", r.textBaseline = "middle", d.values.forEach((e, t) => {
 		let n = o.yToPx(e);
-		n < f.y - .5 || n > f.y + f.height + .5 || i.fillText(d.labels[t], f.x - 8, n);
-	}), l.title && (i.save(), i.font = t(s, s.fontSize + 1, 500), i.fillStyle = e(s.text, .8), i.translate(p / 2 + 4, f.y + f.height / 2), i.rotate(-Math.PI / 2), i.textAlign = "center", i.fillText(l.title, 0, 0), i.restore()));
-}, a = (e, t) => e.x < t.x + t.width && t.x < e.x + e.width && e.y < t.y + t.height && t.y < e.y + e.height, o = (e, t) => e.x >= t.x && e.y >= t.y && e.x + e.width <= t.x + t.width && e.y + e.height <= t.y + t.height, s = (e, t, n, r, i, a) => {
+		n < f.y - .5 || n > f.y + f.height + .5 || r.fillText(d.labels[t], f.x - 8, n);
+	}), l.title && (r.save(), r.font = t(s, s.fontSize + 1, 500), r.fillStyle = e(s.text, .8), r.translate(p / 2 + 4, f.y + f.height / 2), r.rotate(-Math.PI / 2), r.textAlign = "center", r.fillText(l.title, 0, 0), r.restore()));
+}, o = (e, t) => e.x < t.x + t.width && t.x < e.x + e.width && e.y < t.y + t.height && t.y < e.y + e.height, s = (e, t) => e.x >= t.x && e.y >= t.y && e.x + e.width <= t.x + t.width && e.y + e.height <= t.y + t.height, c = (e, t, n, r, i, a) => {
 	e.lineWidth = 3, e.lineJoin = "round", e.strokeStyle = a, e.strokeText(t, n, r), e.fillStyle = i, e.fillText(t, n, r);
-}, c = (e, t, n, r, i = []) => {
-	let s = [];
+}, l = (e, t, n, r, i = []) => {
+	let a = [];
 	for (let c of e) {
-		let e = n(c.text), l = c.r + 4, u = [
+		let e = n(c.text), l = c.r + 4, u = {
+			x: c.x - e / 2,
+			y: c.y - l - r,
+			width: e,
+			height: r
+		}, d = {
+			x: c.x - e / 2,
+			y: c.y + l,
+			width: e,
+			height: r
+		}, f = (c.placement === "above" ? [u] : c.placement === "below" ? [d] : [
 			{
 				x: c.x + l,
 				y: c.y - r / 2,
@@ -63,61 +81,57 @@ var t = (e, t = e.fontSize, n = 400) => `${n} ${t}px ${e.fontFamily}`, n = (e) =
 				width: e,
 				height: r
 			},
-			{
-				x: c.x - e / 2,
-				y: c.y - l - r,
-				width: e,
-				height: r
-			},
-			{
-				x: c.x - e / 2,
-				y: c.y + l,
-				width: e,
-				height: r
-			}
-		].find((e) => o(e, t) && !i.some((t) => a(t, e)));
-		u && (i.push(u), s.push({
+			u,
+			d
+		]).find((e) => s(e, t) && !i.some((t) => o(t, e)));
+		f && (i.push(f), a.push({
 			label: c,
-			box: u
+			box: f
 		}));
 	}
-	return s;
-}, l = (i, a) => {
-	let { scales: o, theme: l } = a, { plot: u } = o;
-	i.clearRect(0, 0, a.width, a.height), i.save(), i.beginPath(), i.rect(u.x, u.y, u.width, u.height), i.clip();
-	let d = e(l.background, .9), f = [], p = l.fontSize + 4;
-	for (let r of a.annotations) {
+	return a;
+}, u = (a, o) => {
+	let { scales: s, theme: u } = o, { plot: d } = s;
+	o.clear !== !1 && a.clearRect(0, 0, o.width, o.height), a.save(), a.beginPath(), a.rect(d.x, d.y, d.width, d.height), a.clip();
+	let f = e(u.background, .9), p = [], m = u.fontSize + 4;
+	for (let r of o.annotations) {
 		if (r.type !== "line") continue;
-		let a = e(r.color);
-		if (i.strokeStyle = a, i.lineWidth = r.width, i.setLineDash(r.dash), i.beginPath(), r.axis === "y") {
-			let e = n(o.yToPx(r.value));
-			i.moveTo(u.x, e), i.lineTo(u.x + u.width, e), i.stroke(), r.label && (i.setLineDash([]), i.font = t(l, l.fontSize, 500), i.textAlign = "right", i.textBaseline = "bottom", s(i, r.label, u.x + u.width - 6, e - 3, a, d));
+		let i = e(r.color);
+		if (a.strokeStyle = i, a.lineWidth = r.width, a.setLineDash(r.dash), a.beginPath(), r.axis === "y") {
+			let e = n(s.yToPx(r.value));
+			a.moveTo(d.x, e), a.lineTo(d.x + d.width, e), a.stroke(), r.label && (a.setLineDash([]), a.font = t(u, u.fontSize, 500), a.textAlign = "right", a.textBaseline = "bottom", c(a, r.label, d.x + d.width - 6, e - 3, i, f));
 		} else {
-			let e = n(o.xToPx(r.value));
-			i.moveTo(e, u.y), i.lineTo(e, u.y + u.height), i.stroke(), r.label && (i.setLineDash([]), i.font = t(l, l.fontSize, 500), i.textAlign = "left", i.textBaseline = "top", s(i, r.label, e + 5, u.y + 5, a, d));
+			let e = n(s.xToPx(r.value));
+			a.moveTo(e, d.y), a.lineTo(e, d.y + d.height), a.stroke(), r.label && (a.setLineDash([]), a.font = t(u, u.fontSize, 500), a.textAlign = "left", a.textBaseline = "top", c(a, r.label, e + 5, d.y + 5, i, f));
 		}
 	}
-	i.setLineDash([]), i.font = t(l, l.fontSize + 1, 600);
-	for (let t of a.annotations) {
+	a.setLineDash([]), a.font = t(u, u.fontSize + 1, 600);
+	for (let t of o.annotations) {
 		if (t.type !== "rect" || !t.label) continue;
-		let n = r(t, o);
+		let n = i(t, s);
 		if (n.width <= 0 || n.height <= 0) continue;
-		let a = i.measureText(t.label).width, s = t.labelPosition, c = s.endsWith("left") ? n.x + 10 : s.endsWith("right") ? n.x + n.width - 10 - a : n.x + (n.width - a) / 2, l = s.startsWith("top") ? n.y + 10 : s.startsWith("bottom") ? n.y + n.height - 10 - p : n.y + (n.height - p) / 2;
-		i.textAlign = "left", i.textBaseline = "top", i.fillStyle = e(t.labelColor), i.fillText(t.label, c, l), f.push({
+		let r = a.measureText(t.label).width, o = t.labelPosition, c = o.endsWith("left") ? n.x + 10 : o.endsWith("right") ? n.x + n.width - 10 - r : n.x + (n.width - r) / 2, l = o.startsWith("top") ? n.y + 10 : o.startsWith("bottom") ? n.y + n.height - 10 - m : n.y + (n.height - m) / 2;
+		a.textAlign = "left", a.textBaseline = "top", a.fillStyle = e(t.labelColor), a.fillText(t.label, c, l), p.push({
 			x: c,
 			y: l,
-			width: a,
-			height: p
+			width: r,
+			height: m
 		});
 	}
-	if (a.pointLabels.length) {
-		i.font = t(l), i.textAlign = "left", i.textBaseline = "middle";
-		let n = e(l.text, .85), r = c(a.pointLabels, u, (e) => i.measureText(e).width, p - 2, f);
-		for (let { label: e, box: t } of r) s(i, e.text, t.x, t.y + t.height / 2, n, d);
+	for (let n of o.annotations) {
+		if (n.type !== "text" || !n.text) continue;
+		a.font = t(u, u.fontSize, n.weight);
+		let i = r(n, s, a.measureText(n.text).width, m);
+		a.textAlign = "left", a.textBaseline = "middle", c(a, n.text, i.x, i.y + i.height / 2, e(n.color), f), p.push(i);
+	}
+	if (o.pointLabels.length) {
+		a.font = t(u), a.textAlign = "left", a.textBaseline = "middle";
+		let n = e(u.text, .85), r = l(o.pointLabels, d, (e) => a.measureText(e).width, m - 2, p);
+		for (let { label: e, box: t } of r) c(a, e.text, t.x, t.y + t.height / 2, n, f);
 	}
-	i.restore();
+	a.restore();
 };
 //#endregion
-export { i as drawBackground, l as drawForeground, t as font, c as placeLabels };
+export { a as drawBackground, u as drawForeground, t as font, l as placeLabels, r as textBox };
 
 //# sourceMappingURL=overlay.js.map

package/dist/charts/engine/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["font","theme","weight","size","crisp","v","rectOf","s","xa","a","xb","ya","yb","left","plot","right","top","bottom","drawBackground","input","scales","ctx","r","toCss","y","yTicks","py","x","xTicks","px","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","box","height","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\nconst rectOf = (a: ResolvedRect, s: Scales): Rect => {\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\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const candidates: Rect[] = [\n      { x: label.x + gap, y: label.y - height / 2, width: w, height },\n      { x: label.x - gap - w, y: label.y - height / 2, width: w, height },\n      { x: label.x - w / 2, y: label.y - gap - height, width: w, height },\n      { x: label.x - w / 2, y: label.y + gap, width: w, height },\n    ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 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    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":";;AA2CA,IAAaA,KAAQ,GAAmB,IAAOC,EAAM,UAAU,IAAS,QACtE,GAAGC,EAAO,GAAGC,EAAK,KAAKF,EAAM,cAEzBG,KAAS,MAAc,KAAK,MAAMC,CAAC,IAAI,IAEvCC,KAAU,GAAiB,MAAoB;CACnD,IAAM,EAAE,YAASC,GACXC,IAAKC,EAAE,OAAO,KAAA,IAAY,YAAYF,EAAE,MAAME,EAAE,EAAE,GAClDC,IAAKD,EAAE,OAAO,KAAA,IAAY,WAAWF,EAAE,MAAME,EAAE,EAAE,GACjDE,IAAKF,EAAE,OAAO,KAAA,IAAY,WAAWF,EAAE,MAAME,EAAE,EAAE,GACjDG,IAAKH,EAAE,OAAO,KAAA,IAAY,YAAYF,EAAE,MAAME,EAAE,EAAE,GAClDI,IAAO,KAAK,IAAIC,EAAK,GAAG,KAAK,IAAIN,GAAIE,CAAE,CAAC,GACxCK,IAAQ,KAAK,IAAID,EAAK,IAAIA,EAAK,OAAO,KAAK,IAAIN,GAAIE,CAAE,CAAC,GACtDM,IAAM,KAAK,IAAIF,EAAK,GAAG,KAAK,IAAIH,GAAIC,CAAE,CAAC,GACvCK,IAAS,KAAK,IAAIH,EAAK,IAAIA,EAAK,QAAQ,KAAK,IAAIH,GAAIC,CAAE,CAAC;CAC9D,OAAO;EAAE,GAAGC;EAAM,GAAGG;EAAK,OAAOD,IAAQF;EAAM,QAAQI,IAASD;CAAI;AACtE,GAcaE,KACX,GACA,MACG;CACH,IAAM,EAAE,WAAQ,UAAO,MAAG,MAAG,WAAQ,cAAWC,GAC1C,EAAE,YAASC;CAOjB,AANAC,EAAI,UAAU,GAAG,GAAGF,EAAM,OAAOA,EAAM,MAAM,GAG7CE,EAAI,KAAK,GACTA,EAAI,UAAU,GACdA,EAAI,KAAKP,EAAK,GAAGA,EAAK,GAAGA,EAAK,OAAOA,EAAK,MAAM,GAChDO,EAAI,KAAK;CACT,KAAK,IAAMZ,KAAKU,EAAM,aAAa;EACjC,IAAIV,EAAE,SAAS,QAAQ;EACvB,IAAMa,IAAIhB,EAAOG,GAAGW,CAAM;EAC1B,AAAIE,EAAE,SAAS,KAAKA,EAAE,UAAU,MAChC,EAAI,YAAYC,EAAMd,EAAE,OAAOA,EAAE,OAAO,GACxCY,EAAI,SAASC,EAAE,GAAGA,EAAE,GAAGA,EAAE,OAAOA,EAAE,MAAM;CAC1C;CAOA,IANAD,EAAI,QAAQ,GAGZ,EAAI,YAAY,GAChB,EAAI,cAAcE,EAAMtB,EAAM,IAAI,GAClCoB,EAAI,UAAU,GACVG,EAAE,MACJ,KAAK,IAAMnB,KAAKoB,EAAO,QAAQ;EAC7B,IAAMC,IAAKtB,EAAMgB,EAAO,MAAMf,CAAC,CAAC;EAChC,AAAIqB,IAAKZ,EAAK,IAAI,KAAKY,IAAKZ,EAAK,IAAIA,EAAK,SAAS,MACnDO,EAAI,OAAOP,EAAK,GAAGY,CAAE,GACrBL,EAAI,OAAOP,EAAK,IAAIA,EAAK,OAAOY,CAAE;CACpC;CAEF,IAAIC,EAAE,MACJ,KAAK,IAAMtB,KAAKuB,EAAO,QAAQ;EAC7B,IAAMC,IAAKzB,EAAMgB,EAAO,MAAMf,CAAC,CAAC;EAChC,AAAIwB,IAAKf,EAAK,IAAI,KAAKe,IAAKf,EAAK,IAAIA,EAAK,QAAQ,MAClDO,EAAI,OAAOQ,GAAIf,EAAK,CAAC,GACrBO,EAAI,OAAOQ,GAAIf,EAAK,IAAIA,EAAK,MAAM;CACrC;CAEF,EAAI,OAAO;CAEX,IAAMgB,IAAO,KAAK,KAAK7B,EAAM,WAAW,GAAG;CAK3C,IAJA,EAAI,OAAOD,EAAKC,CAAK,GACrB,EAAI,YAAYsB,EAAMtB,EAAM,SAAS,GAGjC0B,EAAE,SAAS;EAEb,AADA,EAAI,cAAcJ,EAAMtB,EAAM,IAAI,GAClCoB,EAAI,UAAU;EACd,IAAMU,IAAO3B,EAAMU,EAAK,IAAIA,EAAK,MAAM;EAKvC,AAJAO,EAAI,OAAOP,EAAK,GAAGiB,CAAI,GACvBV,EAAI,OAAOP,EAAK,IAAIA,EAAK,OAAOiB,CAAI,GACpCV,EAAI,OAAO,GACX,EAAI,eAAe,OACnB,EAAI,YAAY;EAChB,IAAIW,IAAY,WAEVC,IAAQL,EAAO,OAClB,KAAK,GAAG,OAAO;GAAE,IAAIR,EAAO,MAAMf,CAAC;GAAG,MAAMuB,EAAO,OAAOM;EAAG,EAAE,CAAC,CAChE,MAAM,GAAG,MAAMzB,EAAE,KAAK0B,EAAE,EAAE;EAC7B,KAAK,IAAM,EAAE,OAAI,aAAUF,GAAO;GAChC,IAAIJ,IAAKf,EAAK,IAAI,MAAOe,IAAKf,EAAK,IAAIA,EAAK,QAAQ,IAAK;GACzD,IAAMsB,IAAIf,EAAI,YAAYgB,CAAI,CAAC,CAAC,OAC1BxB,IAAO,KAAK,IAAI,GAAG,KAAK,IAAIM,EAAM,QAAQiB,GAAGP,IAAKO,IAAI,CAAC,CAAC;GAC9D,AAAIvB,IAAOmB,IAAY,MACvB,IAAYnB,IAAOuB,GACnBf,EAAI,SAASgB,GAAMxB,IAAOuB,IAAI,GAAGtB,EAAK,IAAIA,EAAK,SAAS,CAAC;EAC3D;EACA,AAAIa,EAAE,UACJ,EAAI,OAAO3B,EAAKC,GAAOA,EAAM,WAAW,GAAG,GAAG,GAC9C,EAAI,YAAYsB,EAAMtB,EAAM,MAAM,EAAG,GACrCoB,EAAI,SACFM,EAAE,OACFb,EAAK,IAAIA,EAAK,QAAQ,GACtBA,EAAK,IAAIA,EAAK,SAASgB,IAAO,EAChC;CAEJ;CAGA,AAAIN,EAAE,YACJ,EAAI,OAAOxB,EAAKC,CAAK,GACrB,EAAI,YAAYsB,EAAMtB,EAAM,SAAS,GACrC,EAAI,YAAY,SAChB,EAAI,eAAe,UACnBwB,EAAO,OAAO,SAAS,GAAG,MAAM;EAC9B,IAAMC,IAAKN,EAAO,MAAMf,CAAC;EACzB,AAAIqB,IAAKZ,EAAK,IAAI,MAAOY,IAAKZ,EAAK,IAAIA,EAAK,SAAS,MACrDO,EAAI,SAASI,EAAO,OAAOS,IAAIpB,EAAK,IAAI,GAAGY,CAAE;CAC/C,CAAC,GACGF,EAAE,UACJH,EAAI,KAAK,GACT,EAAI,OAAOrB,EAAKC,GAAOA,EAAM,WAAW,GAAG,GAAG,GAC9C,EAAI,YAAYsB,EAAMtB,EAAM,MAAM,EAAG,GACrCoB,EAAI,UAAUS,IAAO,IAAI,GAAGhB,EAAK,IAAIA,EAAK,SAAS,CAAC,GACpDO,EAAI,OAAO,CAAC,KAAK,KAAK,CAAC,GACvB,EAAI,YAAY,UAChBA,EAAI,SAASG,EAAE,OAAO,GAAG,CAAC,GAC1BH,EAAI,QAAQ;AAGlB,GAEMiB,KAAY,GAAS,MACzB7B,EAAE,IAAI0B,EAAE,IAAIA,EAAE,SACdA,EAAE,IAAI1B,EAAE,IAAIA,EAAE,SACdA,EAAE,IAAI0B,EAAE,IAAIA,EAAE,UACdA,EAAE,IAAI1B,EAAE,IAAIA,EAAE,QAEV8B,KAAU,GAAS,MACvBjB,EAAE,KAAKR,EAAK,KACZQ,EAAE,KAAKR,EAAK,KACZQ,EAAE,IAAIA,EAAE,SAASR,EAAK,IAAIA,EAAK,SAC/BQ,EAAE,IAAIA,EAAE,UAAUR,EAAK,IAAIA,EAAK,QAG5B0B,KACJ,GACA,GACA,GACA,GACA,GACA,MACG;CAMH,AALA,EAAI,YAAY,GAChB,EAAI,WAAW,SACf,EAAI,cAAcC,GAClBpB,EAAI,WAAWgB,GAAMV,GAAGH,CAAC,GACzB,EAAI,YAAYkB,GAChBrB,EAAI,SAASgB,GAAMV,GAAGH,CAAC;AACzB,GAGamB,KACX,GACA,GACA,GACA,GACA,IAAmB,CAAC,MACmB;CACvC,IAAMC,IAA6C,CAAC;CACpD,KAAK,IAAMC,KAASC,GAAQ;EAC1B,IAAMV,IAAIW,EAAQF,EAAM,IAAI,GACtBG,IAAMH,EAAM,IAAI,GAOhBI,IAAM;GALV;IAAE,GAAGJ,EAAM,IAAIG;IAAK,GAAGH,EAAM,IAAIK,IAAS;IAAG,OAAOd;IAAG;GAAO;GAC9D;IAAE,GAAGS,EAAM,IAAIG,IAAMZ;IAAG,GAAGS,EAAM,IAAIK,IAAS;IAAG,OAAOd;IAAG;GAAO;GAClE;IAAE,GAAGS,EAAM,IAAIT,IAAI;IAAG,GAAGS,EAAM,IAAIG,IAAME;IAAQ,OAAOd;IAAG;GAAO;GAClE;IAAE,GAAGS,EAAM,IAAIT,IAAI;IAAG,GAAGS,EAAM,IAAIG;IAAK,OAAOZ;IAAG;GAAO;EAE/C,CAAA,CAAW,MACpB,MAAMG,EAAOY,GAAGrC,CAAI,KAAK,CAACsC,EAAS,MAAM,MAAMd,EAASe,GAAGF,CAAC,CAAC,CAChE;EACA,AAAKF,MACLG,EAAS,KAAKH,CAAG,GACjBL,EAAO,KAAK;GAAE;GAAO;EAAI,CAAC;CAC5B;CACA,OAAOA;AACT,GAWaU,KACX,GACA,MACG;CACH,IAAM,EAAE,WAAQ,aAAUnC,GACpB,EAAE,YAASC;CAKjB,AAJAC,EAAI,UAAU,GAAG,GAAGF,EAAM,OAAOA,EAAM,MAAM,GAC7CE,EAAI,KAAK,GACTA,EAAI,UAAU,GACdA,EAAI,KAAKP,EAAK,GAAGA,EAAK,GAAGA,EAAK,OAAOA,EAAK,MAAM,GAChDO,EAAI,KAAK;CAET,IAAMoB,IAAOlB,EAAMtB,EAAM,YAAY,EAAG,GAClCmD,IAAmB,CAAC,GACpBG,IAActD,EAAM,WAAW;CAErC,KAAK,IAAMQ,KAAKU,EAAM,aAAa;EACjC,IAAIV,EAAE,SAAS,QAAQ;EACvB,IAAMiC,IAAQnB,EAAMd,EAAE,KAAK;EAK3B,IAJA,EAAI,cAAciC,GAClB,EAAI,YAAYjC,EAAE,OAClBY,EAAI,YAAYZ,EAAE,IAAI,GACtBY,EAAI,UAAU,GACVZ,EAAE,SAAS,KAAK;GAClB,IAAMiB,IAAKtB,EAAMgB,EAAO,MAAMX,EAAE,KAAK,CAAC;GAItC,AAHAY,EAAI,OAAOP,EAAK,GAAGY,CAAE,GACrBL,EAAI,OAAOP,EAAK,IAAIA,EAAK,OAAOY,CAAE,GAClCL,EAAI,OAAO,GACPZ,EAAE,UACJY,EAAI,YAAY,CAAC,CAAC,GAClB,EAAI,OAAOrB,EAAKC,GAAOA,EAAM,UAAU,GAAG,GAC1C,EAAI,YAAY,SAChB,EAAI,eAAe,UACnBuC,EAASnB,GAAKZ,EAAE,OAAOK,EAAK,IAAIA,EAAK,QAAQ,GAAGY,IAAK,GAAGgB,GAAOD,CAAI;EAEvE,OAAO;GACL,IAAMZ,IAAKzB,EAAMgB,EAAO,MAAMX,EAAE,KAAK,CAAC;GAItC,AAHAY,EAAI,OAAOQ,GAAIf,EAAK,CAAC,GACrBO,EAAI,OAAOQ,GAAIf,EAAK,IAAIA,EAAK,MAAM,GACnCO,EAAI,OAAO,GACPZ,EAAE,UACJY,EAAI,YAAY,CAAC,CAAC,GAClB,EAAI,OAAOrB,EAAKC,GAAOA,EAAM,UAAU,GAAG,GAC1C,EAAI,YAAY,QAChB,EAAI,eAAe,OACnBuC,EAASnB,GAAKZ,EAAE,OAAOoB,IAAK,GAAGf,EAAK,IAAI,GAAG4B,GAAOD,CAAI;EAE1D;CACF;CAIA,AAHApB,EAAI,YAAY,CAAC,CAAC,GAGlB,EAAI,OAAOrB,EAAKC,GAAOA,EAAM,WAAW,GAAG,GAAG;CAC9C,KAAK,IAAMQ,KAAKU,EAAM,aAAa;EACjC,IAAIV,EAAE,SAAS,UAAU,CAACA,EAAE,OAAO;EACnC,IAAMa,IAAIhB,EAAOG,GAAGW,CAAM;EAC1B,IAAIE,EAAE,SAAS,KAAKA,EAAE,UAAU,GAAG;EACnC,IACMc,IAAIf,EAAI,YAAYZ,EAAE,KAAK,CAAC,CAAC,OAC7B+C,IAAM/C,EAAE,eACRgD,IAAKD,EAAI,SAAS,MAAM,IAC1BlC,EAAE,IAAI,KACNkC,EAAI,SAAS,OAAO,IAClBlC,EAAE,IAAIA,EAAE,QAAQ,KAAMc,IACtBd,EAAE,KAAKA,EAAE,QAAQc,KAAK,GACtBsB,IAAKF,EAAI,WAAW,KAAK,IAC3BlC,EAAE,IAAI,KACNkC,EAAI,WAAW,QAAQ,IACrBlC,EAAE,IAAIA,EAAE,SAAS,KAAMiC,IACvBjC,EAAE,KAAKA,EAAE,SAASiC,KAAe;EAKvC,AAJA,EAAI,YAAY,QAChB,EAAI,eAAe,OACnB,EAAI,YAAYhC,EAAMd,EAAE,UAAU,GAClCY,EAAI,SAASZ,EAAE,OAAOgD,GAAIC,CAAE,GAC5BN,EAAS,KAAK;GAAE,GAAGK;GAAI,GAAGC;GAAI,OAAOtB;GAAG,QAAQmB;EAAY,CAAC;CAC/D;CAGA,IAAIpC,EAAM,YAAY,QAAQ;EAG5B,AAFA,EAAI,OAAOnB,EAAKC,CAAK,GACrB,EAAI,YAAY,QAChB,EAAI,eAAe;EACnB,IAAM0D,IAAYpC,EAAMtB,EAAM,MAAM,GAAI,GAClC2C,IAASD,EACbxB,EAAM,aACNL,IACC,MAAMO,EAAI,YAAYuC,CAAC,CAAC,CAAC,OAC1BL,IAAc,GACdH,CACF;EACA,KAAK,IAAM,EAAE,UAAO,YAASR,GAC3B,EAASvB,GAAKwB,EAAM,MAAMI,EAAI,GAAGA,EAAI,IAAIA,EAAI,SAAS,GAAGU,GAAWlB,CAAI;CAE5E;CACA,EAAI,QAAQ;AACd"}
+{"version":3,"file":"overlay.js","names":["font","theme","weight","size","crisp","v","textBox","s","px","a","plot","py","x","width","y","height","rectOf","xa","xb","ya","yb","left","right","top","bottom","drawBackground","input","scales","ctx","r","toCss","yTicks","xTicks","line","base","lastRight","order","i","b","w","text","overlaps","inside","haloText","halo","color","placeLabels","placed","label","labels","measure","gap","above","below","box","c","occupied","o","drawForeground","labelHeight","pos","tx","ty","textColor","t"],"sources":["../../../../charts/src/engine/overlay.ts"],"sourcesContent":["// Canvas2D layers around the data: background (areas, grid, axes, tick\n// labels) and foreground (reference lines, annotation and point labels).\n\nimport { toCss, type Rgba } from \"./color\";\nimport type { AxisTicks } from \"./axis\";\nimport type { Rect, Scales } from \"./layout\";\nimport type { AxisModel } from \"./model\";\nimport type { ChartTheme } from \"./theme\";\nimport type { ChartLabelPosition } from \"./types\";\n\nexport interface ResolvedRect {\n  type: \"rect\";\n  x0?: number;\n  x1?: number;\n  y0?: number;\n  y1?: number;\n  color: Rgba;\n  opacity: number;\n  label?: string;\n  labelPosition: ChartLabelPosition;\n  labelColor: Rgba;\n}\n\nexport interface ResolvedLine {\n  type: \"line\";\n  axis: \"x\" | \"y\";\n  value: number;\n  color: Rgba;\n  width: number;\n  dash: number[];\n  label?: string;\n}\n\nexport interface ResolvedText {\n  type: \"text\";\n  x?: number;\n  y?: number;\n  text: string;\n  anchor: \"center\" | \"top\" | \"bottom\" | \"left\" | \"right\";\n  color: Rgba;\n  weight: number;\n}\n\nexport type ResolvedAnnotation = ResolvedRect | ResolvedLine | ResolvedText;\n\nexport interface PointLabel {\n  x: number;\n  y: number;\n  /** Radius of the dot */\n  r: number;\n  text: string;\n  /** Fixed side (bar values); any free side around the dot otherwise */\n  placement?: \"above\" | \"below\";\n}\n\nexport const font = (theme: ChartTheme, size = theme.fontSize, weight = 400) =>\n  `${weight} ${size}px ${theme.fontFamily}`;\n\nconst crisp = (v: number) => Math.round(v) + 0.5;\n\n/** Box of a text annotation, kept inside the plot */\nexport const textBox = (\n  a: ResolvedText,\n  s: Scales,\n  width: number,\n  height: number,\n): Rect => {\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 rectOf = (a: ResolvedRect, s: Scales): Rect => {\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\nexport interface BackgroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  x: AxisModel;\n  y: AxisModel;\n  xTicks: AxisTicks;\n  yTicks: AxisTicks;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n}\n\nexport const drawBackground = (\n  ctx: CanvasRenderingContext2D,\n  input: BackgroundInput,\n) => {\n  const { scales, theme, x, y, xTicks, yTicks } = input;\n  const { plot } = scales;\n  ctx.clearRect(0, 0, input.width, input.height);\n\n  // areas\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\") continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    ctx.fillStyle = toCss(a.color, a.opacity);\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n  }\n  ctx.restore();\n\n  // grid\n  ctx.lineWidth = 1;\n  ctx.strokeStyle = toCss(theme.grid);\n  ctx.beginPath();\n  if (y.grid) {\n    for (const v of yTicks.values) {\n      const py = crisp(scales.yToPx(v));\n      if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n    }\n  }\n  if (x.grid) {\n    for (const v of xTicks.values) {\n      const px = crisp(scales.xToPx(v));\n      if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n    }\n  }\n  ctx.stroke();\n\n  const line = Math.ceil(theme.fontSize * 1.4);\n  ctx.font = font(theme);\n  ctx.fillStyle = toCss(theme.textMuted);\n\n  // x axis\n  if (x.visible) {\n    ctx.strokeStyle = toCss(theme.axis);\n    ctx.beginPath();\n    const base = crisp(plot.y + plot.height);\n    ctx.moveTo(plot.x, base);\n    ctx.lineTo(plot.x + plot.width, base);\n    ctx.stroke();\n    ctx.textBaseline = \"top\";\n    ctx.textAlign = \"center\";\n    let lastRight = -Infinity;\n    // left to right (reversed axes list their ticks right to left)\n    const order = xTicks.values\n      .map((v, i) => ({ px: scales.xToPx(v), text: xTicks.labels[i] }))\n      .sort((a, b) => a.px - b.px);\n    for (const { px, text } of order) {\n      if (px < plot.x - 0.5 || px > plot.x + plot.width + 0.5) continue;\n      const w = ctx.measureText(text).width;\n      const left = Math.max(0, Math.min(input.width - w, px - w / 2));\n      if (left < lastRight + 6) continue;\n      lastRight = left + w;\n      ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);\n    }\n    if (x.title) {\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.fillText(\n        x.title,\n        plot.x + plot.width / 2,\n        plot.y + plot.height + line + 10,\n      );\n    }\n  }\n\n  // y axis\n  if (y.visible) {\n    ctx.font = font(theme);\n    ctx.fillStyle = toCss(theme.textMuted);\n    ctx.textAlign = \"right\";\n    ctx.textBaseline = \"middle\";\n    yTicks.values.forEach((v, i) => {\n      const py = scales.yToPx(v);\n      if (py < plot.y - 0.5 || py > plot.y + plot.height + 0.5) return;\n      ctx.fillText(yTicks.labels[i], plot.x - 8, py);\n    });\n    if (y.title) {\n      ctx.save();\n      ctx.font = font(theme, theme.fontSize + 1, 500);\n      ctx.fillStyle = toCss(theme.text, 0.8);\n      ctx.translate(line / 2 + 4, plot.y + plot.height / 2);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.fillText(y.title, 0, 0);\n      ctx.restore();\n    }\n  }\n};\n\nconst overlaps = (a: Rect, b: Rect) =>\n  a.x < b.x + b.width &&\n  b.x < a.x + a.width &&\n  a.y < b.y + b.height &&\n  b.y < a.y + a.height;\n\nconst inside = (r: Rect, plot: Rect) =>\n  r.x >= plot.x &&\n  r.y >= plot.y &&\n  r.x + r.width <= plot.x + plot.width &&\n  r.y + r.height <= plot.y + plot.height;\n\n/** Text with a halo in the background color (readable over data) */\nconst haloText = (\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  color: string,\n  halo: string,\n) => {\n  ctx.lineWidth = 3;\n  ctx.lineJoin = \"round\";\n  ctx.strokeStyle = halo;\n  ctx.strokeText(text, x, y);\n  ctx.fillStyle = color;\n  ctx.fillText(text, x, y);\n};\n\n/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */\nexport const placeLabels = (\n  labels: readonly PointLabel[],\n  plot: Rect,\n  measure: (text: string) => number,\n  height: number,\n  occupied: Rect[] = [],\n): { label: PointLabel; box: Rect }[] => {\n  const placed: { label: PointLabel; box: Rect }[] = [];\n  for (const label of labels) {\n    const w = measure(label.text);\n    const gap = label.r + 4;\n    const above = {\n      x: label.x - w / 2,\n      y: label.y - gap - height,\n      width: w,\n      height,\n    };\n    const below = { x: label.x - w / 2, y: label.y + gap, width: w, height };\n    const candidates: Rect[] =\n      label.placement === \"above\"\n        ? [above]\n        : label.placement === \"below\"\n          ? [below]\n          : [\n              { x: label.x + gap, y: label.y - height / 2, width: w, height },\n              {\n                x: label.x - gap - w,\n                y: label.y - height / 2,\n                width: w,\n                height,\n              },\n              above,\n              below,\n            ];\n    const box = candidates.find(\n      (c) => inside(c, plot) && !occupied.some((o) => overlaps(o, c)),\n    );\n    if (!box) continue;\n    occupied.push(box);\n    placed.push({ label, box });\n  }\n  return placed;\n};\n\nexport interface ForegroundInput {\n  width: number;\n  height: number;\n  scales: Scales;\n  theme: ChartTheme;\n  annotations: readonly ResolvedAnnotation[];\n  pointLabels: readonly PointLabel[];\n  /**\n   * Clears the canvas first (off when the layers share one canvas)\n   * @default true\n   */\n  clear?: boolean;\n}\n\nexport const drawForeground = (\n  ctx: CanvasRenderingContext2D,\n  input: ForegroundInput,\n) => {\n  const { scales, theme } = input;\n  const { plot } = scales;\n  if (input.clear !== false) ctx.clearRect(0, 0, input.width, input.height);\n  ctx.save();\n  ctx.beginPath();\n  ctx.rect(plot.x, plot.y, plot.width, plot.height);\n  ctx.clip();\n\n  const halo = toCss(theme.background, 0.9);\n  const occupied: Rect[] = [];\n  const labelHeight = theme.fontSize + 4;\n\n  for (const a of input.annotations) {\n    if (a.type !== \"line\") continue;\n    const color = toCss(a.color);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = a.width;\n    ctx.setLineDash(a.dash);\n    ctx.beginPath();\n    if (a.axis === \"y\") {\n      const py = crisp(scales.yToPx(a.value));\n      ctx.moveTo(plot.x, py);\n      ctx.lineTo(plot.x + plot.width, py);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"right\";\n        ctx.textBaseline = \"bottom\";\n        haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);\n      }\n    } else {\n      const px = crisp(scales.xToPx(a.value));\n      ctx.moveTo(px, plot.y);\n      ctx.lineTo(px, plot.y + plot.height);\n      ctx.stroke();\n      if (a.label) {\n        ctx.setLineDash([]);\n        ctx.font = font(theme, theme.fontSize, 500);\n        ctx.textAlign = \"left\";\n        ctx.textBaseline = \"top\";\n        haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);\n      }\n    }\n  }\n  ctx.setLineDash([]);\n\n  // labels of areas\n  ctx.font = font(theme, theme.fontSize + 1, 600);\n  for (const a of input.annotations) {\n    if (a.type !== \"rect\" || !a.label) continue;\n    const r = rectOf(a, scales);\n    if (r.width <= 0 || r.height <= 0) continue;\n    const pad = 10;\n    const w = ctx.measureText(a.label).width;\n    const pos = a.labelPosition;\n    const tx = pos.endsWith(\"left\")\n      ? r.x + pad\n      : pos.endsWith(\"right\")\n        ? r.x + r.width - pad - w\n        : r.x + (r.width - w) / 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    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"top\";\n    ctx.fillStyle = toCss(a.labelColor);\n    ctx.fillText(a.label, tx, ty);\n    occupied.push({ x: tx, y: ty, width: w, height: labelHeight });\n  }\n\n  // free texts\n  for (const a of input.annotations) {\n    if (a.type !== \"text\" || !a.text) continue;\n    ctx.font = font(theme, theme.fontSize, a.weight);\n    const box = textBox(a, scales, ctx.measureText(a.text).width, labelHeight);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    haloText(ctx, a.text, box.x, box.y + box.height / 2, toCss(a.color), halo);\n    occupied.push(box);\n  }\n\n  // point labels\n  if (input.pointLabels.length) {\n    ctx.font = font(theme);\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"middle\";\n    const textColor = toCss(theme.text, 0.85);\n    const placed = placeLabels(\n      input.pointLabels,\n      plot,\n      (t) => ctx.measureText(t).width,\n      labelHeight - 2,\n      occupied,\n    );\n    for (const { label, box } of placed) {\n      haloText(ctx, label.text, box.x, box.y + box.height / 2, textColor, halo);\n    }\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}

package/dist/charts/engine/presets.cjs

@@ -0,0 +1,3 @@
+var e=(e,t,n,r)=>e.map(e=>{let i=e.type??t;return{...e,type:i,...n!==void 0&&i===t?{stack:e.stack??n}:{},...r!==void 0&&(i===`line`||i===`area`)?{curve:e.curve??r}:{}}}),t=(t,n=!1,r={})=>e(t,n?`area`:`line`,r.stacked?`stack`:void 0,r.curve),n=(e,n={})=>t(e,!0,n),r=(t,n=!1,r=!1)=>e(t,`bar`,n?`stack`:void 0).map(e=>r&&e.type===`bar`?{...e,showLabels:e.showLabels??!0}:e),i=t=>e(t,`scatter`),a=t=>e(t,`candlestick`),o=(e,t={})=>{let n=e.data.some(e=>typeof e.x==`number`),r=e.data.some(e=>typeof e.y==`number`);return{...t,series:[{id:`heatmap`,name:e.name??`Value`,type:`heatmap`,data:e.data.map(e=>({x:e.x,y:e.y,value:e.value})),colorScale:e.colorScale,valueRange:e.valueRange,radius:e.radius,format:e.format}],xAxis:{...n?{}:{type:`category`,categories:e.xCategories},grid:!1,...t.xAxis},yAxis:{...r?{}:{type:`category`,categories:e.yCategories},grid:!1,...t.yAxis},legend:t.legend??!1,interaction:t.interaction??{zoom:!1},tooltip:t.tooltip??{mode:`nearest`}}},s=(e,t={})=>{let n=e.type??`line`;return{...t,series:[{id:`sparkline`,name:e.name??`Value`,type:n,data:e.data,color:e.color,curve:n===`bar`?void 0:e.curve??`smooth`,lineWidth:1.5,opacity:n===`area`?.22:void 0,radius:n===`bar`?1.5:void 0,format:e.format}],xAxis:{visible:!1,grid:!1,...t.xAxis},yAxis:{visible:!1,grid:!1,nice:!1,...t.yAxis},legend:!1,padding:t.padding??{top:4,right:4,bottom:4,left:4},interaction:t.interaction??{zoom:!1},annotations:e.reference===void 0?t.annotations:[...t.annotations??[],{type:`line`,axis:`y`,value:e.reference,dash:[2,3]}]}},c={topLeft:`var(--danger-color, #ef4444)`,topRight:`var(--primary-color, #4f46e5)`,bottomLeft:`var(--warning-color, #f59e0b)`,bottomRight:`var(--text-secondary-color, #64748b)`},l=`var(--border-strong-color, var(--border-color, #cbd5e1))`,u=e=>{let[t,n]=e.xDomain??[0,10],[r,i]=e.yDomain??[0,10];return{x0:t,x1:n,y0:r,y1:i,xs:e.xSplit??(t+n)/2,ys:e.ySplit??(r+i)/2}},d=(e,t,n)=>{let{xs:r,ys:i}=u(e),a=e.reverseX?t<r:t>=r;return n>=i?a?`topRight`:`topLeft`:a?`bottomRight`:`bottomLeft`},f=(e,t)=>{let{x0:n,x1:r,y0:i,y1:a,xs:o,ys:s}=u(e),c=t.endsWith(`Right`);return{x:(e.reverseX?!c:c)?(o+r)/2:(n+o)/2,y:t.startsWith(`top`)?(s+a)/2:(i+s)/2}},p=(e,t={})=>{let{x0:n,x1:r,y0:i,y1:a,xs:o,ys:s}=u(e),f=!!e.reverseX,p=t=>e.quadrants?.[t]?.color??c[t],m=[{type:`scatter`,name:e.name??``,pointSize:e.pointSize??12,showLabels:e.showLabels??!0,opacity:.9,data:e.points.map(t=>({x:t.x,y:t.y,label:t.label,size:t.size,color:t.color??p(d(e,t.x,t.y))}))}],h=f?[o,r]:[n,o],g=f?[n,o]:[o,r],_=(t,[n,r],[i,a],o)=>({type:`rect`,x0:n,x1:r,y0:i,y1:a,color:p(t),opacity:.07,label:e.quadrants?.[t]?.label,labelPosition:o}),v=e.axisLabels??{},y=f?r:n,b=f?n:r,x=[...v.top?[{type:`text`,x:o,y:a,text:v.top,anchor:`top`}]:[],...v.bottom?[{type:`text`,x:o,y:i,text:v.bottom,anchor:`bottom`}]:[],...v.left?[{type:`text`,x:y,y:s,text:v.left,anchor:`left`}]:[],...v.right?[{type:`text`,x:b,y:s,text:v.right,anchor:`right`}]:[]],S=[_(`topLeft`,h,[s,a],`top-left`),_(`topRight`,g,[s,a],`top-right`),_(`bottomLeft`,h,[i,s],`bottom-left`),_(`bottomRight`,g,[i,s],`bottom-right`),{type:`line`,axis:`x`,value:o,dash:[],color:l},{type:`line`,axis:`y`,value:s,dash:[],color:l},...x,...t.annotations??[]],C=e.showTicks??!0,w=t.interaction!==!1&&{zoom:!1,...typeof t.interaction==`object`?t.interaction:{},...e.draggable?{dragPoints:!0}:{}};return{...t,series:m,annotations:S,tooltip:t.tooltip??(C?void 0:{render:t=>{let n=t.items[0];if(!n)return null;let r=e.quadrants?.[d(e,n.x,n.y)]?.label;return[n.label??e.name??``,r??``].filter(Boolean).join(`
+`)}}),xAxis:{min:n,max:r,title:e.xLabel,reverse:f,nice:!1,grid:!1,tickCount:4,visible:C||!!e.xLabel,...C?{}:{format:()=>``}},yAxis:{min:i,max:a,title:e.yLabel,nice:!1,grid:!1,tickCount:4,visible:C||!!e.yLabel,...C?{}:{format:()=>``}},legend:t.legend??!1,padding:t.padding??(C?void 0:{top:4,right:4,bottom:4,left:4}),interaction:w}};exports.DEFAULT_QUADRANT_COLORS=c,exports.areaSeries=n,exports.barSeries=r,exports.candlestickSeries=a,exports.heatmapChartOptions=o,exports.lineSeries=t,exports.quadrantCenter=f,exports.quadrantChartOptions=p,exports.quadrantOf=d,exports.scatterSeries=i,exports.sparklineOptions=s,exports.withSeriesType=e;
+//# sourceMappingURL=presets.cjs.map

package/dist/charts/engine/presets.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.cjs","names":["withSeriesType","series","t","s","type","stack","curve","lineSeries","area","extra","areaSeries","barSeries","stacked","labels","scatterSeries","candlestickSeries","heatmapChartOptions","numericX","config","c","numericY","base","sparklineOptions","DEFAULT_QUADRANT_COLORS","DIVIDER","splits","x0","x1","y0","y1","quadrantOf","right","x","xs","y","ys","quadrantCenter","visualRight","corner","quadrantChartOptions","reverseX","color","p","left","rect","xa","xb","ya","yb","position","ends","visualLeft","texts","annotations","showTicks","interaction","item","event","region"],"sources":["../../../../charts/src/engine/presets.ts"],"sourcesContent":["// Option presets of the chart components, shared by every platform (React,\n// mini-programs, React Native): they turn component props into engine\n// options.\n\nimport type {\n  ChartAnnotation,\n  ChartCurve,\n  ChartInteractionOptions,\n  ChartOptions,\n  ChartSeries,\n  ChartSeriesType,\n} from \"./types\";\n\n/** Gives the series without a `type` the type of the component */\nexport const withSeriesType = (\n  series: readonly ChartSeries[],\n  type: ChartSeriesType,\n  stack?: string,\n  curve?: ChartCurve,\n): ChartSeries[] =>\n  series.map((s) => {\n    const t = s.type ?? type;\n    return {\n      ...s,\n      type: t,\n      ...(stack !== undefined && t === type ? { stack: s.stack ?? stack } : {}),\n      ...(curve !== undefined && (t === \"line\" || t === \"area\")\n        ? { curve: s.curve ?? curve }\n        : {}),\n    };\n  });\n\n/** Options of the line-like components */\nexport interface LineSeriesOptions {\n  /** Stacks the series on top of each other */\n  stacked?: boolean;\n  /** Shape of the lines */\n  curve?: ChartCurve;\n}\n\n/** Series of a LineChart (`area` fills them) */\nexport const lineSeries = (\n  series: readonly ChartSeries[],\n  area = false,\n  extra: LineSeriesOptions = {},\n) =>\n  withSeriesType(\n    series,\n    area ? \"area\" : \"line\",\n    extra.stacked ? \"stack\" : undefined,\n    extra.curve,\n  );\n\n/** Series of an AreaChart */\nexport const areaSeries = (\n  series: readonly ChartSeries[],\n  extra: LineSeriesOptions = {},\n) => lineSeries(series, true, extra);\n\n/** Series of a BarChart (`stacked` stacks them, `labels` shows the values) */\nexport const barSeries = (\n  series: readonly ChartSeries[],\n  stacked = false,\n  labels = false,\n) =>\n  withSeriesType(series, \"bar\", stacked ? \"stack\" : undefined).map((s) =>\n    labels && s.type === \"bar\" ? { ...s, showLabels: s.showLabels ?? true } : s,\n  );\n\n/** Series of a ScatterChart */\nexport const scatterSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"scatter\");\n\n/** Series of a CandlestickChart */\nexport const candlestickSeries = (series: readonly ChartSeries[]) =>\n  withSeriesType(series, \"candlestick\");\n\n/** A cell of a HeatmapChart */\nexport interface HeatmapCell {\n  /** Column: a category name (or a number on a numeric axis) */\n  x: string | number;\n  /** Row: a category name (or a number on a numeric axis) */\n  y: string | number;\n  /** Value mapped to the color scale; `null` leaves the cell empty */\n  value: number | null;\n}\n\n/** Settings of a heatmap (the props of HeatmapChart) */\nexport interface HeatmapConfig {\n  /** Cells */\n  data: readonly HeatmapCell[];\n  /** Column names in order (collected from the data when omitted) */\n  xCategories?: readonly string[];\n  /** Row names from bottom to top (collected from the data when omitted) */\n  yCategories?: readonly string[];\n  /** Colors from the lowest to the highest value; a ramp of the first palette color by default */\n  colorScale?: readonly string[];\n  /** Values at the ends of the color scale; the data range by default */\n  valueRange?: readonly [number, number];\n  /** Name of the value in the tooltip */\n  name?: string;\n  /** Corner radius of the cells, in pixels */\n  radius?: number;\n  /** Formats the values in the tooltip */\n  format?: (value: number) => string;\n}\n\n/** Engine options of a heatmap */\nexport const heatmapChartOptions = (\n  config: HeatmapConfig,\n  base: Partial<ChartOptions> = {},\n): ChartOptions => {\n  const numericX = config.data.some((c) => typeof c.x === \"number\");\n  const numericY = config.data.some((c) => typeof c.y === \"number\");\n  return {\n    ...base,\n    series: [\n      {\n        id: \"heatmap\",\n        name: config.name ?? \"Value\",\n        type: \"heatmap\",\n        data: config.data.map((c) => ({ x: c.x, y: c.y, value: c.value })),\n        colorScale: config.colorScale,\n        valueRange: config.valueRange,\n        radius: config.radius,\n        format: config.format,\n      },\n    ],\n    xAxis: {\n      ...(numericX\n        ? {}\n        : { type: \"category\" as const, categories: config.xCategories }),\n      grid: false,\n      ...base.xAxis,\n    },\n    yAxis: {\n      ...(numericY\n        ? {}\n        : { type: \"category\" as const, categories: config.yCategories }),\n      grid: false,\n      ...base.yAxis,\n    },\n    legend: base.legend ?? false,\n    interaction: base.interaction ?? { zoom: false },\n    tooltip: base.tooltip ?? { mode: \"nearest\" },\n  };\n};\n\n/** Settings of a sparkline (the props of Sparkline) */\nexport interface SparklineConfig {\n  /** Values (or `[x, y]` pairs, typed arrays, ...) */\n  data: ChartSeries[\"data\"];\n  /**\n   * How the values are drawn\n   * @default \"line\"\n   */\n  type?: \"line\" | \"area\" | \"bar\";\n  /** Color (any CSS color); the first palette color by default */\n  color?: string;\n  /**\n   * Shape of the line\n   * @default \"smooth\"\n   */\n  curve?: ChartCurve;\n  /** Name shown in the tooltip */\n  name?: string;\n  /** Draws a reference line at this value (e.g. a target or the average) */\n  reference?: number;\n  /** Formats the value in the tooltip */\n  format?: (value: number) => string;\n}\n\n/** Engine options of a sparkline: no axes, no legend, a tooltip only */\nexport const sparklineOptions = (\n  config: SparklineConfig,\n  base: Partial<ChartOptions> = {},\n): ChartOptions => {\n  const type = config.type ?? \"line\";\n  return {\n    ...base,\n    series: [\n      {\n        id: \"sparkline\",\n        name: config.name ?? \"Value\",\n        type,\n        data: config.data,\n        color: config.color,\n        curve: type === \"bar\" ? undefined : (config.curve ?? \"smooth\"),\n        lineWidth: 1.5,\n        opacity: type === \"area\" ? 0.22 : undefined,\n        radius: type === \"bar\" ? 1.5 : undefined,\n        format: config.format,\n      },\n    ],\n    xAxis: { visible: false, grid: false, ...base.xAxis },\n    yAxis: { visible: false, grid: false, nice: false, ...base.yAxis },\n    legend: false,\n    padding: base.padding ?? { top: 4, right: 4, bottom: 4, left: 4 },\n    interaction: base.interaction ?? { zoom: false },\n    annotations:\n      config.reference !== undefined\n        ? [\n            ...(base.annotations ?? []),\n            {\n              type: \"line\",\n              axis: \"y\",\n              value: config.reference,\n              dash: [2, 3],\n            },\n          ]\n        : base.annotations,\n  };\n};\n\n/** A point of a QuadrantChart */\nexport interface QuadrantPoint {\n  /** Position on the horizontal axis */\n  x: number;\n  /** Position on the vertical axis */\n  y: number;\n  /** Text drawn next to the dot and shown in the tooltip */\n  label?: string;\n  /** Dot color (any CSS color); the color of its quadrant by default */\n  color?: string;\n  /** Dot diameter in pixels */\n  size?: number;\n}\n\n/** Title and color of a quadrant */\nexport interface QuadrantRegion {\n  /** Title drawn in the outer corner of the quadrant */\n  label?: string;\n  /** Background tint and default dot color (any CSS color) */\n  color?: string;\n}\n\n/** The four quadrants of a QuadrantChart */\nexport interface QuadrantRegions {\n  topLeft?: QuadrantRegion;\n  topRight?: QuadrantRegion;\n  bottomLeft?: QuadrantRegion;\n  bottomRight?: QuadrantRegion;\n}\n\n/** A quadrant, as seen on screen */\nexport type QuadrantCorner = keyof QuadrantRegions;\n\n/** Texts at the four ends of the dividers, inside the plot */\nexport interface QuadrantAxisLabels {\n  top?: string;\n  bottom?: string;\n  left?: string;\n  right?: string;\n}\n\n/** Settings of a quadrant matrix (the props of QuadrantChart) */\nexport interface QuadrantConfig {\n  /** Points to place */\n  points: readonly QuadrantPoint[];\n  /**\n   * Range of the horizontal axis\n   * @default [0, 10]\n   */\n  xDomain?: [number, number];\n  /**\n   * Range of the vertical axis\n   * @default [0, 10]\n   */\n  yDomain?: [number, number];\n  /** X value of the vertical divider (the middle of `xDomain` by default) */\n  xSplit?: number;\n  /** Y value of the horizontal divider (the middle of `yDomain` by default) */\n  ySplit?: number;\n  /** Titles and colors of the quadrants */\n  quadrants?: QuadrantRegions;\n  /** Title of the horizontal axis */\n  xLabel?: string;\n  /** Title of the vertical axis */\n  yLabel?: string;\n  /** Texts at the ends of the dividers, drawn inside the plot (e.g. \"Important\" at the top) */\n  axisLabels?: QuadrantAxisLabels;\n  /**\n   * Shows the numeric ticks of the axes; `false` keeps only the matrix\n   * @default true\n   */\n  showTicks?: boolean;\n  /** Reverses the horizontal axis (e.g. \"urgent\" on the left) */\n  reverseX?: boolean;\n  /**\n   * Draws the labels next to the dots (overlapping labels are skipped)\n   * @default true\n   */\n  showLabels?: boolean;\n  /**\n   * Dot diameter in pixels\n   * @default 12\n   */\n  pointSize?: number;\n  /** Name of the points in the tooltip */\n  name?: string;\n  /** Lets the user drag the dots (`drag` / `drop` events) */\n  draggable?: boolean;\n}\n\nexport const DEFAULT_QUADRANT_COLORS: Required<Record<QuadrantCorner, string>> =\n  {\n    topLeft: \"var(--danger-color, #ef4444)\",\n    topRight: \"var(--primary-color, #4f46e5)\",\n    bottomLeft: \"var(--warning-color, #f59e0b)\",\n    bottomRight: \"var(--text-secondary-color, #64748b)\",\n  };\n\nconst DIVIDER = \"var(--border-strong-color, var(--border-color, #cbd5e1))\";\n\nconst splits = (config: QuadrantConfig) => {\n  const [x0, x1] = config.xDomain ?? [0, 10];\n  const [y0, y1] = config.yDomain ?? [0, 10];\n  return {\n    x0,\n    x1,\n    y0,\n    y1,\n    xs: config.xSplit ?? (x0 + x1) / 2,\n    ys: config.ySplit ?? (y0 + y1) / 2,\n  };\n};\n\n/** Quadrant of a data position, as seen on screen */\nexport const quadrantOf = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  x: number,\n  y: number,\n): QuadrantCorner => {\n  const { xs, ys } = splits(config as QuadrantConfig);\n  const right = config.reverseX ? x < xs : x >= xs;\n  const top = y >= ys;\n  return top\n    ? right\n      ? \"topRight\"\n      : \"topLeft\"\n    : right\n      ? \"bottomRight\"\n      : \"bottomLeft\";\n};\n\n/** Center of a quadrant in data coordinates */\nexport const quadrantCenter = (\n  config: Pick<\n    QuadrantConfig,\n    \"xDomain\" | \"yDomain\" | \"xSplit\" | \"ySplit\" | \"reverseX\"\n  >,\n  corner: QuadrantCorner,\n): { x: number; y: number } => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config as QuadrantConfig);\n  const visualRight = corner.endsWith(\"Right\");\n  const dataHigh = config.reverseX ? !visualRight : visualRight;\n  return {\n    x: dataHigh ? (xs + x1) / 2 : (x0 + xs) / 2,\n    y: corner.startsWith(\"top\") ? (ys + y1) / 2 : (y0 + ys) / 2,\n  };\n};\n\n/** Engine options of a quadrant matrix */\nexport const quadrantChartOptions = (\n  config: QuadrantConfig,\n  base: Omit<ChartOptions, \"series\"> = {},\n): ChartOptions => {\n  const { x0, x1, y0, y1, xs, ys } = splits(config);\n  const reverseX = !!config.reverseX;\n  const color = (corner: QuadrantCorner) =>\n    config.quadrants?.[corner]?.color ?? DEFAULT_QUADRANT_COLORS[corner];\n\n  const series: ChartSeries[] = [\n    {\n      type: \"scatter\",\n      name: config.name ?? \"\",\n      pointSize: config.pointSize ?? 12,\n      showLabels: config.showLabels ?? true,\n      opacity: 0.9,\n      data: config.points.map((p) => ({\n        x: p.x,\n        y: p.y,\n        label: p.label,\n        size: p.size,\n        color: p.color ?? color(quadrantOf(config, p.x, p.y)),\n      })),\n    },\n  ];\n\n  // visual left / right -> data ranges\n  const left: [number, number] = reverseX ? [xs, x1] : [x0, xs];\n  const right: [number, number] = reverseX ? [x0, xs] : [xs, x1];\n  const rect = (\n    corner: QuadrantCorner,\n    [xa, xb]: [number, number],\n    [ya, yb]: [number, number],\n    position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\",\n  ): ChartAnnotation => ({\n    type: \"rect\",\n    x0: xa,\n    x1: xb,\n    y0: ya,\n    y1: yb,\n    color: color(corner),\n    opacity: 0.07,\n    label: config.quadrants?.[corner]?.label,\n    labelPosition: position,\n  });\n  const ends = config.axisLabels ?? {};\n  const visualLeft = reverseX ? x1 : x0;\n  const visualRight = reverseX ? x0 : x1;\n  const texts: ChartAnnotation[] = [\n    ...(ends.top\n      ? [{ type: \"text\", x: xs, y: y1, text: ends.top, anchor: \"top\" } as const]\n      : []),\n    ...(ends.bottom\n      ? [\n          {\n            type: \"text\",\n            x: xs,\n            y: y0,\n            text: ends.bottom,\n            anchor: \"bottom\",\n          } as const,\n        ]\n      : []),\n    ...(ends.left\n      ? [\n          {\n            type: \"text\",\n            x: visualLeft,\n            y: ys,\n            text: ends.left,\n            anchor: \"left\",\n          } as const,\n        ]\n      : []),\n    ...(ends.right\n      ? [\n          {\n            type: \"text\",\n            x: visualRight,\n            y: ys,\n            text: ends.right,\n            anchor: \"right\",\n          } as const,\n        ]\n      : []),\n  ];\n\n  const annotations: ChartAnnotation[] = [\n    rect(\"topLeft\", left, [ys, y1], \"top-left\"),\n    rect(\"topRight\", right, [ys, y1], \"top-right\"),\n    rect(\"bottomLeft\", left, [y0, ys], \"bottom-left\"),\n    rect(\"bottomRight\", right, [y0, ys], \"bottom-right\"),\n    { type: \"line\", axis: \"x\", value: xs, dash: [], color: DIVIDER },\n    { type: \"line\", axis: \"y\", value: ys, dash: [], color: DIVIDER },\n    ...texts,\n    ...(base.annotations ?? []),\n  ];\n\n  const showTicks = config.showTicks ?? true;\n  const interaction: boolean | ChartInteractionOptions =\n    base.interaction === false\n      ? false\n      : {\n          zoom: false,\n          ...(typeof base.interaction === \"object\" ? base.interaction : {}),\n          ...(config.draggable ? { dragPoints: true } : {}),\n        };\n\n  return {\n    ...base,\n    series,\n    annotations,\n    tooltip:\n      base.tooltip ??\n      (showTicks\n        ? undefined\n        : {\n            render: (event) => {\n              const item = event.items[0];\n              if (!item) return null;\n              const region =\n                config.quadrants?.[quadrantOf(config, item.x, item.y)]?.label;\n              return [item.label ?? config.name ?? \"\", region ?? \"\"]\n                .filter(Boolean)\n                .join(\"\\n\");\n            },\n          }),\n    xAxis: {\n      min: x0,\n      max: x1,\n      title: config.xLabel,\n      reverse: reverseX,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.xLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    yAxis: {\n      min: y0,\n      max: y1,\n      title: config.yLabel,\n      nice: false,\n      grid: false,\n      tickCount: 4,\n      visible: showTicks || !!config.yLabel,\n      ...(showTicks ? {} : { format: () => \"\" }),\n    },\n    legend: base.legend ?? false,\n    padding:\n      base.padding ??\n      (showTicks ? undefined : { top: 4, right: 4, bottom: 4, left: 4 }),\n    interaction,\n  };\n};\n"],"mappings":"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"}