minerva-design 1.4.0 → 1.6.0

package/dist/charts/engine/three-d/overlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.cjs","names":["toCss","toWorld","project","linearTicks","require_color","require_scale","require_model","require_math","overlayStyle","theme","dark","AXES","gridPositions","axis","out","i","farWalls","frame","half","axes","at","p","rest","value","drawWalls","h","walls","P","a","b","c","base","corner","sb","sc","quad","ctx","q","style","along","across","w","p0","p1","s0","s1","overlaps","pad","labelEdge","eye","best","left","sx","sy","drawAxes","center","placed","size","labelFont","titleFont","edge","e0","e1","dx","dy","length","ox","oy","mx","my","align","baseline","labels","s","tick","text","x","y","step","kept","l","o","extent","distance","tx","ty","tw","th","bounds","top","drawColorBar","gradient","rect","lut","min","max","domain","span","ticks","t","format","title","right","drawHighlight","shape","pts","bit","z","floor"],"sources":["../../../../../charts/src/engine/three-d/overlay.ts"],"sourcesContent":["// 2D overlay of the 3D charts: the far walls of the axis box with their grid\n// lines (below the data), then the tick labels, axis titles, color bar and\n// hover highlight (above the data). Text is always horizontal (screen\n// aligned) so it stays readable whatever the camera.\n\nimport { toCss, type Rgba } from \"../color\";\nimport { linearTicks } from \"../scale\";\nimport type { ColorLut } from \"./colormap\";\nimport { project, type CameraFrame, type Vec3 } from \"./math\";\nimport { toWorld, type AxisModel, type Model3D } from \"./model\";\n\nexport interface OverlayStyle {\n  text: string;\n  muted: string;\n  grid: string;\n  axis: string;\n  /** Tint of the walls */\n  wall: string;\n  /** Background (rings of the hover marker) */\n  background: string;\n  font: string;\n  fontSize: number;\n}\n\nexport const overlayStyle = (\n  theme: {\n    text: Rgba;\n    textMuted: Rgba;\n    grid: Rgba;\n    axis: Rgba;\n    background: Rgba;\n    fontFamily: string;\n    fontSize: number;\n  },\n  dark: boolean,\n): OverlayStyle => ({\n  text: toCss(theme.text),\n  muted: toCss(theme.textMuted),\n  grid: toCss(theme.grid),\n  axis: toCss(theme.axis),\n  wall: toCss(theme.text, dark ? 0.045 : 0.025),\n  background: toCss(theme.background),\n  font: theme.fontFamily,\n  fontSize: theme.fontSize,\n});\n\ntype Axes = Pick<Model3D, \"x\" | \"y\" | \"z\">;\n\nconst AXES: readonly (\"x\" | \"y\" | \"z\")[] = [\"x\", \"y\", \"z\"];\n\n/** World positions of the grid lines of an axis (category axes: between the categories) */\nexport const gridPositions = (axis: AxisModel): number[] => {\n  if (axis.categories) {\n    const out: number[] = [];\n    for (let i = 0; i < axis.categories.length - 1; i++)\n      out.push(toWorld(axis, i + 0.5));\n    return out;\n  }\n  return axis.ticks\n    .filter((t) => t > axis.domain[0] && t < axis.domain[1])\n    .map((t) => toWorld(axis, t));\n};\n\n/** Side (-1 / 1) of the far wall perpendicular to every axis */\nexport const farWalls = (frame: CameraFrame): [number, number, number] => [\n  frame.eye[0] >= 0 ? -1 : 1,\n  frame.eye[1] >= 0 ? -1 : 1,\n  frame.eye[2] >= 0 ? -1 : 1,\n];\n\nconst half = (axes: Axes): Vec3 => [axes.x.half, axes.y.half, axes.z.half];\n\nconst at = (axis: number, value: number, rest: Vec3): Vec3 => {\n  const p: Vec3 = [rest[0], rest[1], rest[2]];\n  p[axis] = value;\n  return p;\n};\n\n/** Far walls, their grid lines and borders */\nexport const drawWalls = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n): void => {\n  const h = half(axes);\n  const walls = farWalls(frame);\n  const P = (p: Vec3) => project(frame, p[0], p[1], p[2]);\n  ctx.lineWidth = 1;\n  for (let a = 0; a < 3; a++) {\n    const b = (a + 1) % 3;\n    const c = (a + 2) % 3;\n    const base: Vec3 = [0, 0, 0];\n    base[a] = walls[a] * h[a];\n    const corner = (sb: number, sc: number) => {\n      const p: Vec3 = [base[0], base[1], base[2]];\n      p[b] = sb * h[b];\n      p[c] = sc * h[c];\n      return P(p);\n    };\n    const quad = [corner(-1, -1), corner(1, -1), corner(1, 1), corner(-1, 1)];\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.fillStyle = style.wall;\n    ctx.fill();\n    // grid lines of the two axes spanning the wall\n    ctx.beginPath();\n    for (const [along, across] of [\n      [b, c],\n      [c, b],\n    ] as const) {\n      const axis = axes[AXES[along]!];\n      if (!axis.grid) continue;\n      for (const w of gridPositions(axis)) {\n        const p0 = at(along, w, base);\n        const p1 = at(along, w, base);\n        p0[across] = -h[across];\n        p1[across] = h[across];\n        const s0 = P(p0);\n        const s1 = P(p1);\n        ctx.moveTo(s0.x, s0.y);\n        ctx.lineTo(s1.x, s1.y);\n      }\n    }\n    ctx.strokeStyle = style.grid;\n    ctx.stroke();\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.strokeStyle = style.axis;\n    ctx.stroke();\n  }\n};\n\ninterface Rect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nconst overlaps = (a: Rect, b: Rect, pad = 2) =>\n  a.x < b.x + b.w + pad &&\n  b.x < a.x + a.w + pad &&\n  a.y < b.y + b.h + pad &&\n  b.y < a.y + a.h + pad;\n\n/** Edge (fixed coordinates of the two other axes) carrying the labels of an axis */\nexport const labelEdge = (\n  frame: CameraFrame,\n  axes: Axes,\n  axis: number,\n): Vec3 => {\n  const h = half(axes);\n  const eye = frame.eye;\n  if (axis === 0) return [0, (eye[1] >= 0 ? 1 : -1) * h[1], -h[2]];\n  if (axis === 1) return [(eye[0] >= 0 ? 1 : -1) * h[0], 0, -h[2]];\n  // vertical axis: the leftmost vertical edge on screen\n  let best: Vec3 = [-h[0], -h[1], 0];\n  let left = Infinity;\n  for (const sx of [-1, 1]) {\n    for (const sy of [-1, 1]) {\n      const p = project(frame, sx * h[0], sy * h[1], 0);\n      if (p.x < left) {\n        left = p.x;\n        best = [sx * h[0], sy * h[1], 0];\n      }\n    }\n  }\n  return best;\n};\n\n/** Area the labels and titles must stay in (CSS pixels of the stage) */\nexport interface OverlayBounds {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\n/** Tick labels and titles of the three axes */\nexport const drawAxes = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n  bounds: OverlayBounds = {\n    left: 0,\n    top: 0,\n    right: frame.width,\n    bottom: frame.height,\n  },\n): void => {\n  const center = project(frame, 0, 0, 0);\n  const placed: Rect[] = [];\n  const size = style.fontSize;\n  const labelFont = `${size}px ${style.font}`;\n  const titleFont = `600 ${size + 1}px ${style.font}`;\n  for (let a = 0; a < 3; a++) {\n    const axis = axes[AXES[a]!];\n    if (!axis.visible) continue;\n    const edge = labelEdge(frame, axes, a);\n    const e0 = project(frame, ...at(a, -axis.half, edge));\n    const e1 = project(frame, ...at(a, axis.half, edge));\n    let dx = e1.x - e0.x;\n    let dy = e1.y - e0.y;\n    const length = Math.hypot(dx, dy);\n    // seen end-on: no room for labels\n    if (length < 24) continue;\n    dx /= length;\n    dy /= length;\n    let ox = -dy;\n    let oy = dx;\n    const mx = (e0.x + e1.x) / 2;\n    const my = (e0.y + e1.y) / 2;\n    if (ox * (mx - center.x) + oy * (my - center.y) < 0) {\n      ox = -ox;\n      oy = -oy;\n    }\n    // vertical axis: labels go sideways\n    if (a === 2) {\n      ox = mx < center.x ? -1 : 1;\n      oy = 0;\n    }\n    const align: CanvasTextAlign =\n      ox > 0.35 ? \"left\" : ox < -0.35 ? \"right\" : \"center\";\n    const baseline: CanvasTextBaseline =\n      oy > 0.35 ? \"top\" : oy < -0.35 ? \"bottom\" : \"middle\";\n    ctx.font = labelFont;\n    ctx.textAlign = align;\n    ctx.textBaseline = baseline;\n    const gap = 8;\n    const labels = axis.ticks.map((tick, i) => {\n      const s = project(frame, ...at(a, toWorld(axis, tick), edge));\n      const text = axis.labels[i] ?? \"\";\n      const w = ctx.measureText(text).width;\n      const x = s.x + ox * gap;\n      const y = s.y + oy * gap;\n      const rx = align === \"left\" ? x : align === \"right\" ? x - w : x - w / 2;\n      const ry =\n        baseline === \"top\"\n          ? y\n          : baseline === \"bottom\"\n            ? y - size\n            : y - size / 2;\n      return { tick: s, text, x, y, rect: { x: rx, y: ry, w, h: size } };\n    });\n    // thin the labels until they do not overlap\n    let step = 1;\n    for (; step < labels.length; step++) {\n      const kept = labels.filter((_, i) => i % step === 0);\n      if (\n        kept.every(\n          (l, i) => !kept.slice(0, i).some((o) => overlaps(l.rect, o.rect)),\n        )\n      ) {\n        break;\n      }\n    }\n    let extent = 0;\n    ctx.beginPath();\n    labels.forEach((l, i) => {\n      if (i % step) return;\n      if (placed.some((o) => overlaps(l.rect, o))) return;\n      placed.push(l.rect);\n      ctx.moveTo(l.tick.x, l.tick.y);\n      ctx.lineTo(l.tick.x + ox * 4, l.tick.y + oy * 4);\n      extent = Math.max(\n        extent,\n        Math.abs(ox) * l.rect.w + Math.abs(oy) * l.rect.h,\n      );\n    });\n    ctx.strokeStyle = style.axis;\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.fillStyle = style.muted;\n    labels.forEach((l, i) => {\n      if (i % step || !placed.includes(l.rect)) return;\n      ctx.fillText(l.text, l.x, l.y);\n    });\n    if (!axis.title) continue;\n    const distance = gap + extent + 10;\n    let tx = mx + ox * distance;\n    let ty = my + oy * distance;\n    ctx.font = titleFont;\n    ctx.fillStyle = style.text;\n    const tw = ctx.measureText(axis.title).width;\n    const th = size + 1;\n    if (a === 2) {\n      tx = Math.max(bounds.left + th, Math.min(bounds.right - th, tx));\n      ty = Math.max(bounds.top + tw / 2, Math.min(bounds.bottom - tw / 2, ty));\n      ctx.save();\n      ctx.translate(tx, ty);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.textBaseline = ox < 0 ? \"bottom\" : \"top\";\n      ctx.fillText(axis.title, 0, 0);\n      ctx.restore();\n    } else {\n      // keep the whole title inside the bounds\n      const left =\n        align === \"left\" ? tx : align === \"right\" ? tx - tw : tx - tw / 2;\n      const top =\n        baseline === \"top\" ? ty : baseline === \"bottom\" ? ty - th : ty - th / 2;\n      tx +=\n        Math.max(0, bounds.left - left) - Math.max(0, left + tw - bounds.right);\n      ty +=\n        Math.max(0, bounds.top - top) - Math.max(0, top + th - bounds.bottom);\n      ctx.textAlign = align;\n      ctx.textBaseline = baseline;\n      ctx.fillText(axis.title, tx, ty);\n    }\n  }\n};\n\n/** Vertical color bar with its ticks and title */\nexport const drawColorBar = (\n  ctx: CanvasRenderingContext2D,\n  rect: Rect,\n  lut: ColorLut,\n  domain: readonly [number, number],\n  format: (value: number) => string,\n  title: string,\n  style: OverlayStyle,\n  /** Right end of the stage: the title is shifted left to fit */\n  right = Infinity,\n): void => {\n  const gradient = ctx.createLinearGradient(0, rect.y + rect.h, 0, rect.y);\n  const samples = 24;\n  for (let i = 0; i <= samples; i++) {\n    const c = lut.rgba[Math.round((i / samples) * (lut.rgba.length - 1))];\n    if (c) gradient.addColorStop(i / samples, toCss(c));\n  }\n  ctx.fillStyle = gradient;\n  ctx.beginPath();\n  if (typeof ctx.roundRect === \"function\")\n    ctx.roundRect(rect.x, rect.y, rect.w, rect.h, 3);\n  else ctx.rect(rect.x, rect.y, rect.w, rect.h);\n  ctx.fill();\n  ctx.strokeStyle = style.axis;\n  ctx.lineWidth = 1;\n  ctx.stroke();\n  const [min, max] = domain;\n  const span = max - min || 1;\n  ctx.font = `${style.fontSize}px ${style.font}`;\n  ctx.fillStyle = style.muted;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  const ticks = linearTicks(min, max, Math.max(2, Math.round(rect.h / 40)));\n  ctx.beginPath();\n  for (const t of ticks) {\n    const y = rect.y + rect.h - ((t - min) / span) * rect.h;\n    if (y < rect.y - 0.5 || y > rect.y + rect.h + 0.5) continue;\n    ctx.moveTo(rect.x + rect.w, y);\n    ctx.lineTo(rect.x + rect.w + 4, y);\n    ctx.fillText(format(t), rect.x + rect.w + 7, y);\n  }\n  ctx.strokeStyle = style.axis;\n  ctx.stroke();\n  if (title) {\n    ctx.font = `600 ${style.fontSize}px ${style.font}`;\n    ctx.fillStyle = style.text;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"bottom\";\n    const w = ctx.measureText(title).width;\n    ctx.fillText(\n      title,\n      Math.max(4, Math.min(rect.x, right - 4 - w)),\n      rect.y - 8,\n    );\n  }\n};\n\n/** Highlight of the hovered item */\nexport type HighlightShape =\n  | { kind: \"point\"; x: number; y: number; radius: number; color: string }\n  | { kind: \"box\"; min: Vec3; max: Vec3; color: string }\n  | { kind: \"vertex\"; world: Vec3; color: string };\n\nexport const drawHighlight = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  shape: HighlightShape,\n  style: OverlayStyle,\n): void => {\n  ctx.save();\n  if (shape.kind === \"point\") {\n    ctx.beginPath();\n    ctx.arc(shape.x, shape.y, shape.radius + 3, 0, Math.PI * 2);\n    ctx.lineWidth = 3;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else if (shape.kind === \"box\") {\n    const { min, max } = shape;\n    const corner = (i: number) =>\n      project(\n        frame,\n        i & 1 ? max[0] : min[0],\n        i & 2 ? max[1] : min[1],\n        i & 4 ? max[2] : min[2],\n      );\n    const pts = Array.from({ length: 8 }, (_, i) => corner(i));\n    ctx.beginPath();\n    for (let i = 0; i < 8; i++) {\n      for (const bit of [1, 2, 4]) {\n        if (i & bit) continue;\n        const a = pts[i]!;\n        const b = pts[i | bit]!;\n        ctx.moveTo(a.x, a.y);\n        ctx.lineTo(b.x, b.y);\n      }\n    }\n    ctx.lineJoin = \"round\";\n    ctx.lineWidth = 3.5;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else {\n    const [x, y, z] = shape.world;\n    const top = project(frame, x, y, z);\n    const floor = project(frame, x, y, -axes.z.half);\n    ctx.beginPath();\n    ctx.setLineDash([3, 3]);\n    ctx.moveTo(top.x, top.y);\n    ctx.lineTo(floor.x, floor.y);\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.beginPath();\n    ctx.arc(floor.x, floor.y, 2.5, 0, Math.PI * 2);\n    ctx.fillStyle = style.text;\n    ctx.fill();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 5, 0, Math.PI * 2);\n    ctx.fillStyle = shape.color;\n    ctx.fill();\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 7, 0, Math.PI * 2);\n    ctx.lineWidth = 1.25;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}
+{"version":3,"file":"overlay.cjs","names":["toCss","toWorld","project","linearTicks","require_color","require_scale","require_model","require_math","overlayStyle","theme","dark","AXES","gridPositions","axis","out","i","farWalls","frame","half","axes","at","p","rest","value","drawWalls","h","walls","P","a","b","c","base","corner","sb","sc","quad","ctx","q","style","along","across","w","p0","p1","s0","s1","overlaps","pad","CROSS_AXIS_GAP","labelEdge","eye","best","left","sx","sy","drawAxes","center","placed","size","labelFont","titleFont","edge","e0","e1","dx","dy","length","ox","oy","mx","my","align","baseline","labels","s","tick","text","x","y","step","kept","l","o","extent","distance","tx","ty","tw","th","bounds","rectAt","k","top","drawColorBar","gradient","rect","lut","min","max","domain","span","ticks","t","format","title","right","drawHighlight","shape","pts","bit","z","floor"],"sources":["../../../../../charts/src/engine/three-d/overlay.ts"],"sourcesContent":["// 2D overlay of the 3D charts: the far walls of the axis box with their grid\n// lines (below the data), then the tick labels, axis titles, color bar and\n// hover highlight (above the data). Text is always horizontal (screen\n// aligned) so it stays readable whatever the camera.\n\nimport { toCss, type Rgba } from \"../color\";\nimport { linearTicks } from \"../scale\";\nimport type { ColorLut } from \"./colormap\";\nimport { project, type CameraFrame, type Vec3 } from \"./math\";\nimport { toWorld, type AxisModel, type Model3D } from \"./model\";\n\nexport interface OverlayStyle {\n  text: string;\n  muted: string;\n  grid: string;\n  axis: string;\n  /** Tint of the walls */\n  wall: string;\n  /** Background (rings of the hover marker) */\n  background: string;\n  font: string;\n  fontSize: number;\n}\n\nexport const overlayStyle = (\n  theme: {\n    text: Rgba;\n    textMuted: Rgba;\n    grid: Rgba;\n    axis: Rgba;\n    background: Rgba;\n    fontFamily: string;\n    fontSize: number;\n  },\n  dark: boolean,\n): OverlayStyle => ({\n  text: toCss(theme.text),\n  muted: toCss(theme.textMuted),\n  grid: toCss(theme.grid),\n  axis: toCss(theme.axis),\n  wall: toCss(theme.text, dark ? 0.045 : 0.025),\n  background: toCss(theme.background),\n  font: theme.fontFamily,\n  fontSize: theme.fontSize,\n});\n\ntype Axes = Pick<Model3D, \"x\" | \"y\" | \"z\">;\n\nconst AXES: readonly (\"x\" | \"y\" | \"z\")[] = [\"x\", \"y\", \"z\"];\n\n/** World positions of the grid lines of an axis (category axes: between the categories) */\nexport const gridPositions = (axis: AxisModel): number[] => {\n  if (axis.categories) {\n    const out: number[] = [];\n    for (let i = 0; i < axis.categories.length - 1; i++)\n      out.push(toWorld(axis, i + 0.5));\n    return out;\n  }\n  return axis.ticks\n    .filter((t) => t > axis.domain[0] && t < axis.domain[1])\n    .map((t) => toWorld(axis, t));\n};\n\n/** Side (-1 / 1) of the far wall perpendicular to every axis */\nexport const farWalls = (frame: CameraFrame): [number, number, number] => [\n  frame.eye[0] >= 0 ? -1 : 1,\n  frame.eye[1] >= 0 ? -1 : 1,\n  frame.eye[2] >= 0 ? -1 : 1,\n];\n\nconst half = (axes: Axes): Vec3 => [axes.x.half, axes.y.half, axes.z.half];\n\nconst at = (axis: number, value: number, rest: Vec3): Vec3 => {\n  const p: Vec3 = [rest[0], rest[1], rest[2]];\n  p[axis] = value;\n  return p;\n};\n\n/** Far walls, their grid lines and borders */\nexport const drawWalls = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n): void => {\n  const h = half(axes);\n  const walls = farWalls(frame);\n  const P = (p: Vec3) => project(frame, p[0], p[1], p[2]);\n  ctx.lineWidth = 1;\n  for (let a = 0; a < 3; a++) {\n    const b = (a + 1) % 3;\n    const c = (a + 2) % 3;\n    const base: Vec3 = [0, 0, 0];\n    base[a] = walls[a] * h[a];\n    const corner = (sb: number, sc: number) => {\n      const p: Vec3 = [base[0], base[1], base[2]];\n      p[b] = sb * h[b];\n      p[c] = sc * h[c];\n      return P(p);\n    };\n    const quad = [corner(-1, -1), corner(1, -1), corner(1, 1), corner(-1, 1)];\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.fillStyle = style.wall;\n    ctx.fill();\n    // grid lines of the two axes spanning the wall\n    ctx.beginPath();\n    for (const [along, across] of [\n      [b, c],\n      [c, b],\n    ] as const) {\n      const axis = axes[AXES[along]!];\n      if (!axis.grid) continue;\n      for (const w of gridPositions(axis)) {\n        const p0 = at(along, w, base);\n        const p1 = at(along, w, base);\n        p0[across] = -h[across];\n        p1[across] = h[across];\n        const s0 = P(p0);\n        const s1 = P(p1);\n        ctx.moveTo(s0.x, s0.y);\n        ctx.lineTo(s1.x, s1.y);\n      }\n    }\n    ctx.strokeStyle = style.grid;\n    ctx.stroke();\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.strokeStyle = style.axis;\n    ctx.stroke();\n  }\n};\n\ninterface Rect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nconst overlaps = (a: Rect, b: Rect, pad = 2) =>\n  a.x < b.x + b.w + pad &&\n  b.x < a.x + a.w + pad &&\n  a.y < b.y + b.h + pad &&\n  b.y < a.y + a.h + pad;\n\n/** Smallest gap (px) between tick labels of different axes */\nconst CROSS_AXIS_GAP = 10;\n\n/** Edge (fixed coordinates of the two other axes) carrying the labels of an axis */\nexport const labelEdge = (\n  frame: CameraFrame,\n  axes: Axes,\n  axis: number,\n): Vec3 => {\n  const h = half(axes);\n  const eye = frame.eye;\n  if (axis === 0) return [0, (eye[1] >= 0 ? 1 : -1) * h[1], -h[2]];\n  if (axis === 1) return [(eye[0] >= 0 ? 1 : -1) * h[0], 0, -h[2]];\n  // vertical axis: the leftmost vertical edge on screen\n  let best: Vec3 = [-h[0], -h[1], 0];\n  let left = Infinity;\n  for (const sx of [-1, 1]) {\n    for (const sy of [-1, 1]) {\n      const p = project(frame, sx * h[0], sy * h[1], 0);\n      if (p.x < left) {\n        left = p.x;\n        best = [sx * h[0], sy * h[1], 0];\n      }\n    }\n  }\n  return best;\n};\n\n/** Area the labels and titles must stay in (CSS pixels of the stage) */\nexport interface OverlayBounds {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\n/** Tick labels and titles of the three axes */\nexport const drawAxes = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n  bounds: OverlayBounds = {\n    left: 0,\n    top: 0,\n    right: frame.width,\n    bottom: frame.height,\n  },\n): void => {\n  const center = project(frame, 0, 0, 0);\n  const placed: Rect[] = [];\n  const size = style.fontSize;\n  const labelFont = `${size}px ${style.font}`;\n  const titleFont = `600 ${size + 1}px ${style.font}`;\n  for (let a = 0; a < 3; a++) {\n    const axis = axes[AXES[a]!];\n    if (!axis.visible) continue;\n    const edge = labelEdge(frame, axes, a);\n    const e0 = project(frame, ...at(a, -axis.half, edge));\n    const e1 = project(frame, ...at(a, axis.half, edge));\n    let dx = e1.x - e0.x;\n    let dy = e1.y - e0.y;\n    const length = Math.hypot(dx, dy);\n    // seen end-on: no room for labels\n    if (length < 24) continue;\n    dx /= length;\n    dy /= length;\n    let ox = -dy;\n    let oy = dx;\n    const mx = (e0.x + e1.x) / 2;\n    const my = (e0.y + e1.y) / 2;\n    if (ox * (mx - center.x) + oy * (my - center.y) < 0) {\n      ox = -ox;\n      oy = -oy;\n    }\n    // vertical axis: labels go sideways\n    if (a === 2) {\n      ox = mx < center.x ? -1 : 1;\n      oy = 0;\n    }\n    const align: CanvasTextAlign =\n      ox > 0.35 ? \"left\" : ox < -0.35 ? \"right\" : \"center\";\n    const baseline: CanvasTextBaseline =\n      oy > 0.35 ? \"top\" : oy < -0.35 ? \"bottom\" : \"middle\";\n    ctx.font = labelFont;\n    ctx.textAlign = align;\n    ctx.textBaseline = baseline;\n    const gap = 8;\n    const labels = axis.ticks.map((tick, i) => {\n      const s = project(frame, ...at(a, toWorld(axis, tick), edge));\n      const text = axis.labels[i] ?? \"\";\n      const w = ctx.measureText(text).width;\n      const x = s.x + ox * gap;\n      const y = s.y + oy * gap;\n      const rx = align === \"left\" ? x : align === \"right\" ? x - w : x - w / 2;\n      const ry =\n        baseline === \"top\"\n          ? y\n          : baseline === \"bottom\"\n            ? y - size\n            : y - size / 2;\n      return { tick: s, text, x, y, rect: { x: rx, y: ry, w, h: size } };\n    });\n    // thin the labels until they do not overlap\n    let step = 1;\n    for (; step < labels.length; step++) {\n      const kept = labels.filter((_, i) => i % step === 0);\n      if (\n        kept.every(\n          (l, i) => !kept.slice(0, i).some((o) => overlaps(l.rect, o.rect)),\n        )\n      ) {\n        break;\n      }\n    }\n    let extent = 0;\n    ctx.beginPath();\n    labels.forEach((l, i) => {\n      if (i % step) return;\n      // wider gap to the labels of the other axes: at the shared corner, two\n      // labels side by side would read as one (\"-2 -2\")\n      if (placed.some((o) => overlaps(l.rect, o, CROSS_AXIS_GAP))) return;\n      placed.push(l.rect);\n      ctx.moveTo(l.tick.x, l.tick.y);\n      ctx.lineTo(l.tick.x + ox * 4, l.tick.y + oy * 4);\n      extent = Math.max(\n        extent,\n        Math.abs(ox) * l.rect.w + Math.abs(oy) * l.rect.h,\n      );\n    });\n    ctx.strokeStyle = style.axis;\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.fillStyle = style.muted;\n    labels.forEach((l, i) => {\n      if (i % step || !placed.includes(l.rect)) return;\n      ctx.fillText(l.text, l.x, l.y);\n    });\n    if (!axis.title) continue;\n    const distance = gap + extent + 10;\n    let tx = mx + ox * distance;\n    let ty = my + oy * distance;\n    ctx.font = titleFont;\n    ctx.fillStyle = style.text;\n    const tw = ctx.measureText(axis.title).width;\n    const th = size + 1;\n    if (a === 2) {\n      tx = Math.max(bounds.left + th, Math.min(bounds.right - th, tx));\n      ty = Math.max(bounds.top + tw / 2, Math.min(bounds.bottom - tw / 2, ty));\n      ctx.save();\n      ctx.translate(tx, ty);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.textBaseline = ox < 0 ? \"bottom\" : \"top\";\n      ctx.fillText(axis.title, 0, 0);\n      ctx.restore();\n    } else {\n      const rectAt = (x: number, y: number): Rect => ({\n        x: align === \"left\" ? x : align === \"right\" ? x - tw : x - tw / 2,\n        y: baseline === \"top\" ? y : baseline === \"bottom\" ? y - th : y - th / 2,\n        w: tw,\n        h: th,\n      });\n      // slanted axes: long titles move out until they clear the labels\n      for (\n        let k = 0;\n        k < 12 && placed.some((o) => overlaps(rectAt(tx, ty), o));\n        k++\n      ) {\n        tx += ox * 3;\n        ty += oy * 3;\n      }\n      // keep the whole title inside the bounds\n      const { x: left, y: top } = rectAt(tx, ty);\n      tx +=\n        Math.max(0, bounds.left - left) - Math.max(0, left + tw - bounds.right);\n      ty +=\n        Math.max(0, bounds.top - top) - Math.max(0, top + th - bounds.bottom);\n      placed.push(rectAt(tx, ty));\n      ctx.textAlign = align;\n      ctx.textBaseline = baseline;\n      ctx.fillText(axis.title, tx, ty);\n    }\n  }\n};\n\n/** Vertical color bar with its ticks and title */\nexport const drawColorBar = (\n  ctx: CanvasRenderingContext2D,\n  rect: Rect,\n  lut: ColorLut,\n  domain: readonly [number, number],\n  format: (value: number) => string,\n  title: string,\n  style: OverlayStyle,\n  /** Right end of the stage: the title is shifted left to fit */\n  right = Infinity,\n): void => {\n  const gradient = ctx.createLinearGradient(0, rect.y + rect.h, 0, rect.y);\n  const samples = 24;\n  for (let i = 0; i <= samples; i++) {\n    const c = lut.rgba[Math.round((i / samples) * (lut.rgba.length - 1))];\n    if (c) gradient.addColorStop(i / samples, toCss(c));\n  }\n  ctx.fillStyle = gradient;\n  ctx.beginPath();\n  if (typeof ctx.roundRect === \"function\")\n    ctx.roundRect(rect.x, rect.y, rect.w, rect.h, 3);\n  else ctx.rect(rect.x, rect.y, rect.w, rect.h);\n  ctx.fill();\n  ctx.strokeStyle = style.axis;\n  ctx.lineWidth = 1;\n  ctx.stroke();\n  const [min, max] = domain;\n  const span = max - min || 1;\n  ctx.font = `${style.fontSize}px ${style.font}`;\n  ctx.fillStyle = style.muted;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  const ticks = linearTicks(min, max, Math.max(2, Math.round(rect.h / 40)));\n  ctx.beginPath();\n  for (const t of ticks) {\n    const y = rect.y + rect.h - ((t - min) / span) * rect.h;\n    if (y < rect.y - 0.5 || y > rect.y + rect.h + 0.5) continue;\n    ctx.moveTo(rect.x + rect.w, y);\n    ctx.lineTo(rect.x + rect.w + 4, y);\n    ctx.fillText(format(t), rect.x + rect.w + 7, y);\n  }\n  ctx.strokeStyle = style.axis;\n  ctx.stroke();\n  if (title) {\n    ctx.font = `600 ${style.fontSize}px ${style.font}`;\n    ctx.fillStyle = style.text;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"bottom\";\n    const w = ctx.measureText(title).width;\n    ctx.fillText(\n      title,\n      Math.max(4, Math.min(rect.x, right - 4 - w)),\n      rect.y - 8,\n    );\n  }\n};\n\n/** Highlight of the hovered item */\nexport type HighlightShape =\n  | { kind: \"point\"; x: number; y: number; radius: number; color: string }\n  | { kind: \"box\"; min: Vec3; max: Vec3; color: string }\n  | { kind: \"vertex\"; world: Vec3; color: string };\n\nexport const drawHighlight = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  shape: HighlightShape,\n  style: OverlayStyle,\n): void => {\n  ctx.save();\n  if (shape.kind === \"point\") {\n    ctx.beginPath();\n    ctx.arc(shape.x, shape.y, shape.radius + 3, 0, Math.PI * 2);\n    ctx.lineWidth = 3;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else if (shape.kind === \"box\") {\n    const { min, max } = shape;\n    const corner = (i: number) =>\n      project(\n        frame,\n        i & 1 ? max[0] : min[0],\n        i & 2 ? max[1] : min[1],\n        i & 4 ? max[2] : min[2],\n      );\n    const pts = Array.from({ length: 8 }, (_, i) => corner(i));\n    ctx.beginPath();\n    for (let i = 0; i < 8; i++) {\n      for (const bit of [1, 2, 4]) {\n        if (i & bit) continue;\n        const a = pts[i]!;\n        const b = pts[i | bit]!;\n        ctx.moveTo(a.x, a.y);\n        ctx.lineTo(b.x, b.y);\n      }\n    }\n    ctx.lineJoin = \"round\";\n    ctx.lineWidth = 3.5;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else {\n    const [x, y, z] = shape.world;\n    const top = project(frame, x, y, z);\n    const floor = project(frame, x, y, -axes.z.half);\n    ctx.beginPath();\n    ctx.setLineDash([3, 3]);\n    ctx.moveTo(top.x, top.y);\n    ctx.lineTo(floor.x, floor.y);\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.beginPath();\n    ctx.arc(floor.x, floor.y, 2.5, 0, Math.PI * 2);\n    ctx.fillStyle = style.text;\n    ctx.fill();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 5, 0, Math.PI * 2);\n    ctx.fillStyle = shape.color;\n    ctx.fill();\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 7, 0, Math.PI * 2);\n    ctx.lineWidth = 1.25;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  }\n  ctx.restore();\n};\n"],"mappings":"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"}

package/dist/charts/engine/three-d/overlay.js

@@ -73,7 +73,7 @@ var i = (t, n) => ({
 		}
 		e.strokeStyle = i.grid, e.stroke(), e.beginPath(), m.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.closePath(), e.strokeStyle = i.axis, e.stroke();
 	}
-}, d = (e, t, n = 2) => e.x < t.x + t.w + n && t.x < e.x + e.w + n && e.y < t.y + t.h + n && t.y < e.y + e.h + n, f = (e, t, n) => {
+}, d = (e, t, n = 2) => e.x < t.x + t.w + n && t.x < e.x + e.w + n && e.y < t.y + t.h + n && t.y < e.y + e.h + n, f = 10, p = (e, t, n) => {
 	let i = c(t), a = e.eye;
 	if (n === 0) return [
 		0,
@@ -99,58 +99,65 @@ var i = (t, n) => ({
 		]);
 	}
 	return o;
-}, p = (e, t, i, o, s = {
+}, m = (e, t, i, o, s = {
 	left: 0,
 	top: 0,
 	right: t.width,
 	bottom: t.height
 }) => {
-	let c = r(t, 0, 0, 0), u = [], p = o.fontSize, m = `${p}px ${o.font}`, h = `600 ${p + 1}px ${o.font}`;
-	for (let g = 0; g < 3; g++) {
-		let _ = i[a[g]];
-		if (!_.visible) continue;
-		let v = f(t, i, g), y = r(t, ...l(g, -_.half, v)), b = r(t, ...l(g, _.half, v)), x = b.x - y.x, S = b.y - y.y, C = Math.hypot(x, S);
-		if (C < 24) continue;
-		x /= C, S /= C;
-		let w = -S, T = x, E = (y.x + b.x) / 2, D = (y.y + b.y) / 2;
-		w * (E - c.x) + T * (D - c.y) < 0 && (w = -w, T = -T), g === 2 && (w = E < c.x ? -1 : 1, T = 0);
-		let O = w > .35 ? "left" : w < -.35 ? "right" : "center", k = T > .35 ? "top" : T < -.35 ? "bottom" : "middle";
-		e.font = m, e.textAlign = O, e.textBaseline = k;
-		let A = _.ticks.map((i, a) => {
-			let o = r(t, ...l(g, n(_, i), v)), s = _.labels[a] ?? "", c = e.measureText(s).width, u = o.x + w * 8, d = o.y + T * 8;
+	let c = r(t, 0, 0, 0), u = [], m = o.fontSize, h = `${m}px ${o.font}`, g = `600 ${m + 1}px ${o.font}`;
+	for (let _ = 0; _ < 3; _++) {
+		let v = i[a[_]];
+		if (!v.visible) continue;
+		let y = p(t, i, _), b = r(t, ...l(_, -v.half, y)), x = r(t, ...l(_, v.half, y)), S = x.x - b.x, C = x.y - b.y, w = Math.hypot(S, C);
+		if (w < 24) continue;
+		S /= w, C /= w;
+		let T = -C, E = S, D = (b.x + x.x) / 2, O = (b.y + x.y) / 2;
+		T * (D - c.x) + E * (O - c.y) < 0 && (T = -T, E = -E), _ === 2 && (T = D < c.x ? -1 : 1, E = 0);
+		let k = T > .35 ? "left" : T < -.35 ? "right" : "center", A = E > .35 ? "top" : E < -.35 ? "bottom" : "middle";
+		e.font = h, e.textAlign = k, e.textBaseline = A;
+		let j = v.ticks.map((i, a) => {
+			let o = r(t, ...l(_, n(v, i), y)), s = v.labels[a] ?? "", c = e.measureText(s).width, u = o.x + T * 8, d = o.y + E * 8;
 			return {
 				tick: o,
 				text: s,
 				x: u,
 				y: d,
 				rect: {
-					x: O === "left" ? u : O === "right" ? u - c : u - c / 2,
-					y: k === "top" ? d : k === "bottom" ? d - p : d - p / 2,
+					x: k === "left" ? u : k === "right" ? u - c : u - c / 2,
+					y: A === "top" ? d : A === "bottom" ? d - m : d - m / 2,
 					w: c,
-					h: p
+					h: m
 				}
 			};
-		}), j = 1;
-		for (; j < A.length; j++) {
-			let e = A.filter((e, t) => t % j === 0);
+		}), M = 1;
+		for (; M < j.length; M++) {
+			let e = j.filter((e, t) => t % M === 0);
 			if (e.every((t, n) => !e.slice(0, n).some((e) => d(t.rect, e.rect)))) break;
 		}
-		let M = 0;
-		if (e.beginPath(), A.forEach((t, n) => {
-			n % j || u.some((e) => d(t.rect, e)) || (u.push(t.rect), e.moveTo(t.tick.x, t.tick.y), e.lineTo(t.tick.x + w * 4, t.tick.y + T * 4), M = Math.max(M, Math.abs(w) * t.rect.w + Math.abs(T) * t.rect.h));
-		}), e.strokeStyle = o.axis, e.lineWidth = 1, e.stroke(), e.fillStyle = o.muted, A.forEach((t, n) => {
-			n % j || !u.includes(t.rect) || e.fillText(t.text, t.x, t.y);
-		}), !_.title) continue;
-		let N = 8 + M + 10, P = E + w * N, F = D + T * N;
-		e.font = h, e.fillStyle = o.text;
-		let I = e.measureText(_.title).width, L = p + 1;
-		if (g === 2) P = Math.max(s.left + L, Math.min(s.right - L, P)), F = Math.max(s.top + I / 2, Math.min(s.bottom - I / 2, F)), e.save(), e.translate(P, F), e.rotate(-Math.PI / 2), e.textAlign = "center", e.textBaseline = w < 0 ? "bottom" : "top", e.fillText(_.title, 0, 0), e.restore();
+		let N = 0;
+		if (e.beginPath(), j.forEach((t, n) => {
+			n % M || u.some((e) => d(t.rect, e, f)) || (u.push(t.rect), e.moveTo(t.tick.x, t.tick.y), e.lineTo(t.tick.x + T * 4, t.tick.y + E * 4), N = Math.max(N, Math.abs(T) * t.rect.w + Math.abs(E) * t.rect.h));
+		}), e.strokeStyle = o.axis, e.lineWidth = 1, e.stroke(), e.fillStyle = o.muted, j.forEach((t, n) => {
+			n % M || !u.includes(t.rect) || e.fillText(t.text, t.x, t.y);
+		}), !v.title) continue;
+		let P = 8 + N + 10, F = D + T * P, I = O + E * P;
+		e.font = g, e.fillStyle = o.text;
+		let L = e.measureText(v.title).width, R = m + 1;
+		if (_ === 2) F = Math.max(s.left + R, Math.min(s.right - R, F)), I = Math.max(s.top + L / 2, Math.min(s.bottom - L / 2, I)), e.save(), e.translate(F, I), e.rotate(-Math.PI / 2), e.textAlign = "center", e.textBaseline = T < 0 ? "bottom" : "top", e.fillText(v.title, 0, 0), e.restore();
 		else {
-			let t = O === "left" ? P : O === "right" ? P - I : P - I / 2, n = k === "top" ? F : k === "bottom" ? F - L : F - L / 2;
-			P += Math.max(0, s.left - t) - Math.max(0, t + I - s.right), F += Math.max(0, s.top - n) - Math.max(0, n + L - s.bottom), e.textAlign = O, e.textBaseline = k, e.fillText(_.title, P, F);
+			let t = (e, t) => ({
+				x: k === "left" ? e : k === "right" ? e - L : e - L / 2,
+				y: A === "top" ? t : A === "bottom" ? t - R : t - R / 2,
+				w: L,
+				h: R
+			});
+			for (let e = 0; e < 12 && u.some((e) => d(t(F, I), e)); e++) F += T * 3, I += E * 3;
+			let { x: n, y: r } = t(F, I);
+			F += Math.max(0, s.left - n) - Math.max(0, n + L - s.right), I += Math.max(0, s.top - r) - Math.max(0, r + R - s.bottom), u.push(t(F, I)), e.textAlign = k, e.textBaseline = A, e.fillText(v.title, F, I);
 		}
 	}
-}, m = (n, r, i, a, o, s, c, l = Infinity) => {
+}, h = (n, r, i, a, o, s, c, l = Infinity) => {
 	let u = n.createLinearGradient(0, r.y + r.h, 0, r.y);
 	for (let t = 0; t <= 24; t++) {
 		let n = i.rgba[Math.round(t / 24 * (i.rgba.length - 1))];
@@ -170,7 +177,7 @@ var i = (t, n) => ({
 		let e = n.measureText(s).width;
 		n.fillText(s, Math.max(4, Math.min(r.x, l - 4 - e)), r.y - 8);
 	}
-}, h = (e, t, n, i, a) => {
+}, g = (e, t, n, i, a) => {
 	if (e.save(), i.kind === "point") e.beginPath(), e.arc(i.x, i.y, i.radius + 3, 0, Math.PI * 2), e.lineWidth = 3, e.strokeStyle = a.background, e.stroke(), e.lineWidth = 1.5, e.strokeStyle = a.text, e.stroke();
 	else if (i.kind === "box") {
 		let { min: n, max: o } = i, s = (e) => r(t, e & 1 ? o[0] : n[0], e & 2 ? o[1] : n[1], e & 4 ? o[2] : n[2]), c = Array.from({ length: 8 }, (e, t) => s(t));
@@ -192,6 +199,6 @@ var i = (t, n) => ({
 	e.restore();
 };
 //#endregion
-export { p as drawAxes, m as drawColorBar, h as drawHighlight, u as drawWalls, s as farWalls, o as gridPositions, f as labelEdge, i as overlayStyle };
+export { m as drawAxes, h as drawColorBar, g as drawHighlight, u as drawWalls, s as farWalls, o as gridPositions, p as labelEdge, i as overlayStyle };
 
 //# sourceMappingURL=overlay.js.map

package/dist/charts/engine/three-d/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["overlayStyle","toCss","theme","dark","AXES","gridPositions","axis","out","i","toWorld","farWalls","frame","half","axes","at","p","rest","value","drawWalls","h","walls","P","project","a","b","c","base","corner","sb","sc","quad","ctx","q","style","along","across","w","p0","p1","s0","s1","overlaps","pad","labelEdge","eye","best","left","sx","sy","drawAxes","center","placed","size","labelFont","titleFont","edge","e0","e1","dx","dy","length","ox","oy","mx","my","align","baseline","labels","s","tick","text","x","y","step","kept","l","o","extent","distance","tx","ty","tw","th","bounds","top","drawColorBar","gradient","rect","lut","min","max","domain","span","ticks","linearTicks","t","format","title","right","drawHighlight","shape","pts","bit","z","floor"],"sources":["../../../../../charts/src/engine/three-d/overlay.ts"],"sourcesContent":["// 2D overlay of the 3D charts: the far walls of the axis box with their grid\n// lines (below the data), then the tick labels, axis titles, color bar and\n// hover highlight (above the data). Text is always horizontal (screen\n// aligned) so it stays readable whatever the camera.\n\nimport { toCss, type Rgba } from \"../color\";\nimport { linearTicks } from \"../scale\";\nimport type { ColorLut } from \"./colormap\";\nimport { project, type CameraFrame, type Vec3 } from \"./math\";\nimport { toWorld, type AxisModel, type Model3D } from \"./model\";\n\nexport interface OverlayStyle {\n  text: string;\n  muted: string;\n  grid: string;\n  axis: string;\n  /** Tint of the walls */\n  wall: string;\n  /** Background (rings of the hover marker) */\n  background: string;\n  font: string;\n  fontSize: number;\n}\n\nexport const overlayStyle = (\n  theme: {\n    text: Rgba;\n    textMuted: Rgba;\n    grid: Rgba;\n    axis: Rgba;\n    background: Rgba;\n    fontFamily: string;\n    fontSize: number;\n  },\n  dark: boolean,\n): OverlayStyle => ({\n  text: toCss(theme.text),\n  muted: toCss(theme.textMuted),\n  grid: toCss(theme.grid),\n  axis: toCss(theme.axis),\n  wall: toCss(theme.text, dark ? 0.045 : 0.025),\n  background: toCss(theme.background),\n  font: theme.fontFamily,\n  fontSize: theme.fontSize,\n});\n\ntype Axes = Pick<Model3D, \"x\" | \"y\" | \"z\">;\n\nconst AXES: readonly (\"x\" | \"y\" | \"z\")[] = [\"x\", \"y\", \"z\"];\n\n/** World positions of the grid lines of an axis (category axes: between the categories) */\nexport const gridPositions = (axis: AxisModel): number[] => {\n  if (axis.categories) {\n    const out: number[] = [];\n    for (let i = 0; i < axis.categories.length - 1; i++)\n      out.push(toWorld(axis, i + 0.5));\n    return out;\n  }\n  return axis.ticks\n    .filter((t) => t > axis.domain[0] && t < axis.domain[1])\n    .map((t) => toWorld(axis, t));\n};\n\n/** Side (-1 / 1) of the far wall perpendicular to every axis */\nexport const farWalls = (frame: CameraFrame): [number, number, number] => [\n  frame.eye[0] >= 0 ? -1 : 1,\n  frame.eye[1] >= 0 ? -1 : 1,\n  frame.eye[2] >= 0 ? -1 : 1,\n];\n\nconst half = (axes: Axes): Vec3 => [axes.x.half, axes.y.half, axes.z.half];\n\nconst at = (axis: number, value: number, rest: Vec3): Vec3 => {\n  const p: Vec3 = [rest[0], rest[1], rest[2]];\n  p[axis] = value;\n  return p;\n};\n\n/** Far walls, their grid lines and borders */\nexport const drawWalls = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n): void => {\n  const h = half(axes);\n  const walls = farWalls(frame);\n  const P = (p: Vec3) => project(frame, p[0], p[1], p[2]);\n  ctx.lineWidth = 1;\n  for (let a = 0; a < 3; a++) {\n    const b = (a + 1) % 3;\n    const c = (a + 2) % 3;\n    const base: Vec3 = [0, 0, 0];\n    base[a] = walls[a] * h[a];\n    const corner = (sb: number, sc: number) => {\n      const p: Vec3 = [base[0], base[1], base[2]];\n      p[b] = sb * h[b];\n      p[c] = sc * h[c];\n      return P(p);\n    };\n    const quad = [corner(-1, -1), corner(1, -1), corner(1, 1), corner(-1, 1)];\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.fillStyle = style.wall;\n    ctx.fill();\n    // grid lines of the two axes spanning the wall\n    ctx.beginPath();\n    for (const [along, across] of [\n      [b, c],\n      [c, b],\n    ] as const) {\n      const axis = axes[AXES[along]!];\n      if (!axis.grid) continue;\n      for (const w of gridPositions(axis)) {\n        const p0 = at(along, w, base);\n        const p1 = at(along, w, base);\n        p0[across] = -h[across];\n        p1[across] = h[across];\n        const s0 = P(p0);\n        const s1 = P(p1);\n        ctx.moveTo(s0.x, s0.y);\n        ctx.lineTo(s1.x, s1.y);\n      }\n    }\n    ctx.strokeStyle = style.grid;\n    ctx.stroke();\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.strokeStyle = style.axis;\n    ctx.stroke();\n  }\n};\n\ninterface Rect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nconst overlaps = (a: Rect, b: Rect, pad = 2) =>\n  a.x < b.x + b.w + pad &&\n  b.x < a.x + a.w + pad &&\n  a.y < b.y + b.h + pad &&\n  b.y < a.y + a.h + pad;\n\n/** Edge (fixed coordinates of the two other axes) carrying the labels of an axis */\nexport const labelEdge = (\n  frame: CameraFrame,\n  axes: Axes,\n  axis: number,\n): Vec3 => {\n  const h = half(axes);\n  const eye = frame.eye;\n  if (axis === 0) return [0, (eye[1] >= 0 ? 1 : -1) * h[1], -h[2]];\n  if (axis === 1) return [(eye[0] >= 0 ? 1 : -1) * h[0], 0, -h[2]];\n  // vertical axis: the leftmost vertical edge on screen\n  let best: Vec3 = [-h[0], -h[1], 0];\n  let left = Infinity;\n  for (const sx of [-1, 1]) {\n    for (const sy of [-1, 1]) {\n      const p = project(frame, sx * h[0], sy * h[1], 0);\n      if (p.x < left) {\n        left = p.x;\n        best = [sx * h[0], sy * h[1], 0];\n      }\n    }\n  }\n  return best;\n};\n\n/** Area the labels and titles must stay in (CSS pixels of the stage) */\nexport interface OverlayBounds {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\n/** Tick labels and titles of the three axes */\nexport const drawAxes = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n  bounds: OverlayBounds = {\n    left: 0,\n    top: 0,\n    right: frame.width,\n    bottom: frame.height,\n  },\n): void => {\n  const center = project(frame, 0, 0, 0);\n  const placed: Rect[] = [];\n  const size = style.fontSize;\n  const labelFont = `${size}px ${style.font}`;\n  const titleFont = `600 ${size + 1}px ${style.font}`;\n  for (let a = 0; a < 3; a++) {\n    const axis = axes[AXES[a]!];\n    if (!axis.visible) continue;\n    const edge = labelEdge(frame, axes, a);\n    const e0 = project(frame, ...at(a, -axis.half, edge));\n    const e1 = project(frame, ...at(a, axis.half, edge));\n    let dx = e1.x - e0.x;\n    let dy = e1.y - e0.y;\n    const length = Math.hypot(dx, dy);\n    // seen end-on: no room for labels\n    if (length < 24) continue;\n    dx /= length;\n    dy /= length;\n    let ox = -dy;\n    let oy = dx;\n    const mx = (e0.x + e1.x) / 2;\n    const my = (e0.y + e1.y) / 2;\n    if (ox * (mx - center.x) + oy * (my - center.y) < 0) {\n      ox = -ox;\n      oy = -oy;\n    }\n    // vertical axis: labels go sideways\n    if (a === 2) {\n      ox = mx < center.x ? -1 : 1;\n      oy = 0;\n    }\n    const align: CanvasTextAlign =\n      ox > 0.35 ? \"left\" : ox < -0.35 ? \"right\" : \"center\";\n    const baseline: CanvasTextBaseline =\n      oy > 0.35 ? \"top\" : oy < -0.35 ? \"bottom\" : \"middle\";\n    ctx.font = labelFont;\n    ctx.textAlign = align;\n    ctx.textBaseline = baseline;\n    const gap = 8;\n    const labels = axis.ticks.map((tick, i) => {\n      const s = project(frame, ...at(a, toWorld(axis, tick), edge));\n      const text = axis.labels[i] ?? \"\";\n      const w = ctx.measureText(text).width;\n      const x = s.x + ox * gap;\n      const y = s.y + oy * gap;\n      const rx = align === \"left\" ? x : align === \"right\" ? x - w : x - w / 2;\n      const ry =\n        baseline === \"top\"\n          ? y\n          : baseline === \"bottom\"\n            ? y - size\n            : y - size / 2;\n      return { tick: s, text, x, y, rect: { x: rx, y: ry, w, h: size } };\n    });\n    // thin the labels until they do not overlap\n    let step = 1;\n    for (; step < labels.length; step++) {\n      const kept = labels.filter((_, i) => i % step === 0);\n      if (\n        kept.every(\n          (l, i) => !kept.slice(0, i).some((o) => overlaps(l.rect, o.rect)),\n        )\n      ) {\n        break;\n      }\n    }\n    let extent = 0;\n    ctx.beginPath();\n    labels.forEach((l, i) => {\n      if (i % step) return;\n      if (placed.some((o) => overlaps(l.rect, o))) return;\n      placed.push(l.rect);\n      ctx.moveTo(l.tick.x, l.tick.y);\n      ctx.lineTo(l.tick.x + ox * 4, l.tick.y + oy * 4);\n      extent = Math.max(\n        extent,\n        Math.abs(ox) * l.rect.w + Math.abs(oy) * l.rect.h,\n      );\n    });\n    ctx.strokeStyle = style.axis;\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.fillStyle = style.muted;\n    labels.forEach((l, i) => {\n      if (i % step || !placed.includes(l.rect)) return;\n      ctx.fillText(l.text, l.x, l.y);\n    });\n    if (!axis.title) continue;\n    const distance = gap + extent + 10;\n    let tx = mx + ox * distance;\n    let ty = my + oy * distance;\n    ctx.font = titleFont;\n    ctx.fillStyle = style.text;\n    const tw = ctx.measureText(axis.title).width;\n    const th = size + 1;\n    if (a === 2) {\n      tx = Math.max(bounds.left + th, Math.min(bounds.right - th, tx));\n      ty = Math.max(bounds.top + tw / 2, Math.min(bounds.bottom - tw / 2, ty));\n      ctx.save();\n      ctx.translate(tx, ty);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.textBaseline = ox < 0 ? \"bottom\" : \"top\";\n      ctx.fillText(axis.title, 0, 0);\n      ctx.restore();\n    } else {\n      // keep the whole title inside the bounds\n      const left =\n        align === \"left\" ? tx : align === \"right\" ? tx - tw : tx - tw / 2;\n      const top =\n        baseline === \"top\" ? ty : baseline === \"bottom\" ? ty - th : ty - th / 2;\n      tx +=\n        Math.max(0, bounds.left - left) - Math.max(0, left + tw - bounds.right);\n      ty +=\n        Math.max(0, bounds.top - top) - Math.max(0, top + th - bounds.bottom);\n      ctx.textAlign = align;\n      ctx.textBaseline = baseline;\n      ctx.fillText(axis.title, tx, ty);\n    }\n  }\n};\n\n/** Vertical color bar with its ticks and title */\nexport const drawColorBar = (\n  ctx: CanvasRenderingContext2D,\n  rect: Rect,\n  lut: ColorLut,\n  domain: readonly [number, number],\n  format: (value: number) => string,\n  title: string,\n  style: OverlayStyle,\n  /** Right end of the stage: the title is shifted left to fit */\n  right = Infinity,\n): void => {\n  const gradient = ctx.createLinearGradient(0, rect.y + rect.h, 0, rect.y);\n  const samples = 24;\n  for (let i = 0; i <= samples; i++) {\n    const c = lut.rgba[Math.round((i / samples) * (lut.rgba.length - 1))];\n    if (c) gradient.addColorStop(i / samples, toCss(c));\n  }\n  ctx.fillStyle = gradient;\n  ctx.beginPath();\n  if (typeof ctx.roundRect === \"function\")\n    ctx.roundRect(rect.x, rect.y, rect.w, rect.h, 3);\n  else ctx.rect(rect.x, rect.y, rect.w, rect.h);\n  ctx.fill();\n  ctx.strokeStyle = style.axis;\n  ctx.lineWidth = 1;\n  ctx.stroke();\n  const [min, max] = domain;\n  const span = max - min || 1;\n  ctx.font = `${style.fontSize}px ${style.font}`;\n  ctx.fillStyle = style.muted;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  const ticks = linearTicks(min, max, Math.max(2, Math.round(rect.h / 40)));\n  ctx.beginPath();\n  for (const t of ticks) {\n    const y = rect.y + rect.h - ((t - min) / span) * rect.h;\n    if (y < rect.y - 0.5 || y > rect.y + rect.h + 0.5) continue;\n    ctx.moveTo(rect.x + rect.w, y);\n    ctx.lineTo(rect.x + rect.w + 4, y);\n    ctx.fillText(format(t), rect.x + rect.w + 7, y);\n  }\n  ctx.strokeStyle = style.axis;\n  ctx.stroke();\n  if (title) {\n    ctx.font = `600 ${style.fontSize}px ${style.font}`;\n    ctx.fillStyle = style.text;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"bottom\";\n    const w = ctx.measureText(title).width;\n    ctx.fillText(\n      title,\n      Math.max(4, Math.min(rect.x, right - 4 - w)),\n      rect.y - 8,\n    );\n  }\n};\n\n/** Highlight of the hovered item */\nexport type HighlightShape =\n  | { kind: \"point\"; x: number; y: number; radius: number; color: string }\n  | { kind: \"box\"; min: Vec3; max: Vec3; color: string }\n  | { kind: \"vertex\"; world: Vec3; color: string };\n\nexport const drawHighlight = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  shape: HighlightShape,\n  style: OverlayStyle,\n): void => {\n  ctx.save();\n  if (shape.kind === \"point\") {\n    ctx.beginPath();\n    ctx.arc(shape.x, shape.y, shape.radius + 3, 0, Math.PI * 2);\n    ctx.lineWidth = 3;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else if (shape.kind === \"box\") {\n    const { min, max } = shape;\n    const corner = (i: number) =>\n      project(\n        frame,\n        i & 1 ? max[0] : min[0],\n        i & 2 ? max[1] : min[1],\n        i & 4 ? max[2] : min[2],\n      );\n    const pts = Array.from({ length: 8 }, (_, i) => corner(i));\n    ctx.beginPath();\n    for (let i = 0; i < 8; i++) {\n      for (const bit of [1, 2, 4]) {\n        if (i & bit) continue;\n        const a = pts[i]!;\n        const b = pts[i | bit]!;\n        ctx.moveTo(a.x, a.y);\n        ctx.lineTo(b.x, b.y);\n      }\n    }\n    ctx.lineJoin = \"round\";\n    ctx.lineWidth = 3.5;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else {\n    const [x, y, z] = shape.world;\n    const top = project(frame, x, y, z);\n    const floor = project(frame, x, y, -axes.z.half);\n    ctx.beginPath();\n    ctx.setLineDash([3, 3]);\n    ctx.moveTo(top.x, top.y);\n    ctx.lineTo(floor.x, floor.y);\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.beginPath();\n    ctx.arc(floor.x, floor.y, 2.5, 0, Math.PI * 2);\n    ctx.fillStyle = style.text;\n    ctx.fill();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 5, 0, Math.PI * 2);\n    ctx.fillStyle = shape.color;\n    ctx.fill();\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 7, 0, Math.PI * 2);\n    ctx.lineWidth = 1.25;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  }\n  ctx.restore();\n};\n"],"mappings":";;;;;AAwBA,IAAaA,KACX,GASA,OACkB;CAClB,MAAMC,EAAMC,EAAM,IAAI;CACtB,OAAOD,EAAMC,EAAM,SAAS;CAC5B,MAAMD,EAAMC,EAAM,IAAI;CACtB,MAAMD,EAAMC,EAAM,IAAI;CACtB,MAAMD,EAAMC,EAAM,MAAMC,IAAO,OAAQ,IAAK;CAC5C,YAAYF,EAAMC,EAAM,UAAU;CAClC,MAAMA,EAAM;CACZ,UAAUA,EAAM;AAClB,IAIME,IAAqC;CAAC;CAAK;CAAK;AAAG,GAG5CC,KAAiB,MAA8B;CAC1D,IAAIC,EAAK,YAAY;EACnB,IAAMC,IAAgB,CAAC;EACvB,KAAK,IAAIC,IAAI,GAAGA,IAAIF,EAAK,WAAW,SAAS,GAAG,KAC9C,EAAI,KAAKG,EAAQH,GAAME,IAAI,EAAG,CAAC;EACjC,OAAOD;CACT;CACA,OAAOD,EAAK,MACT,QAAQ,MAAM,IAAIA,EAAK,OAAO,MAAM,IAAIA,EAAK,OAAO,EAAE,CAAC,CACvD,KAAK,MAAMG,EAAQH,GAAM,CAAC,CAAC;AAChC,GAGaI,KAAY,MAAiD;CACxEC,EAAM,IAAI,MAAM,IAAI,KAAK;CACzBA,EAAM,IAAI,MAAM,IAAI,KAAK;CACzBA,EAAM,IAAI,MAAM,IAAI,KAAK;AAC3B,GAEMC,KAAQ,MAAqB;CAACC,EAAK,EAAE;CAAMA,EAAK,EAAE;CAAMA,EAAK,EAAE;AAAI,GAEnEC,KAAM,GAAc,GAAe,MAAqB;CAC5D,IAAMC,IAAU;EAACC,EAAK;EAAIA,EAAK;EAAIA,EAAK;CAAE;CAE1C,OADA,EAAEV,KAAQW,GACHF;AACT,GAGaG,KACX,GACA,GACA,GACA,MACS;CACT,IAAMC,IAAIP,EAAKC,CAAI,GACbO,IAAQV,EAASC,CAAK,GACtBU,KAAK,MAAYC,EAAQX,GAAOI,EAAE,IAAIA,EAAE,IAAIA,EAAE,EAAE;CACtD,EAAI,YAAY;CAChB,KAAK,IAAIQ,IAAI,GAAGA,IAAI,GAAG,KAAK;EAC1B,IAAMC,KAAKD,IAAI,KAAK,GACdE,KAAKF,IAAI,KAAK,GACdG,IAAa;GAAC;GAAG;GAAG;EAAC;EAC3B,EAAKH,KAAKH,EAAMG,KAAKJ,EAAEI;EACvB,IAAMI,KAAU,GAAY,MAAe;GACzC,IAAMZ,IAAU;IAACW,EAAK;IAAIA,EAAK;IAAIA,EAAK;GAAE;GAG1C,OAFA,EAAEF,KAAKI,IAAKT,EAAEK,IACd,EAAEC,KAAKI,IAAKV,EAAEM,IACPJ,EAAEN,CAAC;EACZ,GACMe,IAAO;GAACH,EAAO,IAAI,EAAE;GAAGA,EAAO,GAAG,EAAE;GAAGA,EAAO,GAAG,CAAC;GAAGA,EAAO,IAAI,CAAC;EAAC;EAOxE,AANAI,EAAI,UAAU,GACdD,EAAK,SAAS,GAAG,MAAOtB,IAAIuB,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,IAAID,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,CAAE,GACxED,EAAI,UAAU,GACd,EAAI,YAAYE,EAAM,MACtBF,EAAI,KAAK,GAETA,EAAI,UAAU;EACd,KAAK,IAAM,CAACG,GAAOC,MAAW,CAC5B,CAACX,GAAGC,CAAC,GACL,CAACA,GAAGD,CAAC,CACP,GAAY;GACV,IAAMlB,IAAOO,EAAKT,EAAK8B;GACvB,IAAK5B,EAAK,MACV,KAAK,IAAM8B,KAAK/B,EAAcC,CAAI,GAAG;IACnC,IAAM+B,IAAKvB,EAAGoB,GAAOE,GAAGV,CAAI,GACtBY,IAAKxB,EAAGoB,GAAOE,GAAGV,CAAI;IAE5B,AADA,EAAGS,KAAU,CAAChB,EAAEgB,IAChB,EAAGA,KAAUhB,EAAEgB;IACf,IAAMI,IAAKlB,EAAEgB,CAAE,GACTG,IAAKnB,EAAEiB,CAAE;IAEf,AADAP,EAAI,OAAOQ,EAAG,GAAGA,EAAG,CAAC,GACrBR,EAAI,OAAOS,EAAG,GAAGA,EAAG,CAAC;GACvB;EACF;EAOA,AANA,EAAI,cAAcP,EAAM,MACxBF,EAAI,OAAO,GACXA,EAAI,UAAU,GACdD,EAAK,SAAS,GAAG,MAAOtB,IAAIuB,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,IAAID,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,CAAE,GACxED,EAAI,UAAU,GACd,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;CACb;AACF,GASMU,KAAY,GAAS,GAAS,IAAM,MACxClB,EAAE,IAAIC,EAAE,IAAIA,EAAE,IAAIkB,KAClBlB,EAAE,IAAID,EAAE,IAAIA,EAAE,IAAImB,KAClBnB,EAAE,IAAIC,EAAE,IAAIA,EAAE,IAAIkB,KAClBlB,EAAE,IAAID,EAAE,IAAIA,EAAE,IAAImB,GAGPC,KACX,GACA,GACA,MACS;CACT,IAAMxB,IAAIP,EAAKC,CAAI,GACb+B,IAAMjC,EAAM;CAClB,IAAIL,MAAS,GAAG,OAAO;EAAC;GAAIsC,EAAI,MAAM,IAAI,IAAI,MAAMzB,EAAE;EAAI,CAACA,EAAE;CAAE;CAC/D,IAAIb,MAAS,GAAG,OAAO;GAAEsC,EAAI,MAAM,IAAI,IAAI,MAAMzB,EAAE;EAAI;EAAG,CAACA,EAAE;CAAE;CAE/D,IAAI0B,IAAa;EAAC,CAAC1B,EAAE;EAAI,CAACA,EAAE;EAAI;CAAC,GAC7B2B,IAAO;CACX,KAAK,IAAMC,KAAM,CAAC,IAAI,CAAC,GACrB,KAAK,IAAMC,KAAM,CAAC,IAAI,CAAC,GAAG;EACxB,IAAMjC,IAAIO,EAAQX,GAAOoC,IAAK5B,EAAE,IAAI6B,IAAK7B,EAAE,IAAI,CAAC;EAChD,AAAIJ,EAAE,IAAI+B,MACR,IAAO/B,EAAE,GACT,IAAO;GAACgC,IAAK5B,EAAE;GAAI6B,IAAK7B,EAAE;GAAI;EAAC;CAEnC;CAEF,OAAO0B;AACT,GAWaI,KACX,GACA,GACA,GACA,GACA,IAAwB;CACtB,MAAM;CACN,KAAK;CACL,OAAOtC,EAAM;CACb,QAAQA,EAAM;AAChB,MACS;CACT,IAAMuC,IAAS5B,EAAQX,GAAO,GAAG,GAAG,CAAC,GAC/BwC,IAAiB,CAAC,GAClBC,IAAOnB,EAAM,UACboB,IAAY,GAAGD,EAAK,KAAKnB,EAAM,QAC/BqB,IAAY,OAAOF,IAAO,EAAE,KAAKnB,EAAM;CAC7C,KAAK,IAAIV,IAAI,GAAGA,IAAI,GAAG,KAAK;EAC1B,IAAMjB,IAAOO,EAAKT,EAAKmB;EACvB,IAAI,CAACjB,EAAK,SAAS;EACnB,IAAMiD,IAAOZ,EAAUhC,GAAOE,GAAMU,CAAC,GAC/BiC,IAAKlC,EAAQX,GAAO,GAAGG,EAAGS,GAAG,CAACjB,EAAK,MAAMiD,CAAI,CAAC,GAC9CE,IAAKnC,EAAQX,GAAO,GAAGG,EAAGS,GAAGjB,EAAK,MAAMiD,CAAI,CAAC,GAC/CG,IAAKD,EAAG,IAAID,EAAG,GACfG,IAAKF,EAAG,IAAID,EAAG,GACbI,IAAS,KAAK,MAAMF,GAAIC,CAAE;EAEhC,IAAIC,IAAS,IAAI;EAEjB,AADA,KAAMA,GACN,KAAMA;EACN,IAAIC,IAAK,CAACF,GACNG,IAAKJ,GACHK,KAAMP,EAAG,IAAIC,EAAG,KAAK,GACrBO,KAAMR,EAAG,IAAIC,EAAG,KAAK;EAM3B,AALII,KAAME,IAAKb,EAAO,KAAKY,KAAME,IAAKd,EAAO,KAAK,MAChD,IAAK,CAACW,GACN,IAAK,CAACC,IAGJvC,MAAM,MACR,IAAKwC,IAAKb,EAAO,IAAI,KAAK,GAC1B,IAAK;EAEP,IAAMe,IACJJ,IAAK,MAAO,SAASA,IAAK,OAAQ,UAAU,UACxCK,IACJJ,IAAK,MAAO,QAAQA,IAAK,OAAQ,WAAW;EAG9C,AAFA,EAAI,OAAOT,GACX,EAAI,YAAYY,GAChB,EAAI,eAAeC;EACnB,IACMC,IAAS7D,EAAK,MAAM,KAAK,GAAM,MAAM;GACzC,IAAM8D,IAAI9C,EAAQX,GAAO,GAAGG,EAAGS,GAAGd,EAAQH,GAAM+D,CAAI,GAAGd,CAAI,CAAC,GACtDe,IAAOhE,EAAK,OAAOE,MAAM,IACzB4B,IAAIL,EAAI,YAAYuC,CAAI,CAAC,CAAC,OAC1BC,IAAIH,EAAE,IAAIP,IAAK,GACfW,IAAIJ,EAAE,IAAIN,IAAK;GAQrB,OAAO;IAAE,MAAMM;IAAG;IAAM;IAAG;IAAG,MAAM;KAAE,GAP3BH,MAAU,SAASM,IAAIN,MAAU,UAAUM,IAAInC,IAAImC,IAAInC,IAAI;KAOzB,GAL3C8B,MAAa,QACTM,IACAN,MAAa,WACXM,IAAIpB,IACJoB,IAAIpB,IAAO;KACiC;KAAG,GAAGA;IAAK;GAAE;EACnE,CAAC,GAEGqB,IAAO;EACX,OAAOA,IAAON,EAAO,QAAQ,KAAQ;GACnC,IAAMO,IAAOP,EAAO,QAAQ,GAAG,MAAM3D,IAAIiE,MAAS,CAAC;GACnD,IACEC,EAAK,OACF,GAAG,MAAM,CAACA,EAAK,MAAM,GAAGlE,CAAC,CAAC,CAAC,MAAM,MAAMiC,EAASkC,EAAE,MAAMC,EAAE,IAAI,CAAC,CAClE,GAEA;EAEJ;EACA,IAAIC,IAAS;EAqBb,IApBA9C,EAAI,UAAU,GACdoC,EAAO,SAAS,GAAG,MAAM;GACvB,AAAI3D,IAAIiE,KACJtB,EAAO,MAAM,MAAMV,EAASkC,EAAE,MAAMC,CAAC,CAAC,MAC1CzB,EAAO,KAAKwB,EAAE,IAAI,GAClB5C,EAAI,OAAO4C,EAAE,KAAK,GAAGA,EAAE,KAAK,CAAC,GAC7B5C,EAAI,OAAO4C,EAAE,KAAK,IAAId,IAAK,GAAGc,EAAE,KAAK,IAAIb,IAAK,CAAC,GAC/C,IAAS,KAAK,IACZe,GACA,KAAK,IAAIhB,CAAE,IAAIc,EAAE,KAAK,IAAI,KAAK,IAAIb,CAAE,IAAIa,EAAE,KAAK,CAClD;EACF,CAAC,GACD,EAAI,cAAc1C,EAAM,MACxB,EAAI,YAAY,GAChBF,EAAI,OAAO,GACX,EAAI,YAAYE,EAAM,OACtBkC,EAAO,SAAS,GAAG,MAAM;GACvB,AAAI3D,IAAIiE,KAAQ,CAACtB,EAAO,SAASwB,EAAE,IAAI,KACvC5C,EAAI,SAAS4C,EAAE,MAAMA,EAAE,GAAGA,EAAE,CAAC;EAC/B,CAAC,GACG,CAACrE,EAAK,OAAO;EACjB,IAAMwE,IAAW,IAAMD,IAAS,IAC5BE,IAAKhB,IAAKF,IAAKiB,GACfE,IAAKhB,IAAKF,IAAKgB;EAEnB,AADA,EAAI,OAAOxB,GACX,EAAI,YAAYrB,EAAM;EACtB,IAAMgD,IAAKlD,EAAI,YAAYzB,EAAK,KAAK,CAAC,CAAC,OACjC4E,IAAK9B,IAAO;EAClB,IAAI7B,MAAM,GASR,AARA,IAAK,KAAK,IAAI4D,EAAO,OAAOD,GAAI,KAAK,IAAIC,EAAO,QAAQD,GAAIH,CAAE,CAAC,GAC/D,IAAK,KAAK,IAAII,EAAO,MAAMF,IAAK,GAAG,KAAK,IAAIE,EAAO,SAASF,IAAK,GAAGD,CAAE,CAAC,GACvEjD,EAAI,KAAK,GACTA,EAAI,UAAUgD,GAAIC,CAAE,GACpBjD,EAAI,OAAO,CAAC,KAAK,KAAK,CAAC,GACvB,EAAI,YAAY,UAChB,EAAI,eAAe8B,IAAK,IAAI,WAAW,OACvC9B,EAAI,SAASzB,EAAK,OAAO,GAAG,CAAC,GAC7ByB,EAAI,QAAQ;OACP;GAEL,IAAMe,IACJmB,MAAU,SAASc,IAAKd,MAAU,UAAUc,IAAKE,IAAKF,IAAKE,IAAK,GAC5DG,IACJlB,MAAa,QAAQc,IAAKd,MAAa,WAAWc,IAAKE,IAAKF,IAAKE,IAAK;GAOxE,AANA,KACE,KAAK,IAAI,GAAGC,EAAO,OAAOrC,CAAI,IAAI,KAAK,IAAI,GAAGA,IAAOmC,IAAKE,EAAO,KAAK,GACxE,KACE,KAAK,IAAI,GAAGA,EAAO,MAAMC,CAAG,IAAI,KAAK,IAAI,GAAGA,IAAMF,IAAKC,EAAO,MAAM,GACtE,EAAI,YAAYlB,GAChB,EAAI,eAAeC,GACnBnC,EAAI,SAASzB,EAAK,OAAOyE,GAAIC,CAAE;EACjC;CACF;AACF,GAGaK,KACX,GACA,GACA,GACA,GACA,GACA,GACA,GAEA,IAAQ,aACC;CACT,IAAMC,IAAWvD,EAAI,qBAAqB,GAAGwD,EAAK,IAAIA,EAAK,GAAG,GAAGA,EAAK,CAAC;CAEvE,KAAK,IAAI/E,IAAI,GAAGA,KAAK,IAAS,KAAK;EACjC,IAAMiB,IAAI+D,EAAI,KAAK,KAAK,MAAOhF,IAAI,MAAYgF,EAAI,KAAK,SAAS,EAAE;EACnE,AAAI/D,KAAG6D,EAAS,aAAa9E,IAAI,IAASP,EAAMwB,CAAC,CAAC;CACpD;CASA,AARA,EAAI,YAAY6D,GAChBvD,EAAI,UAAU,GACV,OAAOA,EAAI,aAAc,aAC3BA,EAAI,UAAUwD,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAG,CAAC,IAC5CxD,EAAI,KAAKwD,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAGA,EAAK,CAAC,GAC5CxD,EAAI,KAAK,GACT,EAAI,cAAcE,EAAM,MACxB,EAAI,YAAY,GAChBF,EAAI,OAAO;CACX,IAAM,CAAC0D,GAAKC,KAAOC,GACbC,IAAOF,IAAMD,KAAO;CAI1B,AAHA,EAAI,OAAO,GAAGxD,EAAM,SAAS,KAAKA,EAAM,QACxC,EAAI,YAAYA,EAAM,OACtB,EAAI,YAAY,QAChB,EAAI,eAAe;CACnB,IAAM4D,IAAQC,EAAYL,GAAKC,GAAK,KAAK,IAAI,GAAG,KAAK,MAAMH,EAAK,IAAI,EAAE,CAAC,CAAC;CACxE,EAAI,UAAU;CACd,KAAK,IAAMQ,KAAKF,GAAO;EACrB,IAAMrB,IAAIe,EAAK,IAAIA,EAAK,KAAMQ,IAAIN,KAAOG,IAAQL,EAAK;EACtD,AAAIf,IAAIe,EAAK,IAAI,MAAOf,IAAIe,EAAK,IAAIA,EAAK,IAAI,OAC9CxD,EAAI,OAAOwD,EAAK,IAAIA,EAAK,GAAGf,CAAC,GAC7BzC,EAAI,OAAOwD,EAAK,IAAIA,EAAK,IAAI,GAAGf,CAAC,GACjCzC,EAAI,SAASiE,EAAOD,CAAC,GAAGR,EAAK,IAAIA,EAAK,IAAI,GAAGf,CAAC;CAChD;CAGA,IAFA,EAAI,cAAcvC,EAAM,MACxBF,EAAI,OAAO,GACPkE,GAAO;EAIT,AAHA,EAAI,OAAO,OAAOhE,EAAM,SAAS,KAAKA,EAAM,QAC5C,EAAI,YAAYA,EAAM,MACtB,EAAI,YAAY,QAChB,EAAI,eAAe;EACnB,IAAMG,IAAIL,EAAI,YAAYkE,CAAK,CAAC,CAAC;EACjC,EAAI,SACFA,GACA,KAAK,IAAI,GAAG,KAAK,IAAIV,EAAK,GAAGW,IAAQ,IAAI9D,CAAC,CAAC,GAC3CmD,EAAK,IAAI,CACX;CACF;AACF,GAQaY,KACX,GACA,GACA,GACA,GACA,MACS;CAET,IADApE,EAAI,KAAK,GACLqE,EAAM,SAAS,SAQjB,AAPArE,EAAI,UAAU,GACdA,EAAI,IAAIqE,EAAM,GAAGA,EAAM,GAAGA,EAAM,SAAS,GAAG,GAAG,KAAK,KAAK,CAAC,GAC1D,EAAI,YAAY,GAChB,EAAI,cAAcnE,EAAM,YACxBF,EAAI,OAAO,GACX,EAAI,YAAY,KAChB,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;MACN,IAAIqE,EAAM,SAAS,OAAO;EAC/B,IAAM,EAAE,QAAK,WAAQA,GACfzE,KAAU,MACdL,EACEX,GACAH,IAAI,IAAIkF,EAAI,KAAKD,EAAI,IACrBjF,IAAI,IAAIkF,EAAI,KAAKD,EAAI,IACrBjF,IAAI,IAAIkF,EAAI,KAAKD,EAAI,EACvB,GACIY,IAAM,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM1E,EAAOnB,CAAC,CAAC;EACzD,EAAI,UAAU;EACd,KAAK,IAAIA,IAAI,GAAGA,IAAI,GAAG,KACrB,KAAK,IAAM8F,KAAO;GAAC;GAAG;GAAG;EAAC,GAAG;GAC3B,IAAI9F,IAAI8F,GAAK;GACb,IAAM/E,IAAI8E,EAAI7F,IACRgB,IAAI6E,EAAI7F,IAAI8F;GAElB,AADAvE,EAAI,OAAOR,EAAE,GAAGA,EAAE,CAAC,GACnBQ,EAAI,OAAOP,EAAE,GAAGA,EAAE,CAAC;EACrB;EAQF,AANA,EAAI,WAAW,SACf,EAAI,YAAY,KAChB,EAAI,cAAcS,EAAM,YACxBF,EAAI,OAAO,GACX,EAAI,YAAY,KAChB,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;CACb,OAAO;EACL,IAAM,CAACwC,GAAGC,GAAG+B,KAAKH,EAAM,OAClBhB,IAAM9D,EAAQX,GAAO4D,GAAGC,GAAG+B,CAAC,GAC5BC,IAAQlF,EAAQX,GAAO4D,GAAGC,GAAG,CAAC3D,EAAK,EAAE,IAAI;EAwB/C,AAvBAkB,EAAI,UAAU,GACdA,EAAI,YAAY,CAAC,GAAG,CAAC,CAAC,GACtBA,EAAI,OAAOqD,EAAI,GAAGA,EAAI,CAAC,GACvBrD,EAAI,OAAOyE,EAAM,GAAGA,EAAM,CAAC,GAC3B,EAAI,YAAY,GAChB,EAAI,cAAcvE,EAAM,MACxBF,EAAI,OAAO,GACXA,EAAI,YAAY,CAAC,CAAC,GAClBA,EAAI,UAAU,GACdA,EAAI,IAAIyE,EAAM,GAAGA,EAAM,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,GAC7C,EAAI,YAAYvE,EAAM,MACtBF,EAAI,KAAK,GACTA,EAAI,UAAU,GACdA,EAAI,IAAIqD,EAAI,GAAGA,EAAI,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC,GACvC,EAAI,YAAYgB,EAAM,OACtBrE,EAAI,KAAK,GACT,EAAI,YAAY,GAChB,EAAI,cAAcE,EAAM,YACxBF,EAAI,OAAO,GACXA,EAAI,UAAU,GACdA,EAAI,IAAIqD,EAAI,GAAGA,EAAI,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC,GACvC,EAAI,YAAY,MAChB,EAAI,cAAcnD,EAAM,MACxBF,EAAI,OAAO;CACb;CACA,EAAI,QAAQ;AACd"}
+{"version":3,"file":"overlay.js","names":["overlayStyle","toCss","theme","dark","AXES","gridPositions","axis","out","i","toWorld","farWalls","frame","half","axes","at","p","rest","value","drawWalls","h","walls","P","project","a","b","c","base","corner","sb","sc","quad","ctx","q","style","along","across","w","p0","p1","s0","s1","overlaps","pad","CROSS_AXIS_GAP","labelEdge","eye","best","left","sx","sy","drawAxes","center","placed","size","labelFont","titleFont","edge","e0","e1","dx","dy","length","ox","oy","mx","my","align","baseline","labels","s","tick","text","x","y","step","kept","l","o","extent","distance","tx","ty","tw","th","bounds","rectAt","k","top","drawColorBar","gradient","rect","lut","min","max","domain","span","ticks","linearTicks","t","format","title","right","drawHighlight","shape","pts","bit","z","floor"],"sources":["../../../../../charts/src/engine/three-d/overlay.ts"],"sourcesContent":["// 2D overlay of the 3D charts: the far walls of the axis box with their grid\n// lines (below the data), then the tick labels, axis titles, color bar and\n// hover highlight (above the data). Text is always horizontal (screen\n// aligned) so it stays readable whatever the camera.\n\nimport { toCss, type Rgba } from \"../color\";\nimport { linearTicks } from \"../scale\";\nimport type { ColorLut } from \"./colormap\";\nimport { project, type CameraFrame, type Vec3 } from \"./math\";\nimport { toWorld, type AxisModel, type Model3D } from \"./model\";\n\nexport interface OverlayStyle {\n  text: string;\n  muted: string;\n  grid: string;\n  axis: string;\n  /** Tint of the walls */\n  wall: string;\n  /** Background (rings of the hover marker) */\n  background: string;\n  font: string;\n  fontSize: number;\n}\n\nexport const overlayStyle = (\n  theme: {\n    text: Rgba;\n    textMuted: Rgba;\n    grid: Rgba;\n    axis: Rgba;\n    background: Rgba;\n    fontFamily: string;\n    fontSize: number;\n  },\n  dark: boolean,\n): OverlayStyle => ({\n  text: toCss(theme.text),\n  muted: toCss(theme.textMuted),\n  grid: toCss(theme.grid),\n  axis: toCss(theme.axis),\n  wall: toCss(theme.text, dark ? 0.045 : 0.025),\n  background: toCss(theme.background),\n  font: theme.fontFamily,\n  fontSize: theme.fontSize,\n});\n\ntype Axes = Pick<Model3D, \"x\" | \"y\" | \"z\">;\n\nconst AXES: readonly (\"x\" | \"y\" | \"z\")[] = [\"x\", \"y\", \"z\"];\n\n/** World positions of the grid lines of an axis (category axes: between the categories) */\nexport const gridPositions = (axis: AxisModel): number[] => {\n  if (axis.categories) {\n    const out: number[] = [];\n    for (let i = 0; i < axis.categories.length - 1; i++)\n      out.push(toWorld(axis, i + 0.5));\n    return out;\n  }\n  return axis.ticks\n    .filter((t) => t > axis.domain[0] && t < axis.domain[1])\n    .map((t) => toWorld(axis, t));\n};\n\n/** Side (-1 / 1) of the far wall perpendicular to every axis */\nexport const farWalls = (frame: CameraFrame): [number, number, number] => [\n  frame.eye[0] >= 0 ? -1 : 1,\n  frame.eye[1] >= 0 ? -1 : 1,\n  frame.eye[2] >= 0 ? -1 : 1,\n];\n\nconst half = (axes: Axes): Vec3 => [axes.x.half, axes.y.half, axes.z.half];\n\nconst at = (axis: number, value: number, rest: Vec3): Vec3 => {\n  const p: Vec3 = [rest[0], rest[1], rest[2]];\n  p[axis] = value;\n  return p;\n};\n\n/** Far walls, their grid lines and borders */\nexport const drawWalls = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n): void => {\n  const h = half(axes);\n  const walls = farWalls(frame);\n  const P = (p: Vec3) => project(frame, p[0], p[1], p[2]);\n  ctx.lineWidth = 1;\n  for (let a = 0; a < 3; a++) {\n    const b = (a + 1) % 3;\n    const c = (a + 2) % 3;\n    const base: Vec3 = [0, 0, 0];\n    base[a] = walls[a] * h[a];\n    const corner = (sb: number, sc: number) => {\n      const p: Vec3 = [base[0], base[1], base[2]];\n      p[b] = sb * h[b];\n      p[c] = sc * h[c];\n      return P(p);\n    };\n    const quad = [corner(-1, -1), corner(1, -1), corner(1, 1), corner(-1, 1)];\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.fillStyle = style.wall;\n    ctx.fill();\n    // grid lines of the two axes spanning the wall\n    ctx.beginPath();\n    for (const [along, across] of [\n      [b, c],\n      [c, b],\n    ] as const) {\n      const axis = axes[AXES[along]!];\n      if (!axis.grid) continue;\n      for (const w of gridPositions(axis)) {\n        const p0 = at(along, w, base);\n        const p1 = at(along, w, base);\n        p0[across] = -h[across];\n        p1[across] = h[across];\n        const s0 = P(p0);\n        const s1 = P(p1);\n        ctx.moveTo(s0.x, s0.y);\n        ctx.lineTo(s1.x, s1.y);\n      }\n    }\n    ctx.strokeStyle = style.grid;\n    ctx.stroke();\n    ctx.beginPath();\n    quad.forEach((q, i) => (i ? ctx.lineTo(q.x, q.y) : ctx.moveTo(q.x, q.y)));\n    ctx.closePath();\n    ctx.strokeStyle = style.axis;\n    ctx.stroke();\n  }\n};\n\ninterface Rect {\n  x: number;\n  y: number;\n  w: number;\n  h: number;\n}\n\nconst overlaps = (a: Rect, b: Rect, pad = 2) =>\n  a.x < b.x + b.w + pad &&\n  b.x < a.x + a.w + pad &&\n  a.y < b.y + b.h + pad &&\n  b.y < a.y + a.h + pad;\n\n/** Smallest gap (px) between tick labels of different axes */\nconst CROSS_AXIS_GAP = 10;\n\n/** Edge (fixed coordinates of the two other axes) carrying the labels of an axis */\nexport const labelEdge = (\n  frame: CameraFrame,\n  axes: Axes,\n  axis: number,\n): Vec3 => {\n  const h = half(axes);\n  const eye = frame.eye;\n  if (axis === 0) return [0, (eye[1] >= 0 ? 1 : -1) * h[1], -h[2]];\n  if (axis === 1) return [(eye[0] >= 0 ? 1 : -1) * h[0], 0, -h[2]];\n  // vertical axis: the leftmost vertical edge on screen\n  let best: Vec3 = [-h[0], -h[1], 0];\n  let left = Infinity;\n  for (const sx of [-1, 1]) {\n    for (const sy of [-1, 1]) {\n      const p = project(frame, sx * h[0], sy * h[1], 0);\n      if (p.x < left) {\n        left = p.x;\n        best = [sx * h[0], sy * h[1], 0];\n      }\n    }\n  }\n  return best;\n};\n\n/** Area the labels and titles must stay in (CSS pixels of the stage) */\nexport interface OverlayBounds {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\n/** Tick labels and titles of the three axes */\nexport const drawAxes = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  style: OverlayStyle,\n  bounds: OverlayBounds = {\n    left: 0,\n    top: 0,\n    right: frame.width,\n    bottom: frame.height,\n  },\n): void => {\n  const center = project(frame, 0, 0, 0);\n  const placed: Rect[] = [];\n  const size = style.fontSize;\n  const labelFont = `${size}px ${style.font}`;\n  const titleFont = `600 ${size + 1}px ${style.font}`;\n  for (let a = 0; a < 3; a++) {\n    const axis = axes[AXES[a]!];\n    if (!axis.visible) continue;\n    const edge = labelEdge(frame, axes, a);\n    const e0 = project(frame, ...at(a, -axis.half, edge));\n    const e1 = project(frame, ...at(a, axis.half, edge));\n    let dx = e1.x - e0.x;\n    let dy = e1.y - e0.y;\n    const length = Math.hypot(dx, dy);\n    // seen end-on: no room for labels\n    if (length < 24) continue;\n    dx /= length;\n    dy /= length;\n    let ox = -dy;\n    let oy = dx;\n    const mx = (e0.x + e1.x) / 2;\n    const my = (e0.y + e1.y) / 2;\n    if (ox * (mx - center.x) + oy * (my - center.y) < 0) {\n      ox = -ox;\n      oy = -oy;\n    }\n    // vertical axis: labels go sideways\n    if (a === 2) {\n      ox = mx < center.x ? -1 : 1;\n      oy = 0;\n    }\n    const align: CanvasTextAlign =\n      ox > 0.35 ? \"left\" : ox < -0.35 ? \"right\" : \"center\";\n    const baseline: CanvasTextBaseline =\n      oy > 0.35 ? \"top\" : oy < -0.35 ? \"bottom\" : \"middle\";\n    ctx.font = labelFont;\n    ctx.textAlign = align;\n    ctx.textBaseline = baseline;\n    const gap = 8;\n    const labels = axis.ticks.map((tick, i) => {\n      const s = project(frame, ...at(a, toWorld(axis, tick), edge));\n      const text = axis.labels[i] ?? \"\";\n      const w = ctx.measureText(text).width;\n      const x = s.x + ox * gap;\n      const y = s.y + oy * gap;\n      const rx = align === \"left\" ? x : align === \"right\" ? x - w : x - w / 2;\n      const ry =\n        baseline === \"top\"\n          ? y\n          : baseline === \"bottom\"\n            ? y - size\n            : y - size / 2;\n      return { tick: s, text, x, y, rect: { x: rx, y: ry, w, h: size } };\n    });\n    // thin the labels until they do not overlap\n    let step = 1;\n    for (; step < labels.length; step++) {\n      const kept = labels.filter((_, i) => i % step === 0);\n      if (\n        kept.every(\n          (l, i) => !kept.slice(0, i).some((o) => overlaps(l.rect, o.rect)),\n        )\n      ) {\n        break;\n      }\n    }\n    let extent = 0;\n    ctx.beginPath();\n    labels.forEach((l, i) => {\n      if (i % step) return;\n      // wider gap to the labels of the other axes: at the shared corner, two\n      // labels side by side would read as one (\"-2 -2\")\n      if (placed.some((o) => overlaps(l.rect, o, CROSS_AXIS_GAP))) return;\n      placed.push(l.rect);\n      ctx.moveTo(l.tick.x, l.tick.y);\n      ctx.lineTo(l.tick.x + ox * 4, l.tick.y + oy * 4);\n      extent = Math.max(\n        extent,\n        Math.abs(ox) * l.rect.w + Math.abs(oy) * l.rect.h,\n      );\n    });\n    ctx.strokeStyle = style.axis;\n    ctx.lineWidth = 1;\n    ctx.stroke();\n    ctx.fillStyle = style.muted;\n    labels.forEach((l, i) => {\n      if (i % step || !placed.includes(l.rect)) return;\n      ctx.fillText(l.text, l.x, l.y);\n    });\n    if (!axis.title) continue;\n    const distance = gap + extent + 10;\n    let tx = mx + ox * distance;\n    let ty = my + oy * distance;\n    ctx.font = titleFont;\n    ctx.fillStyle = style.text;\n    const tw = ctx.measureText(axis.title).width;\n    const th = size + 1;\n    if (a === 2) {\n      tx = Math.max(bounds.left + th, Math.min(bounds.right - th, tx));\n      ty = Math.max(bounds.top + tw / 2, Math.min(bounds.bottom - tw / 2, ty));\n      ctx.save();\n      ctx.translate(tx, ty);\n      ctx.rotate(-Math.PI / 2);\n      ctx.textAlign = \"center\";\n      ctx.textBaseline = ox < 0 ? \"bottom\" : \"top\";\n      ctx.fillText(axis.title, 0, 0);\n      ctx.restore();\n    } else {\n      const rectAt = (x: number, y: number): Rect => ({\n        x: align === \"left\" ? x : align === \"right\" ? x - tw : x - tw / 2,\n        y: baseline === \"top\" ? y : baseline === \"bottom\" ? y - th : y - th / 2,\n        w: tw,\n        h: th,\n      });\n      // slanted axes: long titles move out until they clear the labels\n      for (\n        let k = 0;\n        k < 12 && placed.some((o) => overlaps(rectAt(tx, ty), o));\n        k++\n      ) {\n        tx += ox * 3;\n        ty += oy * 3;\n      }\n      // keep the whole title inside the bounds\n      const { x: left, y: top } = rectAt(tx, ty);\n      tx +=\n        Math.max(0, bounds.left - left) - Math.max(0, left + tw - bounds.right);\n      ty +=\n        Math.max(0, bounds.top - top) - Math.max(0, top + th - bounds.bottom);\n      placed.push(rectAt(tx, ty));\n      ctx.textAlign = align;\n      ctx.textBaseline = baseline;\n      ctx.fillText(axis.title, tx, ty);\n    }\n  }\n};\n\n/** Vertical color bar with its ticks and title */\nexport const drawColorBar = (\n  ctx: CanvasRenderingContext2D,\n  rect: Rect,\n  lut: ColorLut,\n  domain: readonly [number, number],\n  format: (value: number) => string,\n  title: string,\n  style: OverlayStyle,\n  /** Right end of the stage: the title is shifted left to fit */\n  right = Infinity,\n): void => {\n  const gradient = ctx.createLinearGradient(0, rect.y + rect.h, 0, rect.y);\n  const samples = 24;\n  for (let i = 0; i <= samples; i++) {\n    const c = lut.rgba[Math.round((i / samples) * (lut.rgba.length - 1))];\n    if (c) gradient.addColorStop(i / samples, toCss(c));\n  }\n  ctx.fillStyle = gradient;\n  ctx.beginPath();\n  if (typeof ctx.roundRect === \"function\")\n    ctx.roundRect(rect.x, rect.y, rect.w, rect.h, 3);\n  else ctx.rect(rect.x, rect.y, rect.w, rect.h);\n  ctx.fill();\n  ctx.strokeStyle = style.axis;\n  ctx.lineWidth = 1;\n  ctx.stroke();\n  const [min, max] = domain;\n  const span = max - min || 1;\n  ctx.font = `${style.fontSize}px ${style.font}`;\n  ctx.fillStyle = style.muted;\n  ctx.textAlign = \"left\";\n  ctx.textBaseline = \"middle\";\n  const ticks = linearTicks(min, max, Math.max(2, Math.round(rect.h / 40)));\n  ctx.beginPath();\n  for (const t of ticks) {\n    const y = rect.y + rect.h - ((t - min) / span) * rect.h;\n    if (y < rect.y - 0.5 || y > rect.y + rect.h + 0.5) continue;\n    ctx.moveTo(rect.x + rect.w, y);\n    ctx.lineTo(rect.x + rect.w + 4, y);\n    ctx.fillText(format(t), rect.x + rect.w + 7, y);\n  }\n  ctx.strokeStyle = style.axis;\n  ctx.stroke();\n  if (title) {\n    ctx.font = `600 ${style.fontSize}px ${style.font}`;\n    ctx.fillStyle = style.text;\n    ctx.textAlign = \"left\";\n    ctx.textBaseline = \"bottom\";\n    const w = ctx.measureText(title).width;\n    ctx.fillText(\n      title,\n      Math.max(4, Math.min(rect.x, right - 4 - w)),\n      rect.y - 8,\n    );\n  }\n};\n\n/** Highlight of the hovered item */\nexport type HighlightShape =\n  | { kind: \"point\"; x: number; y: number; radius: number; color: string }\n  | { kind: \"box\"; min: Vec3; max: Vec3; color: string }\n  | { kind: \"vertex\"; world: Vec3; color: string };\n\nexport const drawHighlight = (\n  ctx: CanvasRenderingContext2D,\n  frame: CameraFrame,\n  axes: Axes,\n  shape: HighlightShape,\n  style: OverlayStyle,\n): void => {\n  ctx.save();\n  if (shape.kind === \"point\") {\n    ctx.beginPath();\n    ctx.arc(shape.x, shape.y, shape.radius + 3, 0, Math.PI * 2);\n    ctx.lineWidth = 3;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else if (shape.kind === \"box\") {\n    const { min, max } = shape;\n    const corner = (i: number) =>\n      project(\n        frame,\n        i & 1 ? max[0] : min[0],\n        i & 2 ? max[1] : min[1],\n        i & 4 ? max[2] : min[2],\n      );\n    const pts = Array.from({ length: 8 }, (_, i) => corner(i));\n    ctx.beginPath();\n    for (let i = 0; i < 8; i++) {\n      for (const bit of [1, 2, 4]) {\n        if (i & bit) continue;\n        const a = pts[i]!;\n        const b = pts[i | bit]!;\n        ctx.moveTo(a.x, a.y);\n        ctx.lineTo(b.x, b.y);\n      }\n    }\n    ctx.lineJoin = \"round\";\n    ctx.lineWidth = 3.5;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.lineWidth = 1.5;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  } else {\n    const [x, y, z] = shape.world;\n    const top = project(frame, x, y, z);\n    const floor = project(frame, x, y, -axes.z.half);\n    ctx.beginPath();\n    ctx.setLineDash([3, 3]);\n    ctx.moveTo(top.x, top.y);\n    ctx.lineTo(floor.x, floor.y);\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n    ctx.setLineDash([]);\n    ctx.beginPath();\n    ctx.arc(floor.x, floor.y, 2.5, 0, Math.PI * 2);\n    ctx.fillStyle = style.text;\n    ctx.fill();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 5, 0, Math.PI * 2);\n    ctx.fillStyle = shape.color;\n    ctx.fill();\n    ctx.lineWidth = 2;\n    ctx.strokeStyle = style.background;\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.arc(top.x, top.y, 7, 0, Math.PI * 2);\n    ctx.lineWidth = 1.25;\n    ctx.strokeStyle = style.text;\n    ctx.stroke();\n  }\n  ctx.restore();\n};\n"],"mappings":";;;;;AAwBA,IAAaA,KACX,GASA,OACkB;CAClB,MAAMC,EAAMC,EAAM,IAAI;CACtB,OAAOD,EAAMC,EAAM,SAAS;CAC5B,MAAMD,EAAMC,EAAM,IAAI;CACtB,MAAMD,EAAMC,EAAM,IAAI;CACtB,MAAMD,EAAMC,EAAM,MAAMC,IAAO,OAAQ,IAAK;CAC5C,YAAYF,EAAMC,EAAM,UAAU;CAClC,MAAMA,EAAM;CACZ,UAAUA,EAAM;AAClB,IAIME,IAAqC;CAAC;CAAK;CAAK;AAAG,GAG5CC,KAAiB,MAA8B;CAC1D,IAAIC,EAAK,YAAY;EACnB,IAAMC,IAAgB,CAAC;EACvB,KAAK,IAAIC,IAAI,GAAGA,IAAIF,EAAK,WAAW,SAAS,GAAG,KAC9C,EAAI,KAAKG,EAAQH,GAAME,IAAI,EAAG,CAAC;EACjC,OAAOD;CACT;CACA,OAAOD,EAAK,MACT,QAAQ,MAAM,IAAIA,EAAK,OAAO,MAAM,IAAIA,EAAK,OAAO,EAAE,CAAC,CACvD,KAAK,MAAMG,EAAQH,GAAM,CAAC,CAAC;AAChC,GAGaI,KAAY,MAAiD;CACxEC,EAAM,IAAI,MAAM,IAAI,KAAK;CACzBA,EAAM,IAAI,MAAM,IAAI,KAAK;CACzBA,EAAM,IAAI,MAAM,IAAI,KAAK;AAC3B,GAEMC,KAAQ,MAAqB;CAACC,EAAK,EAAE;CAAMA,EAAK,EAAE;CAAMA,EAAK,EAAE;AAAI,GAEnEC,KAAM,GAAc,GAAe,MAAqB;CAC5D,IAAMC,IAAU;EAACC,EAAK;EAAIA,EAAK;EAAIA,EAAK;CAAE;CAE1C,OADA,EAAEV,KAAQW,GACHF;AACT,GAGaG,KACX,GACA,GACA,GACA,MACS;CACT,IAAMC,IAAIP,EAAKC,CAAI,GACbO,IAAQV,EAASC,CAAK,GACtBU,KAAK,MAAYC,EAAQX,GAAOI,EAAE,IAAIA,EAAE,IAAIA,EAAE,EAAE;CACtD,EAAI,YAAY;CAChB,KAAK,IAAIQ,IAAI,GAAGA,IAAI,GAAG,KAAK;EAC1B,IAAMC,KAAKD,IAAI,KAAK,GACdE,KAAKF,IAAI,KAAK,GACdG,IAAa;GAAC;GAAG;GAAG;EAAC;EAC3B,EAAKH,KAAKH,EAAMG,KAAKJ,EAAEI;EACvB,IAAMI,KAAU,GAAY,MAAe;GACzC,IAAMZ,IAAU;IAACW,EAAK;IAAIA,EAAK;IAAIA,EAAK;GAAE;GAG1C,OAFA,EAAEF,KAAKI,IAAKT,EAAEK,IACd,EAAEC,KAAKI,IAAKV,EAAEM,IACPJ,EAAEN,CAAC;EACZ,GACMe,IAAO;GAACH,EAAO,IAAI,EAAE;GAAGA,EAAO,GAAG,EAAE;GAAGA,EAAO,GAAG,CAAC;GAAGA,EAAO,IAAI,CAAC;EAAC;EAOxE,AANAI,EAAI,UAAU,GACdD,EAAK,SAAS,GAAG,MAAOtB,IAAIuB,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,IAAID,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,CAAE,GACxED,EAAI,UAAU,GACd,EAAI,YAAYE,EAAM,MACtBF,EAAI,KAAK,GAETA,EAAI,UAAU;EACd,KAAK,IAAM,CAACG,GAAOC,MAAW,CAC5B,CAACX,GAAGC,CAAC,GACL,CAACA,GAAGD,CAAC,CACP,GAAY;GACV,IAAMlB,IAAOO,EAAKT,EAAK8B;GACvB,IAAK5B,EAAK,MACV,KAAK,IAAM8B,KAAK/B,EAAcC,CAAI,GAAG;IACnC,IAAM+B,IAAKvB,EAAGoB,GAAOE,GAAGV,CAAI,GACtBY,IAAKxB,EAAGoB,GAAOE,GAAGV,CAAI;IAE5B,AADA,EAAGS,KAAU,CAAChB,EAAEgB,IAChB,EAAGA,KAAUhB,EAAEgB;IACf,IAAMI,IAAKlB,EAAEgB,CAAE,GACTG,IAAKnB,EAAEiB,CAAE;IAEf,AADAP,EAAI,OAAOQ,EAAG,GAAGA,EAAG,CAAC,GACrBR,EAAI,OAAOS,EAAG,GAAGA,EAAG,CAAC;GACvB;EACF;EAOA,AANA,EAAI,cAAcP,EAAM,MACxBF,EAAI,OAAO,GACXA,EAAI,UAAU,GACdD,EAAK,SAAS,GAAG,MAAOtB,IAAIuB,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,IAAID,EAAI,OAAOC,EAAE,GAAGA,EAAE,CAAC,CAAE,GACxED,EAAI,UAAU,GACd,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;CACb;AACF,GASMU,KAAY,GAAS,GAAS,IAAM,MACxClB,EAAE,IAAIC,EAAE,IAAIA,EAAE,IAAIkB,KAClBlB,EAAE,IAAID,EAAE,IAAIA,EAAE,IAAImB,KAClBnB,EAAE,IAAIC,EAAE,IAAIA,EAAE,IAAIkB,KAClBlB,EAAE,IAAID,EAAE,IAAIA,EAAE,IAAImB,GAGdC,IAAiB,IAGVC,KACX,GACA,GACA,MACS;CACT,IAAMzB,IAAIP,EAAKC,CAAI,GACbgC,IAAMlC,EAAM;CAClB,IAAIL,MAAS,GAAG,OAAO;EAAC;GAAIuC,EAAI,MAAM,IAAI,IAAI,MAAM1B,EAAE;EAAI,CAACA,EAAE;CAAE;CAC/D,IAAIb,MAAS,GAAG,OAAO;GAAEuC,EAAI,MAAM,IAAI,IAAI,MAAM1B,EAAE;EAAI;EAAG,CAACA,EAAE;CAAE;CAE/D,IAAI2B,IAAa;EAAC,CAAC3B,EAAE;EAAI,CAACA,EAAE;EAAI;CAAC,GAC7B4B,IAAO;CACX,KAAK,IAAMC,KAAM,CAAC,IAAI,CAAC,GACrB,KAAK,IAAMC,KAAM,CAAC,IAAI,CAAC,GAAG;EACxB,IAAMlC,IAAIO,EAAQX,GAAOqC,IAAK7B,EAAE,IAAI8B,IAAK9B,EAAE,IAAI,CAAC;EAChD,AAAIJ,EAAE,IAAIgC,MACR,IAAOhC,EAAE,GACT,IAAO;GAACiC,IAAK7B,EAAE;GAAI8B,IAAK9B,EAAE;GAAI;EAAC;CAEnC;CAEF,OAAO2B;AACT,GAWaI,KACX,GACA,GACA,GACA,GACA,IAAwB;CACtB,MAAM;CACN,KAAK;CACL,OAAOvC,EAAM;CACb,QAAQA,EAAM;AAChB,MACS;CACT,IAAMwC,IAAS7B,EAAQX,GAAO,GAAG,GAAG,CAAC,GAC/ByC,IAAiB,CAAC,GAClBC,IAAOpB,EAAM,UACbqB,IAAY,GAAGD,EAAK,KAAKpB,EAAM,QAC/BsB,IAAY,OAAOF,IAAO,EAAE,KAAKpB,EAAM;CAC7C,KAAK,IAAIV,IAAI,GAAGA,IAAI,GAAG,KAAK;EAC1B,IAAMjB,IAAOO,EAAKT,EAAKmB;EACvB,IAAI,CAACjB,EAAK,SAAS;EACnB,IAAMkD,IAAOZ,EAAUjC,GAAOE,GAAMU,CAAC,GAC/BkC,IAAKnC,EAAQX,GAAO,GAAGG,EAAGS,GAAG,CAACjB,EAAK,MAAMkD,CAAI,CAAC,GAC9CE,IAAKpC,EAAQX,GAAO,GAAGG,EAAGS,GAAGjB,EAAK,MAAMkD,CAAI,CAAC,GAC/CG,IAAKD,EAAG,IAAID,EAAG,GACfG,IAAKF,EAAG,IAAID,EAAG,GACbI,IAAS,KAAK,MAAMF,GAAIC,CAAE;EAEhC,IAAIC,IAAS,IAAI;EAEjB,AADA,KAAMA,GACN,KAAMA;EACN,IAAIC,IAAK,CAACF,GACNG,IAAKJ,GACHK,KAAMP,EAAG,IAAIC,EAAG,KAAK,GACrBO,KAAMR,EAAG,IAAIC,EAAG,KAAK;EAM3B,AALII,KAAME,IAAKb,EAAO,KAAKY,KAAME,IAAKd,EAAO,KAAK,MAChD,IAAK,CAACW,GACN,IAAK,CAACC,IAGJxC,MAAM,MACR,IAAKyC,IAAKb,EAAO,IAAI,KAAK,GAC1B,IAAK;EAEP,IAAMe,IACJJ,IAAK,MAAO,SAASA,IAAK,OAAQ,UAAU,UACxCK,IACJJ,IAAK,MAAO,QAAQA,IAAK,OAAQ,WAAW;EAG9C,AAFA,EAAI,OAAOT,GACX,EAAI,YAAYY,GAChB,EAAI,eAAeC;EACnB,IACMC,IAAS9D,EAAK,MAAM,KAAK,GAAM,MAAM;GACzC,IAAM+D,IAAI/C,EAAQX,GAAO,GAAGG,EAAGS,GAAGd,EAAQH,GAAMgE,CAAI,GAAGd,CAAI,CAAC,GACtDe,IAAOjE,EAAK,OAAOE,MAAM,IACzB4B,IAAIL,EAAI,YAAYwC,CAAI,CAAC,CAAC,OAC1BC,IAAIH,EAAE,IAAIP,IAAK,GACfW,IAAIJ,EAAE,IAAIN,IAAK;GAQrB,OAAO;IAAE,MAAMM;IAAG;IAAM;IAAG;IAAG,MAAM;KAAE,GAP3BH,MAAU,SAASM,IAAIN,MAAU,UAAUM,IAAIpC,IAAIoC,IAAIpC,IAAI;KAOzB,GAL3C+B,MAAa,QACTM,IACAN,MAAa,WACXM,IAAIpB,IACJoB,IAAIpB,IAAO;KACiC;KAAG,GAAGA;IAAK;GAAE;EACnE,CAAC,GAEGqB,IAAO;EACX,OAAOA,IAAON,EAAO,QAAQ,KAAQ;GACnC,IAAMO,IAAOP,EAAO,QAAQ,GAAG,MAAM5D,IAAIkE,MAAS,CAAC;GACnD,IACEC,EAAK,OACF,GAAG,MAAM,CAACA,EAAK,MAAM,GAAGnE,CAAC,CAAC,CAAC,MAAM,MAAMiC,EAASmC,EAAE,MAAMC,EAAE,IAAI,CAAC,CAClE,GAEA;EAEJ;EACA,IAAIC,IAAS;EAuBb,IAtBA/C,EAAI,UAAU,GACdqC,EAAO,SAAS,GAAG,MAAM;GACvB,AAAI5D,IAAIkE,KAGJtB,EAAO,MAAM,MAAMX,EAASmC,EAAE,MAAMC,GAAGlC,CAAc,CAAC,MAC1DS,EAAO,KAAKwB,EAAE,IAAI,GAClB7C,EAAI,OAAO6C,EAAE,KAAK,GAAGA,EAAE,KAAK,CAAC,GAC7B7C,EAAI,OAAO6C,EAAE,KAAK,IAAId,IAAK,GAAGc,EAAE,KAAK,IAAIb,IAAK,CAAC,GAC/C,IAAS,KAAK,IACZe,GACA,KAAK,IAAIhB,CAAE,IAAIc,EAAE,KAAK,IAAI,KAAK,IAAIb,CAAE,IAAIa,EAAE,KAAK,CAClD;EACF,CAAC,GACD,EAAI,cAAc3C,EAAM,MACxB,EAAI,YAAY,GAChBF,EAAI,OAAO,GACX,EAAI,YAAYE,EAAM,OACtBmC,EAAO,SAAS,GAAG,MAAM;GACvB,AAAI5D,IAAIkE,KAAQ,CAACtB,EAAO,SAASwB,EAAE,IAAI,KACvC7C,EAAI,SAAS6C,EAAE,MAAMA,EAAE,GAAGA,EAAE,CAAC;EAC/B,CAAC,GACG,CAACtE,EAAK,OAAO;EACjB,IAAMyE,IAAW,IAAMD,IAAS,IAC5BE,IAAKhB,IAAKF,IAAKiB,GACfE,IAAKhB,IAAKF,IAAKgB;EAEnB,AADA,EAAI,OAAOxB,GACX,EAAI,YAAYtB,EAAM;EACtB,IAAMiD,IAAKnD,EAAI,YAAYzB,EAAK,KAAK,CAAC,CAAC,OACjC6E,IAAK9B,IAAO;EAClB,IAAI9B,MAAM,GASR,AARA,IAAK,KAAK,IAAI6D,EAAO,OAAOD,GAAI,KAAK,IAAIC,EAAO,QAAQD,GAAIH,CAAE,CAAC,GAC/D,IAAK,KAAK,IAAII,EAAO,MAAMF,IAAK,GAAG,KAAK,IAAIE,EAAO,SAASF,IAAK,GAAGD,CAAE,CAAC,GACvElD,EAAI,KAAK,GACTA,EAAI,UAAUiD,GAAIC,CAAE,GACpBlD,EAAI,OAAO,CAAC,KAAK,KAAK,CAAC,GACvB,EAAI,YAAY,UAChB,EAAI,eAAe+B,IAAK,IAAI,WAAW,OACvC/B,EAAI,SAASzB,EAAK,OAAO,GAAG,CAAC,GAC7ByB,EAAI,QAAQ;OACP;GACL,IAAMsD,KAAU,GAAW,OAAqB;IAC9C,GAAGnB,MAAU,SAASM,IAAIN,MAAU,UAAUM,IAAIU,IAAKV,IAAIU,IAAK;IAChE,GAAGf,MAAa,QAAQM,IAAIN,MAAa,WAAWM,IAAIU,IAAKV,IAAIU,IAAK;IACtE,GAAGD;IACH,GAAGC;GACL;GAEA,KACE,IAAIG,IAAI,GACRA,IAAI,MAAMlC,EAAO,MAAM,MAAMX,EAAS4C,EAAOL,GAAIC,CAAE,GAAGJ,CAAC,CAAC,GACxD,KAGA,AADA,KAAMf,IAAK,GACX,KAAMC,IAAK;GAGb,IAAM,EAAE,GAAGhB,GAAM,GAAGwC,MAAQF,EAAOL,GAAIC,CAAE;GAQzC,AAPA,KACE,KAAK,IAAI,GAAGG,EAAO,OAAOrC,CAAI,IAAI,KAAK,IAAI,GAAGA,IAAOmC,IAAKE,EAAO,KAAK,GACxE,KACE,KAAK,IAAI,GAAGA,EAAO,MAAMG,CAAG,IAAI,KAAK,IAAI,GAAGA,IAAMJ,IAAKC,EAAO,MAAM,GACtEhC,EAAO,KAAKiC,EAAOL,GAAIC,CAAE,CAAC,GAC1B,EAAI,YAAYf,GAChB,EAAI,eAAeC,GACnBpC,EAAI,SAASzB,EAAK,OAAO0E,GAAIC,CAAE;EACjC;CACF;AACF,GAGaO,KACX,GACA,GACA,GACA,GACA,GACA,GACA,GAEA,IAAQ,aACC;CACT,IAAMC,IAAW1D,EAAI,qBAAqB,GAAG2D,EAAK,IAAIA,EAAK,GAAG,GAAGA,EAAK,CAAC;CAEvE,KAAK,IAAIlF,IAAI,GAAGA,KAAK,IAAS,KAAK;EACjC,IAAMiB,IAAIkE,EAAI,KAAK,KAAK,MAAOnF,IAAI,MAAYmF,EAAI,KAAK,SAAS,EAAE;EACnE,AAAIlE,KAAGgE,EAAS,aAAajF,IAAI,IAASP,EAAMwB,CAAC,CAAC;CACpD;CASA,AARA,EAAI,YAAYgE,GAChB1D,EAAI,UAAU,GACV,OAAOA,EAAI,aAAc,aAC3BA,EAAI,UAAU2D,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAG,CAAC,IAC5C3D,EAAI,KAAK2D,EAAK,GAAGA,EAAK,GAAGA,EAAK,GAAGA,EAAK,CAAC,GAC5C3D,EAAI,KAAK,GACT,EAAI,cAAcE,EAAM,MACxB,EAAI,YAAY,GAChBF,EAAI,OAAO;CACX,IAAM,CAAC6D,GAAKC,KAAOC,GACbC,IAAOF,IAAMD,KAAO;CAI1B,AAHA,EAAI,OAAO,GAAG3D,EAAM,SAAS,KAAKA,EAAM,QACxC,EAAI,YAAYA,EAAM,OACtB,EAAI,YAAY,QAChB,EAAI,eAAe;CACnB,IAAM+D,IAAQC,EAAYL,GAAKC,GAAK,KAAK,IAAI,GAAG,KAAK,MAAMH,EAAK,IAAI,EAAE,CAAC,CAAC;CACxE,EAAI,UAAU;CACd,KAAK,IAAMQ,KAAKF,GAAO;EACrB,IAAMvB,IAAIiB,EAAK,IAAIA,EAAK,KAAMQ,IAAIN,KAAOG,IAAQL,EAAK;EACtD,AAAIjB,IAAIiB,EAAK,IAAI,MAAOjB,IAAIiB,EAAK,IAAIA,EAAK,IAAI,OAC9C3D,EAAI,OAAO2D,EAAK,IAAIA,EAAK,GAAGjB,CAAC,GAC7B1C,EAAI,OAAO2D,EAAK,IAAIA,EAAK,IAAI,GAAGjB,CAAC,GACjC1C,EAAI,SAASoE,EAAOD,CAAC,GAAGR,EAAK,IAAIA,EAAK,IAAI,GAAGjB,CAAC;CAChD;CAGA,IAFA,EAAI,cAAcxC,EAAM,MACxBF,EAAI,OAAO,GACPqE,GAAO;EAIT,AAHA,EAAI,OAAO,OAAOnE,EAAM,SAAS,KAAKA,EAAM,QAC5C,EAAI,YAAYA,EAAM,MACtB,EAAI,YAAY,QAChB,EAAI,eAAe;EACnB,IAAMG,IAAIL,EAAI,YAAYqE,CAAK,CAAC,CAAC;EACjC,EAAI,SACFA,GACA,KAAK,IAAI,GAAG,KAAK,IAAIV,EAAK,GAAGW,IAAQ,IAAIjE,CAAC,CAAC,GAC3CsD,EAAK,IAAI,CACX;CACF;AACF,GAQaY,KACX,GACA,GACA,GACA,GACA,MACS;CAET,IADAvE,EAAI,KAAK,GACLwE,EAAM,SAAS,SAQjB,AAPAxE,EAAI,UAAU,GACdA,EAAI,IAAIwE,EAAM,GAAGA,EAAM,GAAGA,EAAM,SAAS,GAAG,GAAG,KAAK,KAAK,CAAC,GAC1D,EAAI,YAAY,GAChB,EAAI,cAActE,EAAM,YACxBF,EAAI,OAAO,GACX,EAAI,YAAY,KAChB,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;MACN,IAAIwE,EAAM,SAAS,OAAO;EAC/B,IAAM,EAAE,QAAK,WAAQA,GACf5E,KAAU,MACdL,EACEX,GACAH,IAAI,IAAIqF,EAAI,KAAKD,EAAI,IACrBpF,IAAI,IAAIqF,EAAI,KAAKD,EAAI,IACrBpF,IAAI,IAAIqF,EAAI,KAAKD,EAAI,EACvB,GACIY,IAAM,MAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM7E,EAAOnB,CAAC,CAAC;EACzD,EAAI,UAAU;EACd,KAAK,IAAIA,IAAI,GAAGA,IAAI,GAAG,KACrB,KAAK,IAAMiG,KAAO;GAAC;GAAG;GAAG;EAAC,GAAG;GAC3B,IAAIjG,IAAIiG,GAAK;GACb,IAAMlF,IAAIiF,EAAIhG,IACRgB,IAAIgF,EAAIhG,IAAIiG;GAElB,AADA1E,EAAI,OAAOR,EAAE,GAAGA,EAAE,CAAC,GACnBQ,EAAI,OAAOP,EAAE,GAAGA,EAAE,CAAC;EACrB;EAQF,AANA,EAAI,WAAW,SACf,EAAI,YAAY,KAChB,EAAI,cAAcS,EAAM,YACxBF,EAAI,OAAO,GACX,EAAI,YAAY,KAChB,EAAI,cAAcE,EAAM,MACxBF,EAAI,OAAO;CACb,OAAO;EACL,IAAM,CAACyC,GAAGC,GAAGiC,KAAKH,EAAM,OAClBhB,IAAMjE,EAAQX,GAAO6D,GAAGC,GAAGiC,CAAC,GAC5BC,IAAQrF,EAAQX,GAAO6D,GAAGC,GAAG,CAAC5D,EAAK,EAAE,IAAI;EAwB/C,AAvBAkB,EAAI,UAAU,GACdA,EAAI,YAAY,CAAC,GAAG,CAAC,CAAC,GACtBA,EAAI,OAAOwD,EAAI,GAAGA,EAAI,CAAC,GACvBxD,EAAI,OAAO4E,EAAM,GAAGA,EAAM,CAAC,GAC3B,EAAI,YAAY,GAChB,EAAI,cAAc1E,EAAM,MACxBF,EAAI,OAAO,GACXA,EAAI,YAAY,CAAC,CAAC,GAClBA,EAAI,UAAU,GACdA,EAAI,IAAI4E,EAAM,GAAGA,EAAM,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,GAC7C,EAAI,YAAY1E,EAAM,MACtBF,EAAI,KAAK,GACTA,EAAI,UAAU,GACdA,EAAI,IAAIwD,EAAI,GAAGA,EAAI,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC,GACvC,EAAI,YAAYgB,EAAM,OACtBxE,EAAI,KAAK,GACT,EAAI,YAAY,GAChB,EAAI,cAAcE,EAAM,YACxBF,EAAI,OAAO,GACXA,EAAI,UAAU,GACdA,EAAI,IAAIwD,EAAI,GAAGA,EAAI,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC,GACvC,EAAI,YAAY,MAChB,EAAI,cAActD,EAAM,MACxBF,EAAI,OAAO;CACb;CACA,EAAI,QAAQ;AACd"}

package/dist/charts/engine/three-d/render-types.cjs

@@ -1,2 +1,2 @@
-var e=e=>{let t=e=>e.kind===`mesh`?e.opacity<1?2:0:e.kind===`points`?1:3;return e.map((e,n)=>({item:e,i:n,r:t(e)})).sort((e,t)=>e.r-t.r||e.i-t.i).map(e=>e.item)};exports.drawOrder=e;
+var e=e=>e.opacity<1?!1:e.kind===`mesh`?!e.transparent:e.kind!==`points`||!e.additive&&e.style!==2,t=t=>t.kind===`lines`?3:e(t)?t.kind===`mesh`?0:1:2,n=e=>e.map((e,n)=>({item:e,i:n,r:t(e)})).sort((e,t)=>e.r-t.r||e.i-t.i).map(e=>e.item);exports.drawOrder=n,exports.drawRank=t,exports.writesDepth=e;
 //# sourceMappingURL=render-types.cjs.map

package/dist/charts/engine/three-d/render-types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"render-types.cjs","names":["drawOrder","rank","item","items","a","b"],"sources":["../../../../../charts/src/engine/three-d/render-types.ts"],"sourcesContent":["// Contract between the 3D chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\nimport type { Vec3 } from \"./math\";\n\n/** Bytes per point instance: x, y, z f32, diameter (CSS px) f32, color unorm8x4 */\nexport const POINT_STRIDE = 20;\n/** Bytes per mesh vertex: position f32x3, normal f32x3, color unorm8x4 */\nexport const VERTEX_STRIDE = 28;\n/** Bytes per line segment instance: a f32x3, b f32x3, color unorm8x4 */\nexport const SEGMENT_STRIDE = 28;\n\ninterface ItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** 0-1; below 1 the item is drawn without writing depth */\n  opacity: number;\n}\n\n/** Instanced billboards shaded as small spheres */\nexport interface PointsItem extends ItemBase {\n  kind: \"points\";\n  data: ArrayBuffer;\n  count: number;\n  /** Scales the dots with the distance (perspective) */\n  perspective: boolean;\n}\n\n/** Lit triangles (surfaces, bars) */\nexport interface MeshItem extends ItemBase {\n  kind: \"mesh\";\n  vertices: ArrayBuffer;\n  vertexCount: number;\n  indices: Uint32Array;\n  /**\n   * Changes when only the order of the triangles changed (transparent meshes\n   * sorted back to front): the index buffer is rewritten, same length\n   */\n  order?: number;\n}\n\n/** Screen-space wide segments (wireframes, contours, polylines) */\nexport interface LinesItem extends ItemBase {\n  kind: \"lines\";\n  data: ArrayBuffer;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  /** Pulls the lines towards the camera (wireframes over their surface) */\n  bias: number;\n}\n\nexport type Item3D = PointsItem | MeshItem | LinesItem;\n\nexport interface Frame3D {\n  /** World -> clip (OpenGL convention) */\n  viewProj: Float32Array;\n  eye: Vec3;\n  /** Unit vector towards the light, in world space */\n  light: Vec3;\n  orthographic: boolean;\n  /** Distance of the camera to the box center (reference of the point sizes) */\n  distance: number;\n  /** Radius of the sphere around the box (depth cue range) */\n  radius: number;\n  /** Drawing buffer size in device pixels */\n  width: number;\n  height: number;\n  dpr: number;\n  /** ambient, diffuse, specular, shininess */\n  lighting: readonly [number, number, number, number];\n  /** Background color: far points fade towards it */\n  fog: Rgba;\n}\n\nexport interface Renderer3D {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly Item3D[], frame: Frame3D): void;\n  destroy(): void;\n}\n\n/**\n * Order of the draws: opaque meshes, points, transparent meshes, then lines\n * (wireframes and contours stay visible over transparent surfaces)\n */\nexport const drawOrder = (items: readonly Item3D[]): Item3D[] => {\n  const rank = (item: Item3D) =>\n    item.kind === \"mesh\"\n      ? item.opacity < 1\n        ? 2\n        : 0\n      : item.kind === \"points\"\n        ? 1\n        : 3;\n  return items\n    .map((item, i) => ({ item, i, r: rank(item) }))\n    .sort((a, b) => a.r - b.r || a.i - b.i)\n    .map((e) => e.item);\n};\n"],"mappings":"AA2FA,IAAaA,EAAa,GAAuC,CAC/D,IAAMC,EAAQ,GACZC,EAAK,OAAS,OACVA,EAAK,QAAU,EACb,EACA,EACFA,EAAK,OAAS,SACZ,EACA,EACR,OAAOC,EACJ,KAAK,EAAM,KAAO,CAAE,OAAM,IAAG,EAAGF,EAAKC,CAAI,CAAE,EAAE,CAAC,CAC9C,MAAM,EAAG,IAAME,EAAE,EAAIC,EAAE,GAAKD,EAAE,EAAIC,EAAE,CAAC,CAAC,CACtC,IAAK,GAAM,EAAE,IAAI,CACtB"}
+{"version":3,"file":"render-types.cjs","names":["writesDepth","item","drawRank","drawOrder","items","a","b"],"sources":["../../../../../charts/src/engine/three-d/render-types.ts"],"sourcesContent":["// Contract between the 3D chart and its data-layer backends.\n\nimport type { Rgba } from \"../color\";\nimport type { ChartRendererKind } from \"../types\";\nimport type { Vec3 } from \"./math\";\n\n/** Bytes per point instance: x, y, z f32, diameter (CSS px) f32, color unorm8x4 */\nexport const POINT_STRIDE = 20;\n/** Bytes per mesh vertex: position f32x3, normal f32x3, color unorm8x4 */\nexport const VERTEX_STRIDE = 28;\n/** Bytes per line segment instance: a f32x3, b f32x3, color unorm8x4 */\nexport const SEGMENT_STRIDE = 28;\n\ninterface ItemBase {\n  /** Identifies the GPU resources of the item */\n  key: string;\n  /** Changes when the buffers must be uploaded again */\n  version: number;\n  /** 0-1; below 1 the item is drawn without writing depth */\n  opacity: number;\n}\n\n/** Shapes of the points (`PointsItem.style`) */\nexport const POINT_SPHERE = 0;\nexport const POINT_DISC = 1;\nexport const POINT_GLOW = 2;\n\n/** Instanced billboards: shaded spheres, flat discs or glowing discs */\nexport interface PointsItem extends ItemBase {\n  kind: \"points\";\n  data: ArrayBuffer;\n  count: number;\n  /** Scales the dots with the distance (perspective) */\n  perspective: boolean;\n  /** `POINT_SPHERE`, `POINT_DISC` or `POINT_GLOW` (sphere when omitted) */\n  style?: number;\n  /** Adds the light of the dots (no depth writes, order independent) */\n  additive?: boolean;\n  /**\n   * The data was thinned to 1 point out of `thinned` (CPU backend): the\n   * drawn dots get denser to keep the look of the cloud\n   */\n  thinned?: number;\n}\n\n/** Lit triangles (surfaces, bars) */\nexport interface MeshItem extends ItemBase {\n  kind: \"mesh\";\n  vertices: ArrayBuffer;\n  vertexCount: number;\n  indices: Uint32Array;\n  /**\n   * Changes when only the order of the triangles changed (transparent meshes\n   * sorted back to front): the index buffer is rewritten, same length\n   */\n  order?: number;\n  /**\n   * Blended without writing depth whatever its `opacity` (merged transparent\n   * meshes: their opacity is baked into the vertex colors)\n   */\n  transparent?: boolean;\n}\n\n/** Screen-space wide segments (wireframes, contours, polylines) */\nexport interface LinesItem extends ItemBase {\n  kind: \"lines\";\n  data: ArrayBuffer;\n  count: number;\n  /** CSS pixels */\n  width: number;\n  /** Pulls the lines towards the camera (wireframes over their surface) */\n  bias: number;\n}\n\nexport type Item3D = PointsItem | MeshItem | LinesItem;\n\nexport interface Frame3D {\n  /** World -> clip (OpenGL convention) */\n  viewProj: Float32Array;\n  eye: Vec3;\n  /** Unit vector towards the light, in world space */\n  light: Vec3;\n  orthographic: boolean;\n  /** Distance of the camera to the box center (reference of the point sizes) */\n  distance: number;\n  /** Radius of the sphere around the box (depth cue range) */\n  radius: number;\n  /** Drawing buffer size in device pixels */\n  width: number;\n  height: number;\n  dpr: number;\n  /** ambient, diffuse, specular, shininess */\n  lighting: readonly [number, number, number, number];\n  /** Background color: far points fade towards it */\n  fog: Rgba;\n  /** Scale of the light of the additive points (tone mapped when possible) */\n  exposure: number;\n}\n\nexport interface Renderer3D {\n  readonly kind: ChartRendererKind;\n  readonly canvas: HTMLCanvasElement;\n  /**\n   * Blends the transparent items in any order (weighted blended\n   * order-independent transparency): they need no depth sorting\n   */\n  readonly orderIndependent?: boolean;\n  /** Drawing buffer size in device pixels */\n  resize(width: number, height: number): void;\n  render(items: readonly Item3D[], frame: Frame3D): void;\n  destroy(): void;\n}\n\n/** Whether an item writes the depth buffer (opaque items) */\nexport const writesDepth = (item: Item3D): boolean => {\n  if (item.opacity < 1) return false;\n  if (item.kind === \"mesh\") return !item.transparent;\n  if (item.kind === \"points\")\n    return !item.additive && item.style !== POINT_GLOW;\n  return true;\n};\n\n/**\n * Draw passes of the items: 0 opaque meshes, 1 opaque points, 2 blended\n * items (transparent meshes and points: order independent, or sorted back to\n * front together), 3 lines (wireframes and contours stay visible over\n * transparent surfaces)\n */\nexport const drawRank = (item: Item3D): number =>\n  item.kind === \"lines\"\n    ? 3\n    : !writesDepth(item)\n      ? 2\n      : item.kind === \"mesh\"\n        ? 0\n        : 1;\n\n/**\n * Order of the draws (`drawRank`). Stable: items of a rank keep their order\n * (the back-to-front order of the depth sorter for the blended items).\n */\nexport const drawOrder = (items: readonly Item3D[]): Item3D[] =>\n  items\n    .map((item, i) => ({ item, i, r: drawRank(item) }))\n    .sort((a, b) => a.r - b.r || a.i - b.i)\n    .map((e) => e.item);\n"],"mappings":"AAkHA,IAAaA,EAAe,GACtBC,EAAK,QAAU,EAAU,GACzBA,EAAK,OAAS,OAAe,CAACA,EAAK,YACnCA,EAAK,OAAS,UACT,CAACA,EAAK,UAAYA,EAAK,QAAA,EAUrBC,EAAY,GACvBD,EAAK,OAAS,QACV,EACCD,EAAYC,CAAI,EAEfA,EAAK,OAAS,OACZ,EACA,EAHF,EASKE,EAAa,GACxBC,EACG,KAAK,EAAM,KAAO,CAAE,OAAM,IAAG,EAAGF,EAASD,CAAI,CAAE,EAAE,CAAC,CAClD,MAAM,EAAG,IAAMI,EAAE,EAAIC,EAAE,GAAKD,EAAE,EAAIC,EAAE,CAAC,CAAC,CACtC,IAAK,GAAM,EAAE,IAAI"}

package/dist/charts/engine/three-d/render-types.d.cts

@@ -15,13 +15,26 @@ interface ItemBase {
     /** 0-1; below 1 the item is drawn without writing depth */
     opacity: number;
 }
-/** Instanced billboards shaded as small spheres */
+/** Shapes of the points (`PointsItem.style`) */
+export declare const POINT_SPHERE = 0;
+export declare const POINT_DISC = 1;
+export declare const POINT_GLOW = 2;
+/** Instanced billboards: shaded spheres, flat discs or glowing discs */
 export interface PointsItem extends ItemBase {
     kind: "points";
     data: ArrayBuffer;
     count: number;
     /** Scales the dots with the distance (perspective) */
     perspective: boolean;
+    /** `POINT_SPHERE`, `POINT_DISC` or `POINT_GLOW` (sphere when omitted) */
+    style?: number;
+    /** Adds the light of the dots (no depth writes, order independent) */
+    additive?: boolean;
+    /**
+     * The data was thinned to 1 point out of `thinned` (CPU backend): the
+     * drawn dots get denser to keep the look of the cloud
+     */
+    thinned?: number;
 }
 /** Lit triangles (surfaces, bars) */
 export interface MeshItem extends ItemBase {
@@ -34,6 +47,11 @@ export interface MeshItem extends ItemBase {
      * sorted back to front): the index buffer is rewritten, same length
      */
     order?: number;
+    /**
+     * Blended without writing depth whatever its `opacity` (merged transparent
+     * meshes: their opacity is baked into the vertex colors)
+     */
+    transparent?: boolean;
 }
 /** Screen-space wide segments (wireframes, contours, polylines) */
 export interface LinesItem extends ItemBase {
@@ -65,18 +83,34 @@ export interface Frame3D {
     lighting: readonly [number, number, number, number];
     /** Background color: far points fade towards it */
     fog: Rgba;
+    /** Scale of the light of the additive points (tone mapped when possible) */
+    exposure: number;
 }
 export interface Renderer3D {
     readonly kind: ChartRendererKind;
     readonly canvas: HTMLCanvasElement;
+    /**
+     * Blends the transparent items in any order (weighted blended
+     * order-independent transparency): they need no depth sorting
+     */
+    readonly orderIndependent?: boolean;
     /** Drawing buffer size in device pixels */
     resize(width: number, height: number): void;
     render(items: readonly Item3D[], frame: Frame3D): void;
     destroy(): void;
 }
+/** Whether an item writes the depth buffer (opaque items) */
+export declare const writesDepth: (item: Item3D) => boolean;
+/**
+ * Draw passes of the items: 0 opaque meshes, 1 opaque points, 2 blended
+ * items (transparent meshes and points: order independent, or sorted back to
+ * front together), 3 lines (wireframes and contours stay visible over
+ * transparent surfaces)
+ */
+export declare const drawRank: (item: Item3D) => number;
 /**
- * Order of the draws: opaque meshes, points, transparent meshes, then lines
- * (wireframes and contours stay visible over transparent surfaces)
+ * Order of the draws (`drawRank`). Stable: items of a rank keep their order
+ * (the back-to-front order of the depth sorter for the blended items).
  */
 export declare const drawOrder: (items: readonly Item3D[]) => Item3D[];
 export {};

package/dist/charts/engine/three-d/render-types.d.ts

@@ -15,13 +15,26 @@ interface ItemBase {
     /** 0-1; below 1 the item is drawn without writing depth */
     opacity: number;
 }
-/** Instanced billboards shaded as small spheres */
+/** Shapes of the points (`PointsItem.style`) */
+export declare const POINT_SPHERE = 0;
+export declare const POINT_DISC = 1;
+export declare const POINT_GLOW = 2;
+/** Instanced billboards: shaded spheres, flat discs or glowing discs */
 export interface PointsItem extends ItemBase {
     kind: "points";
     data: ArrayBuffer;
     count: number;
     /** Scales the dots with the distance (perspective) */
     perspective: boolean;
+    /** `POINT_SPHERE`, `POINT_DISC` or `POINT_GLOW` (sphere when omitted) */
+    style?: number;
+    /** Adds the light of the dots (no depth writes, order independent) */
+    additive?: boolean;
+    /**
+     * The data was thinned to 1 point out of `thinned` (CPU backend): the
+     * drawn dots get denser to keep the look of the cloud
+     */
+    thinned?: number;
 }
 /** Lit triangles (surfaces, bars) */
 export interface MeshItem extends ItemBase {
@@ -34,6 +47,11 @@ export interface MeshItem extends ItemBase {
      * sorted back to front): the index buffer is rewritten, same length
      */
     order?: number;
+    /**
+     * Blended without writing depth whatever its `opacity` (merged transparent
+     * meshes: their opacity is baked into the vertex colors)
+     */
+    transparent?: boolean;
 }
 /** Screen-space wide segments (wireframes, contours, polylines) */
 export interface LinesItem extends ItemBase {
@@ -65,18 +83,34 @@ export interface Frame3D {
     lighting: readonly [number, number, number, number];
     /** Background color: far points fade towards it */
     fog: Rgba;
+    /** Scale of the light of the additive points (tone mapped when possible) */
+    exposure: number;
 }
 export interface Renderer3D {
     readonly kind: ChartRendererKind;
     readonly canvas: HTMLCanvasElement;
+    /**
+     * Blends the transparent items in any order (weighted blended
+     * order-independent transparency): they need no depth sorting
+     */
+    readonly orderIndependent?: boolean;
     /** Drawing buffer size in device pixels */
     resize(width: number, height: number): void;
     render(items: readonly Item3D[], frame: Frame3D): void;
     destroy(): void;
 }
+/** Whether an item writes the depth buffer (opaque items) */
+export declare const writesDepth: (item: Item3D) => boolean;
+/**
+ * Draw passes of the items: 0 opaque meshes, 1 opaque points, 2 blended
+ * items (transparent meshes and points: order independent, or sorted back to
+ * front together), 3 lines (wireframes and contours stay visible over
+ * transparent surfaces)
+ */
+export declare const drawRank: (item: Item3D) => number;
 /**
- * Order of the draws: opaque meshes, points, transparent meshes, then lines
- * (wireframes and contours stay visible over transparent surfaces)
+ * Order of the draws (`drawRank`). Stable: items of a rank keep their order
+ * (the back-to-front order of the depth sorter for the blended items).
  */
 export declare const drawOrder: (items: readonly Item3D[]) => Item3D[];
 export {};

package/dist/charts/engine/three-d/render-types.js

@@ -1,13 +1,9 @@
-//#region src/engine/three-d/render-types.ts
-var e = (e) => {
-	let t = (e) => e.kind === "mesh" ? e.opacity < 1 ? 2 : 0 : e.kind === "points" ? 1 : 3;
-	return e.map((e, n) => ({
-		item: e,
-		i: n,
-		r: t(e)
-	})).sort((e, t) => e.r - t.r || e.i - t.i).map((e) => e.item);
-};
+var e = (e) => e.opacity < 1 ? !1 : e.kind === "mesh" ? !e.transparent : e.kind !== "points" || !e.additive && e.style !== 2, t = (t) => t.kind === "lines" ? 3 : e(t) ? t.kind === "mesh" ? 0 : 1 : 2, n = (e) => e.map((e, n) => ({
+	item: e,
+	i: n,
+	r: t(e)
+})).sort((e, t) => e.r - t.r || e.i - t.i).map((e) => e.item);
 //#endregion
-export { e as drawOrder };
+export { n as drawOrder, t as drawRank, e as writesDepth };
 
 //# sourceMappingURL=render-types.js.map