@vielzeug/prism 3.0.0 → 26.10.1

package/dist/interaction/series-interaction.cjs

@@ -1,2 +1,2 @@
-const e=require("../core/layout.cjs"),t=require("../core/cartesian-model.cjs"),n=require("./events.cjs");function r(e,t,n){let r=null,i=1/0;for(let a=0;a<t.length;a++)for(let o=0;o<(t[a]?.length??0);o++){let s=e[a]?.[o],c=t[a]?.[o];if(!s||!c)continue;let l=Math.abs(c.x-n);l<i&&(i=l,r=s.key)}return r}function i(e,n,r,i){let a=t.keyId(r),o=null,s=1/0;for(let r=0;r<n.length;r++){let c=e[r]?.findIndex(e=>t.keyId(e.key)===a)??-1,l=c===-1?void 0:e[r]?.[c],u=c===-1?void 0:n[r]?.[c];if(!l||!u)continue;let d=Number.isFinite(i)?Math.abs(u.y-i):0;d<s&&(s=d,o={datum:l,point:u,seriesIndex:r})}return o}function a(a){let o=0;return{onClick:t=>{if(!a.onClick)return;let o=a.getPoints();if(o.length===0||o[0].length===0)return;let s=a.dims(),c=n.getMousePosition(a.svg,t,s.margin.left,s.margin.top),l=e.chartArea(s.width,s.height,s.margin);if(c.x<0||c.x>l.width||c.y<0||c.y>l.height)return;let u=r(a.getData(),o,c.x);if(u===null)return;let d=i(a.getData(),o,u,c.y),f=d?a.getSeriesList()[d.seriesIndex]:void 0;d&&f&&a.onClick({datum:d.datum,originalEvent:t,series:f})},onKeyDown:e=>{let n=a.getData(),r=a.getPoints(),s=[...new Map(n.flat().map(e=>[t.keyId(e.key),e.key])).values()];if(s.length!==0){if(e.key===`ArrowLeft`||e.key===`ArrowRight`){e.preventDefault(),o=Math.max(0,Math.min(s.length-1,o+(e.key===`ArrowLeft`?-1:1)));let t=s[o],c=i(n,r,t,1/0),l=c?a.getSeriesList()[c.seriesIndex]:void 0;if(!c||!l)return;let u=a.tooltip?void 0:`${l.name}: ${c.datum.value}`;a.crosshair?.show(c.point.x,c.point.y,a.dims().width,a.dims().height,u),a.tooltip?.show(c.point.x+a.dims().margin.left,c.point.y+a.dims().margin.top,c.datum,l),a.onHover?.({datum:c.datum,originalEvent:e,series:l})}if((e.key===`Enter`||e.key===` `)&&a.onClick){e.preventDefault();let t=s[o],c=i(n,r,t,1/0),l=c?a.getSeriesList()[c.seriesIndex]:void 0;c&&l&&a.onClick({datum:c.datum,originalEvent:e,series:l})}e.key===`Escape`&&(a.crosshair?.hide(),a.tooltip?.hide(),a.onHover?.(null))}},onMouseLeave:()=>{a.crosshair?.hide(),a.tooltip?.hide(),a.onHover?.(null)},onMouseMove:t=>{let o=a.getPoints();if(o.length===0||o[0].length===0)return;let s=a.dims(),c=n.getMousePosition(a.svg,t,s.margin.left,s.margin.top),l=e.chartArea(s.width,s.height,s.margin);if(c.x<0||c.x>l.width||c.y<0||c.y>l.height){a.crosshair?.hide(),a.tooltip?.hide();return}let u=r(a.getData(),o,c.x);if(u===null)return;let d=i(a.getData(),o,u,c.y),f=d?a.getSeriesList()[d.seriesIndex]:void 0,p=a.crosshair?.snap===!1?c.x:d?.point.x??c.x,m=a.crosshair?.snap===!1?c.y:d?.point.y??c.y,h=!a.tooltip&&f&&d?`${f.name}: ${d.datum.value}`:void 0;a.crosshair?.show(p,m,l.width,l.height,h),d&&f&&(a.tooltip?.show(d.point.x+s.margin.left,d.point.y+s.margin.top,d.datum,f),a.onHover?.({datum:d.datum,originalEvent:t,series:f}))}}}exports.createSeriesInteraction=a;
+const e=require("../svg/element.cjs"),t=require("./announcer.cjs"),n=require("./tooltip.cjs"),r=require("../core/layout.cjs"),i=require("../core/cartesian-model.cjs"),a=require("./events.cjs");var keyOrder=e=>e instanceof Date?e.getTime():Number(e);function keyLabel(e){return e instanceof Date?e.toLocaleDateString():String(e)}function findNearestKey(e,t,n){let r=null,i=1/0;for(let a=0;a<t.length;a++)for(let o=0;o<(t[a]?.length??0);o++){let s=e[a]?.[o],c=t[a]?.[o];if(!s||!c)continue;let l=Math.abs(c.x-n);l<i&&(i=l,r=s.key)}return r}function createSeriesInteraction(o){let s=-1,c=!1,renderedHit=e=>{let t=e.target;if(!(t instanceof SVGElement)||t.tagName.toLowerCase()!==`circle`||!o.seriesGroup.contains(t)||!t.parentElement)return null;let n=t.parentElement;for(;n&&n.parentNode!==o.seriesGroup;)n=n.parentElement;if(!n)return null;let r=[...o.seriesGroup.children].indexOf(n),i=[...t.parentElement.children].indexOf(t),a=o.getData()[r]?.[i],s=o.getPoints()[r]?.[i];return a&&s?{datum:a,point:s,seriesIndex:r}:null},entriesAt=e=>{let t=i.keyId(e),n=o.getPoints();return o.getData().map((e,r)=>{let a=e.findIndex(e=>i.keyId(e.key)===t);return a===-1?{datum:void 0,point:void 0}:{datum:e[a],point:n[r]?.[a]}})},nearestIndex=(e,t)=>{let n=-1,r=1/0;return e.forEach(({point:e},i)=>{if(!e)return;let a=Number.isFinite(t)?Math.abs(e.y-t):0;a<r&&(r=a,n=i)}),n},highlight=(t,n)=>{let r=o.colors();o.markers.replaceChildren(),t.forEach(({point:t},n)=>{t&&o.markers.appendChild(e.createSvgElement(`circle`,{class:`prism-active-point`,cx:t.x,cy:t.y,fill:r[n],r:4}))});let i=[...o.seriesGroup.children];o.seriesGroup.classList.toggle(`prism-series-focused`,n>=0&&i.length>1);for(let[e,t]of i.entries())t.classList.toggle(`prism-series-active`,e===n)},clear=()=>{o.crosshair?.hide(),o.tooltip?.hide(),o.announcer.clear(),highlight([],-1),c=!1,o.onHover?.(null)},eventFor=(e,t,n)=>{let r=entriesAt(e),i=renderedHit(n),a=i?.seriesIndex??nearestIndex(r,t);i&&(r[a]={datum:i.datum,point:i.point});let s=o.getSeriesList(),c=r[a]?.datum;if(a<0||!c)return null;let l=r.map((e,t)=>({datum:e.datum,series:s[t]}));return{entries:r,event:{datum:c,originalEvent:n,series:s[a],values:l},index:a}},focus=(e,i,a)=>{let s=eventFor(e,i?.y??NaN,a);if(!s)return;let{entries:l,event:u,index:d}=s,f=l[d].point,p=o.dims(),m=r.chartArea(p.width,p.height,p.margin),h=o.crosshair?.snap===!1&&i,g=keyLabel(e),_=u.values??[],v=o.colors();o.crosshair?.show(h?i.x:f.x,h?i.y:f.y,m.width,m.height),highlight(l,d);let y=t.describeValues(g,_);if(o.tooltip){let e=_.flatMap(({datum:e,series:t},n)=>e?[{color:v[n],name:t.name,value:String(e.value)}]:[]);o.tooltip.show(f.x+p.margin.left,f.y+p.margin.top,u.datum,u.series,n.comparisonContent(o.svg.ownerDocument,g,e,y))}else o.announcer.announce(y);c=!0,o.onHover?.(u)},pointerKey=e=>{let t=renderedHit(e);if(t)return{key:t.datum.key,pos:t.point};let n=o.getPoints();if(n.every(e=>e.length===0))return null;let i=o.dims(),s=a.getMousePosition(o.svg,e,i.margin.left,i.margin.top),c=r.chartArea(i.width,i.height,i.margin);if(s.x<0||s.x>c.width||s.y<0||s.y>c.height)return null;let l=findNearestKey(o.getData(),n,s.x);return l===null?null:{key:l,pos:s}},sortedKeys=()=>[...new Map(o.getData().flat().map(e=>[i.keyId(e.key),e.key])).values()].sort((e,t)=>keyOrder(e)-keyOrder(t)),onMouseMove=e=>{let t=pointerKey(e);t?focus(t.key,t.pos,e):c&&clear()},onClick=e=>{if(!o.onClick)return;let t=pointerKey(e),n=t&&eventFor(t.key,t.pos.y,e);n&&o.onClick(n.event)},onKeyDown=e=>{let t=sortedKeys();if(t.length===0)return;let n=t.length-1,r={ArrowLeft:s<0?n:Math.max(0,s-1),ArrowRight:s<0?0:Math.min(n,s+1),End:n,Home:0};if(e.key in r)e.preventDefault(),s=r[e.key],focus(t[s],null,e);else if((e.key===`Enter`||e.key===` `)&&s>=0&&o.onClick){e.preventDefault();let n=eventFor(t[s],NaN,e);n&&o.onClick(n.event)}else e.key===`Escape`&&(s=-1,clear())};return{onClick,onKeyDown,onMouseLeave:clear,onMouseMove}}function ensureMarkerGroup(t,n){if(n&&t.contains(n))return n;let r=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-active-points`,"pointer-events":`none`});return t.appendChild(r),r}exports.createSeriesInteraction=createSeriesInteraction,exports.ensureMarkerGroup=ensureMarkerGroup,exports.keyLabel=keyLabel;
 //# sourceMappingURL=series-interaction.cjs.map

package/dist/interaction/series-interaction.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"series-interaction.cjs","names":[],"sources":["../../src/interaction/series-interaction.ts"],"sourcesContent":["import { keyId } from '../core/cartesian-model';\nimport type { ChartEventHandlers } from '../core/chart-scaffold';\nimport { chartArea } from '../core/layout';\nimport type { Point } from '../svg/path';\nimport type { ChartDimensions, ChartEvent, Datum, Series } from '../types';\nimport type { CrosshairState } from './crosshair';\nimport { getMousePosition } from './events';\nimport type { TooltipState } from './tooltip';\n\nexport interface SeriesInteractionOptions {\n  crosshair?: CrosshairState | null;\n  dims: () => ChartDimensions;\n  getData: () => Datum[][];\n  getPoints: () => Point[][];\n  getSeriesList: () => Series[];\n  onClick?: ((event: ChartEvent) => void) | undefined;\n  onHover?: ((event: ChartEvent | null) => void) | undefined;\n  svg: SVGSVGElement;\n  tooltip?: TooltipState | null;\n}\n\ntype SeriesPoint = { datum: Datum; point: Point; seriesIndex: number };\n\nfunction findNearestKey(allData: Datum[][], allPoints: Point[][], posX: number): Datum['key'] | null {\n  let nearest: Datum['key'] | null = null;\n  let minXDistance = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    for (let datumIndex = 0; datumIndex < (allPoints[seriesIndex]?.length ?? 0); datumIndex++) {\n      const datum = allData[seriesIndex]?.[datumIndex];\n      const point = allPoints[seriesIndex]?.[datumIndex];\n\n      if (!datum || !point) continue;\n\n      const distance = Math.abs(point.x - posX);\n\n      if (distance < minXDistance) {\n        minXDistance = distance;\n        nearest = datum.key;\n      }\n    }\n  }\n\n  return nearest;\n}\n\nfunction findNearestSeries(\n  allData: Datum[][],\n  allPoints: Point[][],\n  key: Datum['key'],\n  posY: number,\n): SeriesPoint | null {\n  const id = keyId(key);\n  let nearest: { datum: Datum; point: Point; seriesIndex: number } | null = null;\n  let minYDist = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    const datumIndex = allData[seriesIndex]?.findIndex((datum) => keyId(datum.key) === id) ?? -1;\n    const datum = datumIndex === -1 ? undefined : allData[seriesIndex]?.[datumIndex];\n    const point = datumIndex === -1 ? undefined : allPoints[seriesIndex]?.[datumIndex];\n\n    if (!datum || !point) continue;\n\n    const distance = Number.isFinite(posY) ? Math.abs(point.y - posY) : 0;\n\n    if (distance < minYDist) {\n      minYDist = distance;\n      nearest = { datum, point, seriesIndex };\n    }\n  }\n\n  return nearest;\n}\n\nexport function createSeriesInteraction(opts: SeriesInteractionOptions): ChartEventHandlers {\n  let keyboardIndex = 0;\n\n  const onMouseMove = (event: MouseEvent) => {\n    const allPoints = opts.getPoints();\n\n    if (allPoints.length === 0 || allPoints[0].length === 0) return;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) {\n      opts.crosshair?.hide();\n      opts.tooltip?.hide();\n\n      return;\n    }\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    if (key === null) return;\n\n    const nearest = findNearestSeries(opts.getData(), allPoints, key, pos.y);\n    const series = nearest ? opts.getSeriesList()[nearest.seriesIndex] : undefined;\n    const crosshairX = opts.crosshair?.snap === false ? pos.x : (nearest?.point.x ?? pos.x);\n    const crosshairY = opts.crosshair?.snap === false ? pos.y : (nearest?.point.y ?? pos.y);\n\n    // When a tooltip is present it already carries role=\"status\" + aria-live=\"polite\",\n    // so the crosshair's own live region must stay silent to avoid double-announcing.\n    const announceText = !opts.tooltip && series && nearest ? `${series.name}: ${nearest.datum.value}` : undefined;\n\n    opts.crosshair?.show(crosshairX, crosshairY, area.width, area.height, announceText);\n\n    if (nearest && series) {\n      opts.tooltip?.show(nearest.point.x + dims.margin.left, nearest.point.y + dims.margin.top, nearest.datum, series);\n      opts.onHover?.({ datum: nearest.datum, originalEvent: event, series });\n    }\n  };\n\n  const onMouseLeave = () => {\n    opts.crosshair?.hide();\n    opts.tooltip?.hide();\n    opts.onHover?.(null);\n  };\n\n  const onClick = (event: MouseEvent) => {\n    if (!opts.onClick) return;\n\n    const allPoints = opts.getPoints();\n\n    if (allPoints.length === 0 || allPoints[0].length === 0) return;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) return;\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    if (key === null) return;\n\n    const nearest = findNearestSeries(opts.getData(), allPoints, key, pos.y);\n    const series = nearest ? opts.getSeriesList()[nearest.seriesIndex] : undefined;\n\n    if (nearest && series) {\n      opts.onClick({ datum: nearest.datum, originalEvent: event, series });\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const allData = opts.getData();\n    const allPoints = opts.getPoints();\n    const domain = [...new Map(allData.flat().map((datum) => [keyId(datum.key), datum.key])).values()];\n\n    if (domain.length === 0) return;\n\n    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      keyboardIndex = Math.max(0, Math.min(domain.length - 1, keyboardIndex + (event.key === 'ArrowLeft' ? -1 : 1)));\n\n      const key = domain[keyboardIndex]!;\n      const candidate = findNearestSeries(allData, allPoints, key, Number.POSITIVE_INFINITY);\n      const series = candidate ? opts.getSeriesList()[candidate.seriesIndex] : undefined;\n\n      if (!candidate || !series) return;\n\n      // Same dedup as onMouseMove — tooltip announces when present.\n      const announceText = !opts.tooltip ? `${series.name}: ${candidate.datum.value}` : undefined;\n\n      opts.crosshair?.show(candidate.point.x, candidate.point.y, opts.dims().width, opts.dims().height, announceText);\n      opts.tooltip?.show(\n        candidate.point.x + opts.dims().margin.left,\n        candidate.point.y + opts.dims().margin.top,\n        candidate.datum,\n        series,\n      );\n      opts.onHover?.({ datum: candidate.datum, originalEvent: event, series });\n    }\n\n    if ((event.key === 'Enter' || event.key === ' ') && opts.onClick) {\n      event.preventDefault();\n\n      const key = domain[keyboardIndex]!;\n      const candidate = findNearestSeries(allData, allPoints, key, Number.POSITIVE_INFINITY);\n      const series = candidate ? opts.getSeriesList()[candidate.seriesIndex] : undefined;\n\n      if (candidate && series) opts.onClick({ datum: candidate.datum, originalEvent: event, series });\n    }\n\n    if (event.key === 'Escape') {\n      opts.crosshair?.hide();\n      opts.tooltip?.hide();\n      opts.onHover?.(null);\n    }\n  };\n\n  return { onClick, onKeyDown, onMouseLeave, onMouseMove };\n}\n"],"mappings":"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"}
+{"version":3,"file":"series-interaction.cjs","names":[],"sources":["../../src/interaction/series-interaction.ts"],"sourcesContent":["import { keyId } from '../core/cartesian-model';\nimport type { ChartEventHandlers } from '../core/chart-scaffold';\nimport { chartArea } from '../core/layout';\nimport { createSvgElement } from '../svg/element';\nimport type { Point } from '../svg/path';\nimport type { ChartDimensions, ChartEvent, Datum, Series, SeriesValue } from '../types';\nimport { type Announcer, describeValues } from './announcer';\nimport type { CrosshairState } from './crosshair';\nimport { getMousePosition } from './events';\nimport { comparisonContent, type TooltipState } from './tooltip';\n\nexport interface SeriesInteractionOptions {\n  announcer: Announcer;\n  colors: () => string[];\n  crosshair?: CrosshairState | null;\n  dims: () => ChartDimensions;\n  getData: () => Datum[][];\n  getPoints: () => Point[][];\n  getSeriesList: () => Series[];\n  /** Receives one marker per series at the active key. */\n  markers: SVGGElement;\n  onClick?: ((event: ChartEvent) => void) | undefined;\n  onHover?: ((event: ChartEvent | null) => void) | undefined;\n  /** Parent of the per-series groups; the nearest series is emphasised and the rest dim. */\n  seriesGroup: SVGGElement;\n  svg: SVGSVGElement;\n  tooltip?: TooltipState | null;\n}\n\ninterface KeyEntry {\n  datum: Datum | undefined;\n  point: Point | undefined;\n}\n\nconst keyOrder = (key: Datum['key']): number => (key instanceof Date ? key.getTime() : Number(key));\n\nexport function keyLabel(key: Datum['key']): string {\n  return key instanceof Date ? key.toLocaleDateString() : String(key);\n}\n\nfunction findNearestKey(allData: Datum[][], allPoints: Point[][], posX: number): Datum['key'] | null {\n  let nearest: Datum['key'] | null = null;\n  let minXDistance = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    for (let datumIndex = 0; datumIndex < (allPoints[seriesIndex]?.length ?? 0); datumIndex++) {\n      const datum = allData[seriesIndex]?.[datumIndex];\n      const point = allPoints[seriesIndex]?.[datumIndex];\n\n      if (!datum || !point) continue;\n\n      const distance = Math.abs(point.x - posX);\n\n      if (distance < minXDistance) {\n        minXDistance = distance;\n        nearest = datum.key;\n      }\n    }\n  }\n\n  return nearest;\n}\n\nexport function createSeriesInteraction(opts: SeriesInteractionOptions): ChartEventHandlers {\n  let keyboardIndex = -1;\n  let active = false;\n\n  const renderedHit = (event: Event): { datum: Datum; point: Point; seriesIndex: number } | null => {\n    const target = event.target;\n    if (\n      !(target instanceof SVGElement) ||\n      target.tagName.toLowerCase() !== 'circle' ||\n      !opts.seriesGroup.contains(target) ||\n      !target.parentElement\n    )\n      return null;\n    let group: Element | null = target.parentElement;\n    while (group && group.parentNode !== opts.seriesGroup) group = group.parentElement;\n    if (!group) return null;\n    const seriesIndex = [...opts.seriesGroup.children].indexOf(group);\n    const datumIndex = [...target.parentElement.children].indexOf(target);\n    const datum = opts.getData()[seriesIndex]?.[datumIndex];\n    const point = opts.getPoints()[seriesIndex]?.[datumIndex];\n    return datum && point ? { datum, point, seriesIndex } : null;\n  };\n\n  const entriesAt = (key: Datum['key']): KeyEntry[] => {\n    const id = keyId(key);\n    const allPoints = opts.getPoints();\n\n    return opts.getData().map((data, seriesIndex) => {\n      const datumIndex = data.findIndex((datum) => keyId(datum.key) === id);\n\n      return datumIndex === -1\n        ? { datum: undefined, point: undefined }\n        : { datum: data[datumIndex], point: allPoints[seriesIndex]?.[datumIndex] };\n    });\n  };\n\n  const nearestIndex = (entries: KeyEntry[], posY: number): number => {\n    let best = -1;\n    let minDistance = Infinity;\n\n    entries.forEach(({ point }, index) => {\n      if (!point) return;\n\n      const distance = Number.isFinite(posY) ? Math.abs(point.y - posY) : 0;\n\n      if (distance < minDistance) {\n        minDistance = distance;\n        best = index;\n      }\n    });\n\n    return best;\n  };\n\n  const highlight = (entries: KeyEntry[], emphasised: number): void => {\n    const colors = opts.colors();\n\n    opts.markers.replaceChildren();\n    entries.forEach(({ point }, index) => {\n      if (!point) return;\n\n      opts.markers.appendChild(\n        createSvgElement('circle', {\n          class: 'prism-active-point',\n          cx: point.x,\n          cy: point.y,\n          fill: colors[index],\n          r: 4,\n        }),\n      );\n    });\n\n    const groups = [...opts.seriesGroup.children];\n\n    opts.seriesGroup.classList.toggle('prism-series-focused', emphasised >= 0 && groups.length > 1);\n    for (const [index, group] of groups.entries()) group.classList.toggle('prism-series-active', index === emphasised);\n  };\n\n  const clear = (): void => {\n    opts.crosshair?.hide();\n    opts.tooltip?.hide();\n    opts.announcer.clear();\n    highlight([], -1);\n    active = false;\n    opts.onHover?.(null);\n  };\n\n  const eventFor = (\n    key: Datum['key'],\n    posY: number,\n    originalEvent: Event,\n  ): { entries: KeyEntry[]; event: ChartEvent; index: number } | null => {\n    const entries = entriesAt(key);\n    const hit = renderedHit(originalEvent);\n    const index = hit?.seriesIndex ?? nearestIndex(entries, posY);\n    if (hit) entries[index] = { datum: hit.datum, point: hit.point };\n    const seriesList = opts.getSeriesList();\n    const datum = entries[index]?.datum;\n\n    if (index < 0 || !datum) return null;\n\n    const values: SeriesValue[] = entries.map((entry, i) => ({ datum: entry.datum, series: seriesList[i] }));\n\n    return { entries, event: { datum, originalEvent, series: seriesList[index], values }, index };\n  };\n\n  const focus = (key: Datum['key'], pos: Point | null, originalEvent: Event): void => {\n    const found = eventFor(key, pos?.y ?? Number.NaN, originalEvent);\n\n    if (!found) return;\n\n    const { entries, event, index } = found;\n    const point = entries[index].point!;\n    const dims = opts.dims();\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const raw = opts.crosshair?.snap === false && pos;\n    const label = keyLabel(key);\n    const values = event.values ?? [];\n    const colors = opts.colors();\n\n    opts.crosshair?.show(raw ? pos.x : point.x, raw ? pos.y : point.y, area.width, area.height);\n    highlight(entries, index);\n\n    const spoken = describeValues(label, values);\n\n    if (opts.tooltip) {\n      const rows = values.flatMap(({ datum, series }, i) =>\n        datum ? [{ color: colors[i], name: series.name, value: String(datum.value) }] : [],\n      );\n\n      opts.tooltip.show(\n        point.x + dims.margin.left,\n        point.y + dims.margin.top,\n        event.datum,\n        event.series,\n        comparisonContent(opts.svg.ownerDocument, label, rows, spoken),\n      );\n    } else {\n      opts.announcer.announce(spoken);\n    }\n\n    active = true;\n    opts.onHover?.(event);\n  };\n\n  const pointerKey = (event: MouseEvent): { key: Datum['key']; pos: Point } | null => {\n    const rendered = renderedHit(event);\n    if (rendered) return { key: rendered.datum.key, pos: rendered.point };\n    const allPoints = opts.getPoints();\n\n    if (allPoints.every((points) => points.length === 0)) return null;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) return null;\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    return key === null ? null : { key, pos };\n  };\n\n  const sortedKeys = (): Datum['key'][] =>\n    [\n      ...new Map(\n        opts\n          .getData()\n          .flat()\n          .map((datum) => [keyId(datum.key), datum.key]),\n      ).values(),\n    ].sort((a, b) => keyOrder(a) - keyOrder(b));\n\n  const onMouseMove = (event: MouseEvent): void => {\n    const hit = pointerKey(event);\n\n    if (hit) focus(hit.key, hit.pos, event);\n    else if (active) clear();\n  };\n\n  const onClick = (event: MouseEvent): void => {\n    if (!opts.onClick) return;\n\n    const hit = pointerKey(event);\n    const found = hit && eventFor(hit.key, hit.pos.y, event);\n\n    if (found) opts.onClick(found.event);\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    const keys = sortedKeys();\n\n    if (keys.length === 0) return;\n\n    const last = keys.length - 1;\n    const target: Record<string, number> = {\n      ArrowLeft: keyboardIndex < 0 ? last : Math.max(0, keyboardIndex - 1),\n      ArrowRight: keyboardIndex < 0 ? 0 : Math.min(last, keyboardIndex + 1),\n      End: last,\n      Home: 0,\n    };\n\n    if (event.key in target) {\n      event.preventDefault();\n      keyboardIndex = target[event.key];\n      focus(keys[keyboardIndex], null, event);\n    } else if ((event.key === 'Enter' || event.key === ' ') && keyboardIndex >= 0 && opts.onClick) {\n      event.preventDefault();\n\n      const found = eventFor(keys[keyboardIndex], Number.NaN, event);\n\n      if (found) opts.onClick(found.event);\n    } else if (event.key === 'Escape') {\n      keyboardIndex = -1;\n      clear();\n    }\n  };\n\n  return { onClick, onKeyDown, onMouseLeave: clear, onMouseMove };\n}\n\n/** Group for the per-series active markers, reused across renders. */\nexport function ensureMarkerGroup(parent: SVGGElement, current: SVGGElement | null): SVGGElement {\n  if (current && parent.contains(current)) return current;\n\n  const group = createSvgElement('g', {\n    'aria-hidden': 'true',\n    class: 'prism-active-points',\n    'pointer-events': 'none',\n  });\n\n  parent.appendChild(group);\n\n  return group;\n}\n"],"mappings":"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"}

package/dist/interaction/series-interaction.d.ts

@@ -1,18 +1,28 @@
 import type { ChartEventHandlers } from '../core/chart-scaffold';
 import type { Point } from '../svg/path';
 import type { ChartDimensions, ChartEvent, Datum, Series } from '../types';
+import { type Announcer } from './announcer';
 import type { CrosshairState } from './crosshair';
-import type { TooltipState } from './tooltip';
+import { type TooltipState } from './tooltip';
 export interface SeriesInteractionOptions {
+    announcer: Announcer;
+    colors: () => string[];
     crosshair?: CrosshairState | null;
     dims: () => ChartDimensions;
     getData: () => Datum[][];
     getPoints: () => Point[][];
     getSeriesList: () => Series[];
+    /** Receives one marker per series at the active key. */
+    markers: SVGGElement;
     onClick?: ((event: ChartEvent) => void) | undefined;
     onHover?: ((event: ChartEvent | null) => void) | undefined;
+    /** Parent of the per-series groups; the nearest series is emphasised and the rest dim. */
+    seriesGroup: SVGGElement;
     svg: SVGSVGElement;
     tooltip?: TooltipState | null;
 }
+export declare function keyLabel(key: Datum['key']): string;
 export declare function createSeriesInteraction(opts: SeriesInteractionOptions): ChartEventHandlers;
+/** Group for the per-series active markers, reused across renders. */
+export declare function ensureMarkerGroup(parent: SVGGElement, current: SVGGElement | null): SVGGElement;
 //# sourceMappingURL=series-interaction.d.ts.map

package/dist/interaction/series-interaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"series-interaction.d.ts","sourceRoot":"","sources":["../../src/interaction/series-interaction.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,eAAe,CAAC;IAC5B,OAAO,EAAE,MAAM,KAAK,EAAE,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,KAAK,EAAE,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC/B;AAuDD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,wBAAwB,GAAG,kBAAkB,CAuH1F"}
+{"version":3,"file":"series-interaction.d.ts","sourceRoot":"","sources":["../../src/interaction/series-interaction.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAGjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AACxF,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAEjE,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,MAAM,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,eAAe,CAAC;IAC5B,OAAO,EAAE,MAAM,KAAK,EAAE,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,KAAK,EAAE,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,wDAAwD;IACxD,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,0FAA0F;IAC1F,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC/B;AASD,wBAAgB,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,MAAM,CAElD;AAyBD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,wBAAwB,GAAG,kBAAkB,CA2N1F;AAED,sEAAsE;AACtE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,CAY/F"}

package/dist/interaction/series-interaction.js

@@ -1,98 +1,2 @@
-import { chartArea as e } from "../core/layout.js";
-import { keyId as t } from "../core/cartesian-model.js";
-import { getMousePosition as n } from "./events.js";
-//#region src/interaction/series-interaction.ts
-function r(e, t, n) {
-	let r = null, i = Infinity;
-	for (let a = 0; a < t.length; a++) for (let o = 0; o < (t[a]?.length ?? 0); o++) {
-		let s = e[a]?.[o], c = t[a]?.[o];
-		if (!s || !c) continue;
-		let l = Math.abs(c.x - n);
-		l < i && (i = l, r = s.key);
-	}
-	return r;
-}
-function i(e, n, r, i) {
-	let a = t(r), o = null, s = Infinity;
-	for (let r = 0; r < n.length; r++) {
-		let c = e[r]?.findIndex((e) => t(e.key) === a) ?? -1, l = c === -1 ? void 0 : e[r]?.[c], u = c === -1 ? void 0 : n[r]?.[c];
-		if (!l || !u) continue;
-		let d = Number.isFinite(i) ? Math.abs(u.y - i) : 0;
-		d < s && (s = d, o = {
-			datum: l,
-			point: u,
-			seriesIndex: r
-		});
-	}
-	return o;
-}
-function a(a) {
-	let o = 0;
-	return {
-		onClick: (t) => {
-			if (!a.onClick) return;
-			let o = a.getPoints();
-			if (o.length === 0 || o[0].length === 0) return;
-			let s = a.dims(), c = n(a.svg, t, s.margin.left, s.margin.top), l = e(s.width, s.height, s.margin);
-			if (c.x < 0 || c.x > l.width || c.y < 0 || c.y > l.height) return;
-			let u = r(a.getData(), o, c.x);
-			if (u === null) return;
-			let d = i(a.getData(), o, u, c.y), f = d ? a.getSeriesList()[d.seriesIndex] : void 0;
-			d && f && a.onClick({
-				datum: d.datum,
-				originalEvent: t,
-				series: f
-			});
-		},
-		onKeyDown: (e) => {
-			let n = a.getData(), r = a.getPoints(), s = [...new Map(n.flat().map((e) => [t(e.key), e.key])).values()];
-			if (s.length !== 0) {
-				if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-					e.preventDefault(), o = Math.max(0, Math.min(s.length - 1, o + (e.key === "ArrowLeft" ? -1 : 1)));
-					let t = s[o], c = i(n, r, t, Infinity), l = c ? a.getSeriesList()[c.seriesIndex] : void 0;
-					if (!c || !l) return;
-					let u = a.tooltip ? void 0 : `${l.name}: ${c.datum.value}`;
-					a.crosshair?.show(c.point.x, c.point.y, a.dims().width, a.dims().height, u), a.tooltip?.show(c.point.x + a.dims().margin.left, c.point.y + a.dims().margin.top, c.datum, l), a.onHover?.({
-						datum: c.datum,
-						originalEvent: e,
-						series: l
-					});
-				}
-				if ((e.key === "Enter" || e.key === " ") && a.onClick) {
-					e.preventDefault();
-					let t = s[o], c = i(n, r, t, Infinity), l = c ? a.getSeriesList()[c.seriesIndex] : void 0;
-					c && l && a.onClick({
-						datum: c.datum,
-						originalEvent: e,
-						series: l
-					});
-				}
-				e.key === "Escape" && (a.crosshair?.hide(), a.tooltip?.hide(), a.onHover?.(null));
-			}
-		},
-		onMouseLeave: () => {
-			a.crosshair?.hide(), a.tooltip?.hide(), a.onHover?.(null);
-		},
-		onMouseMove: (t) => {
-			let o = a.getPoints();
-			if (o.length === 0 || o[0].length === 0) return;
-			let s = a.dims(), c = n(a.svg, t, s.margin.left, s.margin.top), l = e(s.width, s.height, s.margin);
-			if (c.x < 0 || c.x > l.width || c.y < 0 || c.y > l.height) {
-				a.crosshair?.hide(), a.tooltip?.hide();
-				return;
-			}
-			let u = r(a.getData(), o, c.x);
-			if (u === null) return;
-			let d = i(a.getData(), o, u, c.y), f = d ? a.getSeriesList()[d.seriesIndex] : void 0, p = a.crosshair?.snap === !1 ? c.x : d?.point.x ?? c.x, m = a.crosshair?.snap === !1 ? c.y : d?.point.y ?? c.y, h = !a.tooltip && f && d ? `${f.name}: ${d.datum.value}` : void 0;
-			a.crosshair?.show(p, m, l.width, l.height, h), d && f && (a.tooltip?.show(d.point.x + s.margin.left, d.point.y + s.margin.top, d.datum, f), a.onHover?.({
-				datum: d.datum,
-				originalEvent: t,
-				series: f
-			}));
-		}
-	};
-}
-//#endregion
-export { a as createSeriesInteraction };
-
+import{createSvgElement as e}from"../svg/element.js";import{describeValues as t}from"./announcer.js";import{comparisonContent as n}from"./tooltip.js";import{chartArea as r}from"../core/layout.js";import{keyId as i}from"../core/cartesian-model.js";import{getMousePosition as a}from"./events.js";var keyOrder=e=>e instanceof Date?e.getTime():Number(e);function keyLabel(e){return e instanceof Date?e.toLocaleDateString():String(e)}function findNearestKey(e,t,n){let r=null,i=1/0;for(let a=0;a<t.length;a++)for(let o=0;o<(t[a]?.length??0);o++){let s=e[a]?.[o],c=t[a]?.[o];if(!s||!c)continue;let l=Math.abs(c.x-n);l<i&&(i=l,r=s.key)}return r}function createSeriesInteraction(o){let s=-1,c=!1,renderedHit=e=>{let t=e.target;if(!(t instanceof SVGElement)||t.tagName.toLowerCase()!==`circle`||!o.seriesGroup.contains(t)||!t.parentElement)return null;let n=t.parentElement;for(;n&&n.parentNode!==o.seriesGroup;)n=n.parentElement;if(!n)return null;let r=[...o.seriesGroup.children].indexOf(n),i=[...t.parentElement.children].indexOf(t),a=o.getData()[r]?.[i],s=o.getPoints()[r]?.[i];return a&&s?{datum:a,point:s,seriesIndex:r}:null},entriesAt=e=>{let t=i(e),n=o.getPoints();return o.getData().map((e,r)=>{let a=e.findIndex(e=>i(e.key)===t);return a===-1?{datum:void 0,point:void 0}:{datum:e[a],point:n[r]?.[a]}})},nearestIndex=(e,t)=>{let n=-1,r=1/0;return e.forEach(({point:e},i)=>{if(!e)return;let a=Number.isFinite(t)?Math.abs(e.y-t):0;a<r&&(r=a,n=i)}),n},highlight=(t,n)=>{let r=o.colors();o.markers.replaceChildren(),t.forEach(({point:t},n)=>{t&&o.markers.appendChild(e(`circle`,{class:`prism-active-point`,cx:t.x,cy:t.y,fill:r[n],r:4}))});let i=[...o.seriesGroup.children];o.seriesGroup.classList.toggle(`prism-series-focused`,n>=0&&i.length>1);for(let[e,t]of i.entries())t.classList.toggle(`prism-series-active`,e===n)},clear=()=>{o.crosshair?.hide(),o.tooltip?.hide(),o.announcer.clear(),highlight([],-1),c=!1,o.onHover?.(null)},eventFor=(e,t,n)=>{let r=entriesAt(e),i=renderedHit(n),a=i?.seriesIndex??nearestIndex(r,t);i&&(r[a]={datum:i.datum,point:i.point});let s=o.getSeriesList(),c=r[a]?.datum;if(a<0||!c)return null;let l=r.map((e,t)=>({datum:e.datum,series:s[t]}));return{entries:r,event:{datum:c,originalEvent:n,series:s[a],values:l},index:a}},focus=(e,i,a)=>{let s=eventFor(e,i?.y??NaN,a);if(!s)return;let{entries:l,event:u,index:d}=s,f=l[d].point,p=o.dims(),m=r(p.width,p.height,p.margin),h=o.crosshair?.snap===!1&&i,g=keyLabel(e),_=u.values??[],v=o.colors();o.crosshair?.show(h?i.x:f.x,h?i.y:f.y,m.width,m.height),highlight(l,d);let y=t(g,_);if(o.tooltip){let e=_.flatMap(({datum:e,series:t},n)=>e?[{color:v[n],name:t.name,value:String(e.value)}]:[]);o.tooltip.show(f.x+p.margin.left,f.y+p.margin.top,u.datum,u.series,n(o.svg.ownerDocument,g,e,y))}else o.announcer.announce(y);c=!0,o.onHover?.(u)},pointerKey=e=>{let t=renderedHit(e);if(t)return{key:t.datum.key,pos:t.point};let n=o.getPoints();if(n.every(e=>e.length===0))return null;let i=o.dims(),s=a(o.svg,e,i.margin.left,i.margin.top),c=r(i.width,i.height,i.margin);if(s.x<0||s.x>c.width||s.y<0||s.y>c.height)return null;let l=findNearestKey(o.getData(),n,s.x);return l===null?null:{key:l,pos:s}},sortedKeys=()=>[...new Map(o.getData().flat().map(e=>[i(e.key),e.key])).values()].sort((e,t)=>keyOrder(e)-keyOrder(t)),onMouseMove=e=>{let t=pointerKey(e);t?focus(t.key,t.pos,e):c&&clear()},onClick=e=>{if(!o.onClick)return;let t=pointerKey(e),n=t&&eventFor(t.key,t.pos.y,e);n&&o.onClick(n.event)},onKeyDown=e=>{let t=sortedKeys();if(t.length===0)return;let n=t.length-1,r={ArrowLeft:s<0?n:Math.max(0,s-1),ArrowRight:s<0?0:Math.min(n,s+1),End:n,Home:0};if(e.key in r)e.preventDefault(),s=r[e.key],focus(t[s],null,e);else if((e.key===`Enter`||e.key===` `)&&s>=0&&o.onClick){e.preventDefault();let n=eventFor(t[s],NaN,e);n&&o.onClick(n.event)}else e.key===`Escape`&&(s=-1,clear())};return{onClick,onKeyDown,onMouseLeave:clear,onMouseMove}}function ensureMarkerGroup(t,n){if(n&&t.contains(n))return n;let r=e(`g`,{"aria-hidden":`true`,class:`prism-active-points`,"pointer-events":`none`});return t.appendChild(r),r}export{createSeriesInteraction,ensureMarkerGroup,keyLabel};
 //# sourceMappingURL=series-interaction.js.map

package/dist/interaction/series-interaction.js.map

@@ -1 +1 @@
-{"version":3,"file":"series-interaction.js","names":[],"sources":["../../src/interaction/series-interaction.ts"],"sourcesContent":["import { keyId } from '../core/cartesian-model';\nimport type { ChartEventHandlers } from '../core/chart-scaffold';\nimport { chartArea } from '../core/layout';\nimport type { Point } from '../svg/path';\nimport type { ChartDimensions, ChartEvent, Datum, Series } from '../types';\nimport type { CrosshairState } from './crosshair';\nimport { getMousePosition } from './events';\nimport type { TooltipState } from './tooltip';\n\nexport interface SeriesInteractionOptions {\n  crosshair?: CrosshairState | null;\n  dims: () => ChartDimensions;\n  getData: () => Datum[][];\n  getPoints: () => Point[][];\n  getSeriesList: () => Series[];\n  onClick?: ((event: ChartEvent) => void) | undefined;\n  onHover?: ((event: ChartEvent | null) => void) | undefined;\n  svg: SVGSVGElement;\n  tooltip?: TooltipState | null;\n}\n\ntype SeriesPoint = { datum: Datum; point: Point; seriesIndex: number };\n\nfunction findNearestKey(allData: Datum[][], allPoints: Point[][], posX: number): Datum['key'] | null {\n  let nearest: Datum['key'] | null = null;\n  let minXDistance = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    for (let datumIndex = 0; datumIndex < (allPoints[seriesIndex]?.length ?? 0); datumIndex++) {\n      const datum = allData[seriesIndex]?.[datumIndex];\n      const point = allPoints[seriesIndex]?.[datumIndex];\n\n      if (!datum || !point) continue;\n\n      const distance = Math.abs(point.x - posX);\n\n      if (distance < minXDistance) {\n        minXDistance = distance;\n        nearest = datum.key;\n      }\n    }\n  }\n\n  return nearest;\n}\n\nfunction findNearestSeries(\n  allData: Datum[][],\n  allPoints: Point[][],\n  key: Datum['key'],\n  posY: number,\n): SeriesPoint | null {\n  const id = keyId(key);\n  let nearest: { datum: Datum; point: Point; seriesIndex: number } | null = null;\n  let minYDist = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    const datumIndex = allData[seriesIndex]?.findIndex((datum) => keyId(datum.key) === id) ?? -1;\n    const datum = datumIndex === -1 ? undefined : allData[seriesIndex]?.[datumIndex];\n    const point = datumIndex === -1 ? undefined : allPoints[seriesIndex]?.[datumIndex];\n\n    if (!datum || !point) continue;\n\n    const distance = Number.isFinite(posY) ? Math.abs(point.y - posY) : 0;\n\n    if (distance < minYDist) {\n      minYDist = distance;\n      nearest = { datum, point, seriesIndex };\n    }\n  }\n\n  return nearest;\n}\n\nexport function createSeriesInteraction(opts: SeriesInteractionOptions): ChartEventHandlers {\n  let keyboardIndex = 0;\n\n  const onMouseMove = (event: MouseEvent) => {\n    const allPoints = opts.getPoints();\n\n    if (allPoints.length === 0 || allPoints[0].length === 0) return;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) {\n      opts.crosshair?.hide();\n      opts.tooltip?.hide();\n\n      return;\n    }\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    if (key === null) return;\n\n    const nearest = findNearestSeries(opts.getData(), allPoints, key, pos.y);\n    const series = nearest ? opts.getSeriesList()[nearest.seriesIndex] : undefined;\n    const crosshairX = opts.crosshair?.snap === false ? pos.x : (nearest?.point.x ?? pos.x);\n    const crosshairY = opts.crosshair?.snap === false ? pos.y : (nearest?.point.y ?? pos.y);\n\n    // When a tooltip is present it already carries role=\"status\" + aria-live=\"polite\",\n    // so the crosshair's own live region must stay silent to avoid double-announcing.\n    const announceText = !opts.tooltip && series && nearest ? `${series.name}: ${nearest.datum.value}` : undefined;\n\n    opts.crosshair?.show(crosshairX, crosshairY, area.width, area.height, announceText);\n\n    if (nearest && series) {\n      opts.tooltip?.show(nearest.point.x + dims.margin.left, nearest.point.y + dims.margin.top, nearest.datum, series);\n      opts.onHover?.({ datum: nearest.datum, originalEvent: event, series });\n    }\n  };\n\n  const onMouseLeave = () => {\n    opts.crosshair?.hide();\n    opts.tooltip?.hide();\n    opts.onHover?.(null);\n  };\n\n  const onClick = (event: MouseEvent) => {\n    if (!opts.onClick) return;\n\n    const allPoints = opts.getPoints();\n\n    if (allPoints.length === 0 || allPoints[0].length === 0) return;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) return;\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    if (key === null) return;\n\n    const nearest = findNearestSeries(opts.getData(), allPoints, key, pos.y);\n    const series = nearest ? opts.getSeriesList()[nearest.seriesIndex] : undefined;\n\n    if (nearest && series) {\n      opts.onClick({ datum: nearest.datum, originalEvent: event, series });\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const allData = opts.getData();\n    const allPoints = opts.getPoints();\n    const domain = [...new Map(allData.flat().map((datum) => [keyId(datum.key), datum.key])).values()];\n\n    if (domain.length === 0) return;\n\n    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n      event.preventDefault();\n      keyboardIndex = Math.max(0, Math.min(domain.length - 1, keyboardIndex + (event.key === 'ArrowLeft' ? -1 : 1)));\n\n      const key = domain[keyboardIndex]!;\n      const candidate = findNearestSeries(allData, allPoints, key, Number.POSITIVE_INFINITY);\n      const series = candidate ? opts.getSeriesList()[candidate.seriesIndex] : undefined;\n\n      if (!candidate || !series) return;\n\n      // Same dedup as onMouseMove — tooltip announces when present.\n      const announceText = !opts.tooltip ? `${series.name}: ${candidate.datum.value}` : undefined;\n\n      opts.crosshair?.show(candidate.point.x, candidate.point.y, opts.dims().width, opts.dims().height, announceText);\n      opts.tooltip?.show(\n        candidate.point.x + opts.dims().margin.left,\n        candidate.point.y + opts.dims().margin.top,\n        candidate.datum,\n        series,\n      );\n      opts.onHover?.({ datum: candidate.datum, originalEvent: event, series });\n    }\n\n    if ((event.key === 'Enter' || event.key === ' ') && opts.onClick) {\n      event.preventDefault();\n\n      const key = domain[keyboardIndex]!;\n      const candidate = findNearestSeries(allData, allPoints, key, Number.POSITIVE_INFINITY);\n      const series = candidate ? opts.getSeriesList()[candidate.seriesIndex] : undefined;\n\n      if (candidate && series) opts.onClick({ datum: candidate.datum, originalEvent: event, series });\n    }\n\n    if (event.key === 'Escape') {\n      opts.crosshair?.hide();\n      opts.tooltip?.hide();\n      opts.onHover?.(null);\n    }\n  };\n\n  return { onClick, onKeyDown, onMouseLeave, onMouseMove };\n}\n"],"mappings":"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"}
+{"version":3,"file":"series-interaction.js","names":[],"sources":["../../src/interaction/series-interaction.ts"],"sourcesContent":["import { keyId } from '../core/cartesian-model';\nimport type { ChartEventHandlers } from '../core/chart-scaffold';\nimport { chartArea } from '../core/layout';\nimport { createSvgElement } from '../svg/element';\nimport type { Point } from '../svg/path';\nimport type { ChartDimensions, ChartEvent, Datum, Series, SeriesValue } from '../types';\nimport { type Announcer, describeValues } from './announcer';\nimport type { CrosshairState } from './crosshair';\nimport { getMousePosition } from './events';\nimport { comparisonContent, type TooltipState } from './tooltip';\n\nexport interface SeriesInteractionOptions {\n  announcer: Announcer;\n  colors: () => string[];\n  crosshair?: CrosshairState | null;\n  dims: () => ChartDimensions;\n  getData: () => Datum[][];\n  getPoints: () => Point[][];\n  getSeriesList: () => Series[];\n  /** Receives one marker per series at the active key. */\n  markers: SVGGElement;\n  onClick?: ((event: ChartEvent) => void) | undefined;\n  onHover?: ((event: ChartEvent | null) => void) | undefined;\n  /** Parent of the per-series groups; the nearest series is emphasised and the rest dim. */\n  seriesGroup: SVGGElement;\n  svg: SVGSVGElement;\n  tooltip?: TooltipState | null;\n}\n\ninterface KeyEntry {\n  datum: Datum | undefined;\n  point: Point | undefined;\n}\n\nconst keyOrder = (key: Datum['key']): number => (key instanceof Date ? key.getTime() : Number(key));\n\nexport function keyLabel(key: Datum['key']): string {\n  return key instanceof Date ? key.toLocaleDateString() : String(key);\n}\n\nfunction findNearestKey(allData: Datum[][], allPoints: Point[][], posX: number): Datum['key'] | null {\n  let nearest: Datum['key'] | null = null;\n  let minXDistance = Infinity;\n\n  for (let seriesIndex = 0; seriesIndex < allPoints.length; seriesIndex++) {\n    for (let datumIndex = 0; datumIndex < (allPoints[seriesIndex]?.length ?? 0); datumIndex++) {\n      const datum = allData[seriesIndex]?.[datumIndex];\n      const point = allPoints[seriesIndex]?.[datumIndex];\n\n      if (!datum || !point) continue;\n\n      const distance = Math.abs(point.x - posX);\n\n      if (distance < minXDistance) {\n        minXDistance = distance;\n        nearest = datum.key;\n      }\n    }\n  }\n\n  return nearest;\n}\n\nexport function createSeriesInteraction(opts: SeriesInteractionOptions): ChartEventHandlers {\n  let keyboardIndex = -1;\n  let active = false;\n\n  const renderedHit = (event: Event): { datum: Datum; point: Point; seriesIndex: number } | null => {\n    const target = event.target;\n    if (\n      !(target instanceof SVGElement) ||\n      target.tagName.toLowerCase() !== 'circle' ||\n      !opts.seriesGroup.contains(target) ||\n      !target.parentElement\n    )\n      return null;\n    let group: Element | null = target.parentElement;\n    while (group && group.parentNode !== opts.seriesGroup) group = group.parentElement;\n    if (!group) return null;\n    const seriesIndex = [...opts.seriesGroup.children].indexOf(group);\n    const datumIndex = [...target.parentElement.children].indexOf(target);\n    const datum = opts.getData()[seriesIndex]?.[datumIndex];\n    const point = opts.getPoints()[seriesIndex]?.[datumIndex];\n    return datum && point ? { datum, point, seriesIndex } : null;\n  };\n\n  const entriesAt = (key: Datum['key']): KeyEntry[] => {\n    const id = keyId(key);\n    const allPoints = opts.getPoints();\n\n    return opts.getData().map((data, seriesIndex) => {\n      const datumIndex = data.findIndex((datum) => keyId(datum.key) === id);\n\n      return datumIndex === -1\n        ? { datum: undefined, point: undefined }\n        : { datum: data[datumIndex], point: allPoints[seriesIndex]?.[datumIndex] };\n    });\n  };\n\n  const nearestIndex = (entries: KeyEntry[], posY: number): number => {\n    let best = -1;\n    let minDistance = Infinity;\n\n    entries.forEach(({ point }, index) => {\n      if (!point) return;\n\n      const distance = Number.isFinite(posY) ? Math.abs(point.y - posY) : 0;\n\n      if (distance < minDistance) {\n        minDistance = distance;\n        best = index;\n      }\n    });\n\n    return best;\n  };\n\n  const highlight = (entries: KeyEntry[], emphasised: number): void => {\n    const colors = opts.colors();\n\n    opts.markers.replaceChildren();\n    entries.forEach(({ point }, index) => {\n      if (!point) return;\n\n      opts.markers.appendChild(\n        createSvgElement('circle', {\n          class: 'prism-active-point',\n          cx: point.x,\n          cy: point.y,\n          fill: colors[index],\n          r: 4,\n        }),\n      );\n    });\n\n    const groups = [...opts.seriesGroup.children];\n\n    opts.seriesGroup.classList.toggle('prism-series-focused', emphasised >= 0 && groups.length > 1);\n    for (const [index, group] of groups.entries()) group.classList.toggle('prism-series-active', index === emphasised);\n  };\n\n  const clear = (): void => {\n    opts.crosshair?.hide();\n    opts.tooltip?.hide();\n    opts.announcer.clear();\n    highlight([], -1);\n    active = false;\n    opts.onHover?.(null);\n  };\n\n  const eventFor = (\n    key: Datum['key'],\n    posY: number,\n    originalEvent: Event,\n  ): { entries: KeyEntry[]; event: ChartEvent; index: number } | null => {\n    const entries = entriesAt(key);\n    const hit = renderedHit(originalEvent);\n    const index = hit?.seriesIndex ?? nearestIndex(entries, posY);\n    if (hit) entries[index] = { datum: hit.datum, point: hit.point };\n    const seriesList = opts.getSeriesList();\n    const datum = entries[index]?.datum;\n\n    if (index < 0 || !datum) return null;\n\n    const values: SeriesValue[] = entries.map((entry, i) => ({ datum: entry.datum, series: seriesList[i] }));\n\n    return { entries, event: { datum, originalEvent, series: seriesList[index], values }, index };\n  };\n\n  const focus = (key: Datum['key'], pos: Point | null, originalEvent: Event): void => {\n    const found = eventFor(key, pos?.y ?? Number.NaN, originalEvent);\n\n    if (!found) return;\n\n    const { entries, event, index } = found;\n    const point = entries[index].point!;\n    const dims = opts.dims();\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const raw = opts.crosshair?.snap === false && pos;\n    const label = keyLabel(key);\n    const values = event.values ?? [];\n    const colors = opts.colors();\n\n    opts.crosshair?.show(raw ? pos.x : point.x, raw ? pos.y : point.y, area.width, area.height);\n    highlight(entries, index);\n\n    const spoken = describeValues(label, values);\n\n    if (opts.tooltip) {\n      const rows = values.flatMap(({ datum, series }, i) =>\n        datum ? [{ color: colors[i], name: series.name, value: String(datum.value) }] : [],\n      );\n\n      opts.tooltip.show(\n        point.x + dims.margin.left,\n        point.y + dims.margin.top,\n        event.datum,\n        event.series,\n        comparisonContent(opts.svg.ownerDocument, label, rows, spoken),\n      );\n    } else {\n      opts.announcer.announce(spoken);\n    }\n\n    active = true;\n    opts.onHover?.(event);\n  };\n\n  const pointerKey = (event: MouseEvent): { key: Datum['key']; pos: Point } | null => {\n    const rendered = renderedHit(event);\n    if (rendered) return { key: rendered.datum.key, pos: rendered.point };\n    const allPoints = opts.getPoints();\n\n    if (allPoints.every((points) => points.length === 0)) return null;\n\n    const dims = opts.dims();\n    const pos = getMousePosition(opts.svg, event, dims.margin.left, dims.margin.top);\n    const area = chartArea(dims.width, dims.height, dims.margin);\n\n    if (pos.x < 0 || pos.x > area.width || pos.y < 0 || pos.y > area.height) return null;\n\n    const key = findNearestKey(opts.getData(), allPoints, pos.x);\n\n    return key === null ? null : { key, pos };\n  };\n\n  const sortedKeys = (): Datum['key'][] =>\n    [\n      ...new Map(\n        opts\n          .getData()\n          .flat()\n          .map((datum) => [keyId(datum.key), datum.key]),\n      ).values(),\n    ].sort((a, b) => keyOrder(a) - keyOrder(b));\n\n  const onMouseMove = (event: MouseEvent): void => {\n    const hit = pointerKey(event);\n\n    if (hit) focus(hit.key, hit.pos, event);\n    else if (active) clear();\n  };\n\n  const onClick = (event: MouseEvent): void => {\n    if (!opts.onClick) return;\n\n    const hit = pointerKey(event);\n    const found = hit && eventFor(hit.key, hit.pos.y, event);\n\n    if (found) opts.onClick(found.event);\n  };\n\n  const onKeyDown = (event: KeyboardEvent): void => {\n    const keys = sortedKeys();\n\n    if (keys.length === 0) return;\n\n    const last = keys.length - 1;\n    const target: Record<string, number> = {\n      ArrowLeft: keyboardIndex < 0 ? last : Math.max(0, keyboardIndex - 1),\n      ArrowRight: keyboardIndex < 0 ? 0 : Math.min(last, keyboardIndex + 1),\n      End: last,\n      Home: 0,\n    };\n\n    if (event.key in target) {\n      event.preventDefault();\n      keyboardIndex = target[event.key];\n      focus(keys[keyboardIndex], null, event);\n    } else if ((event.key === 'Enter' || event.key === ' ') && keyboardIndex >= 0 && opts.onClick) {\n      event.preventDefault();\n\n      const found = eventFor(keys[keyboardIndex], Number.NaN, event);\n\n      if (found) opts.onClick(found.event);\n    } else if (event.key === 'Escape') {\n      keyboardIndex = -1;\n      clear();\n    }\n  };\n\n  return { onClick, onKeyDown, onMouseLeave: clear, onMouseMove };\n}\n\n/** Group for the per-series active markers, reused across renders. */\nexport function ensureMarkerGroup(parent: SVGGElement, current: SVGGElement | null): SVGGElement {\n  if (current && parent.contains(current)) return current;\n\n  const group = createSvgElement('g', {\n    'aria-hidden': 'true',\n    class: 'prism-active-points',\n    'pointer-events': 'none',\n  });\n\n  parent.appendChild(group);\n\n  return group;\n}\n"],"mappings":"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"}

package/dist/interaction/tooltip.cjs

@@ -1,2 +1,2 @@
-let e=require("@vielzeug/orbit");function t(t,n){let r=t.style.position,i=getComputedStyle(t).position===`static`;i&&(t.style.position=`relative`);let a=t.ownerDocument.createElement(`div`);a.className=`prism-tooltip`,a.style.position=`absolute`,a.style.pointerEvents=`none`,a.style.top=`0`,a.style.left=`0`,a.setAttribute(`role`,`status`),a.setAttribute(`aria-live`,`polite`),t.appendChild(a);let o=n!==!0&&n?.offset||8,s=n===!0?void 0:n?.render,c=null,l=null,u=!1,d=()=>{l!==null&&(clearTimeout(l),l=null)},f=()=>{c!==null&&(cancelAnimationFrame(c),c=null)},p=()=>{f(),d(),a.remove(),i&&t.style.position===`relative`&&(t.style.position=r)};return{dispose:p,el:a,hide(){f(),d(),u=!1,a.style.opacity=`0`,l=setTimeout(()=>{l=null,u||(a.textContent=``)},150)},show(n,r,i,l){if(!t.isConnected)return;if(d(),s){let e=s(i,l);typeof e==`string`?a.textContent=e:a.replaceChildren(e)}else a.textContent=`${l.name}: ${i.value}`;let{x:f,y:p}=(0,e.computePosition)({getBoundingClientRect:()=>{let e=t.getBoundingClientRect();return{bottom:e.top+r,height:0,left:e.left+n,right:e.left+n,top:e.top+r,width:0,x:e.left+n,y:e.top+r}}},a,{containingBlock:t,middleware:[(0,e.offset)(o),(0,e.flip)(),(0,e.shift)({padding:8})],placement:`top`});if(a.style.left=`${f}px`,a.style.top=`${p}px`,u){c===null&&(a.style.opacity=`1`);return}u=!0,a.style.opacity=`0`,c=requestAnimationFrame(()=>{c=null,u&&(a.style.opacity=`1`)})},[Symbol.dispose]:p}}exports.createTooltip=t;
+let e=require("@vielzeug/orbit");var t=`position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap`;function comparisonContent(e,n,r,i){let a=e.createElement(`div`),o=e.createElement(`span`),s=e.createElement(`div`),c=e.createElement(`div`);a.className=`prism-tooltip-body`,o.className=`prism-tooltip-sr`,o.style.cssText=t,o.textContent=i,s.setAttribute(`aria-hidden`,`true`),c.className=`prism-tooltip-title`,c.textContent=n,s.appendChild(c);for(let t of r){let n=e.createElement(`div`),r=e.createElement(`span`),i=e.createElement(`span`),a=e.createElement(`span`);n.className=`prism-tooltip-row`,r.className=`prism-tooltip-swatch`,r.style.setProperty(`--prism-swatch`,t.color),i.className=`prism-tooltip-name`,i.textContent=t.name,a.className=`prism-tooltip-value`,a.textContent=t.value,n.append(r,i,a),s.appendChild(n)}return a.append(o,s),a}function createTooltip(t,n){let r=t.style.position,i=getComputedStyle(t).position===`static`;i&&(t.style.position=`relative`);let a=t.ownerDocument.createElement(`div`);a.className=`prism-tooltip`,a.style.position=`absolute`,a.style.pointerEvents=`none`,a.style.top=`0`,a.style.left=`0`,a.setAttribute(`role`,`status`),a.setAttribute(`aria-live`,`polite`),t.appendChild(a);let o=n!==!0&&n?.offset||8,s=n===!0?void 0:n?.render,c=null,l=null,u=!1,cancelClear=()=>{l!==null&&(clearTimeout(l),l=null)},cancelReveal=()=>{c!==null&&(cancelAnimationFrame(c),c=null)},disposeHandle=()=>{cancelReveal(),cancelClear(),a.remove(),i&&t.style.position===`relative`&&(t.style.position=r)};return{dispose:disposeHandle,el:a,hide(){cancelReveal(),cancelClear(),u=!1,a.style.opacity=`0`,l=setTimeout(()=>{l=null,u||(a.textContent=``)},150)},show(n,r,i,l,d){if(!t.isConnected)return;cancelClear();let f=s?s(i,l):d??`${l.name}: ${i.value}`;typeof f==`string`?a.textContent=f:a.replaceChildren(f);let{x:p,y:m}=(0,e.computePosition)({getBoundingClientRect:()=>{let e=t.getBoundingClientRect();return{bottom:e.top+r,height:0,left:e.left+n,right:e.left+n,top:e.top+r,width:0,x:e.left+n,y:e.top+r}}},a,{containingBlock:t,middleware:[(0,e.offset)(o),(0,e.flip)(),(0,e.shift)({padding:8})],placement:`top`});if(a.style.left=`${p}px`,a.style.top=`${m}px`,u){c===null&&(a.style.opacity=`1`);return}u=!0,a.style.opacity=`0`,c=requestAnimationFrame(()=>{c=null,u&&(a.style.opacity=`1`)})},[Symbol.dispose]:disposeHandle}}exports.comparisonContent=comparisonContent,exports.createTooltip=createTooltip;
 //# sourceMappingURL=tooltip.cjs.map

package/dist/interaction/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/interaction/tooltip.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@vielzeug/orbit';\nimport type { Datum, Series, TooltipConfig } from '../types';\n\nexport interface TooltipState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  hide(): void;\n  show(x: number, y: number, datum: Datum, series: Series): void;\n  [Symbol.dispose](): void;\n}\n\nexport function createTooltip(container: HTMLElement, config?: TooltipConfig | true): TooltipState {\n  const previousPosition = container.style.position;\n  const changedPosition = getComputedStyle(container).position === 'static';\n\n  if (changedPosition) container.style.position = 'relative';\n\n  const el = container.ownerDocument.createElement('div');\n\n  el.className = 'prism-tooltip';\n  el.style.position = 'absolute';\n  el.style.pointerEvents = 'none';\n  el.style.top = '0';\n  el.style.left = '0';\n  // Non-modal status text — announced by assistive tech whenever content/hide state changes.\n  el.setAttribute('role', 'status');\n  el.setAttribute('aria-live', 'polite');\n  container.appendChild(el);\n\n  const tooltipOffset: number = (config !== true && config?.offset) || 8;\n  const render = config !== true ? config?.render : undefined;\n\n  let revealFrame: number | null = null;\n  let clearTimer: ReturnType<typeof setTimeout> | null = null;\n  let visible = false;\n\n  const cancelClear = (): void => {\n    if (clearTimer === null) return;\n\n    clearTimeout(clearTimer);\n    clearTimer = null;\n  };\n\n  const cancelReveal = (): void => {\n    if (revealFrame === null) return;\n\n    cancelAnimationFrame(revealFrame);\n    revealFrame = null;\n  };\n\n  const disposeHandle = (): void => {\n    cancelReveal();\n    cancelClear();\n    el.remove();\n    if (changedPosition && container.style.position === 'relative') container.style.position = previousPosition;\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    hide() {\n      cancelReveal();\n      cancelClear();\n      visible = false;\n      el.style.opacity = '0';\n      clearTimer = setTimeout(() => {\n        clearTimer = null;\n\n        if (!visible) el.textContent = '';\n      }, 150);\n    },\n    show(x: number, y: number, datum: Datum, series: Series) {\n      if (!container.isConnected) return;\n\n      cancelClear();\n\n      if (render) {\n        const content = render(datum, series);\n\n        if (typeof content === 'string') el.textContent = content;\n        else el.replaceChildren(content);\n      } else {\n        el.textContent = `${series.name}: ${datum.value}`;\n      }\n\n      const virtualRef = {\n        getBoundingClientRect: () => {\n          const rect = container.getBoundingClientRect();\n\n          return {\n            bottom: rect.top + y,\n            height: 0,\n            left: rect.left + x,\n            right: rect.left + x,\n            top: rect.top + y,\n            width: 0,\n            x: rect.left + x,\n            y: rect.top + y,\n          };\n        },\n      };\n\n      const { x: positionX, y: positionY } = computePosition(virtualRef, el, {\n        containingBlock: container,\n        middleware: [offset(tooltipOffset), flip(), shift({ padding: 8 })],\n        placement: 'top',\n      });\n\n      el.style.left = `${positionX}px`;\n      el.style.top = `${positionY}px`;\n\n      if (visible) {\n        if (revealFrame === null) el.style.opacity = '1';\n\n        return;\n      }\n\n      visible = true;\n      el.style.opacity = '0';\n      revealFrame = requestAnimationFrame(() => {\n        revealFrame = null;\n\n        if (visible) el.style.opacity = '1';\n      });\n    },\n    [Symbol.dispose]: disposeHandle,\n  };\n}\n"],"mappings":"iCAWA,SAAgB,EAAc,EAAwB,EAA6C,CACjG,IAAM,EAAmB,EAAU,MAAM,SACnC,EAAkB,iBAAiB,CAAS,CAAC,CAAC,WAAa,SAE7D,IAAiB,EAAU,MAAM,SAAW,YAEhD,IAAM,EAAK,EAAU,cAAc,cAAc,KAAK,EAEtD,EAAG,UAAY,gBACf,EAAG,MAAM,SAAW,WACpB,EAAG,MAAM,cAAgB,OACzB,EAAG,MAAM,IAAM,IACf,EAAG,MAAM,KAAO,IAEhB,EAAG,aAAa,OAAQ,QAAQ,EAChC,EAAG,aAAa,YAAa,QAAQ,EACrC,EAAU,YAAY,CAAE,EAExB,IAAM,EAAyB,IAAW,IAAQ,GAAQ,QAAW,EAC/D,EAAS,IAAW,GAAwB,IAAA,GAAjB,GAAQ,OAErC,EAA6B,KAC7B,EAAmD,KACnD,EAAU,GAER,MAA0B,CAC1B,IAAe,OAEnB,aAAa,CAAU,EACvB,EAAa,KACf,EAEM,MAA2B,CAC3B,IAAgB,OAEpB,qBAAqB,CAAW,EAChC,EAAc,KAChB,EAEM,MAA4B,CAChC,EAAa,EACb,EAAY,EACZ,EAAG,OAAO,EACN,GAAmB,EAAU,MAAM,WAAa,aAAY,EAAU,MAAM,SAAW,EAC7F,EAEA,MAAO,CACL,QAAS,EACT,KACA,MAAO,CACL,EAAa,EACb,EAAY,EACZ,EAAU,GACV,EAAG,MAAM,QAAU,IACnB,EAAa,eAAiB,CAC5B,EAAa,KAER,IAAS,EAAG,YAAc,GACjC,EAAG,GAAG,CACR,EACA,KAAK,EAAW,EAAW,EAAc,EAAgB,CACvD,GAAI,CAAC,EAAU,YAAa,OAI5B,GAFA,EAAY,EAER,EAAQ,CACV,IAAM,EAAU,EAAO,EAAO,CAAM,EAEhC,OAAO,GAAY,SAAU,EAAG,YAAc,EAC7C,EAAG,gBAAgB,CAAO,CACjC,KACE,GAAG,YAAc,GAAG,EAAO,KAAK,IAAI,EAAM,QAoB5C,GAAM,CAAE,EAAG,EAAW,EAAG,IAAA,EAAc,EAAA,gBAAA,CAAgB,CAhBrD,0BAA6B,CAC3B,IAAM,EAAO,EAAU,sBAAsB,EAE7C,MAAO,CACL,OAAQ,EAAK,IAAM,EACnB,OAAQ,EACR,KAAM,EAAK,KAAO,EAClB,MAAO,EAAK,KAAO,EACnB,IAAK,EAAK,IAAM,EAChB,MAAO,EACP,EAAG,EAAK,KAAO,EACf,EAAG,EAAK,IAAM,CAChB,CACF,CAGqD,EAAY,EAAI,CACrE,gBAAiB,EACjB,WAAY,EAAC,EAAA,EAAA,OAAA,CAAO,CAAa,GAAG,EAAA,EAAA,KAAA,CAAK,GAAG,EAAA,EAAA,MAAA,CAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACjE,UAAW,KACb,CAAC,EAKD,GAHA,EAAG,MAAM,KAAO,GAAG,EAAU,IAC7B,EAAG,MAAM,IAAM,GAAG,EAAU,IAExB,EAAS,CACP,IAAgB,OAAM,EAAG,MAAM,QAAU,KAE7C,MACF,CAEA,EAAU,GACV,EAAG,MAAM,QAAU,IACnB,EAAc,0BAA4B,CACxC,EAAc,KAEV,IAAS,EAAG,MAAM,QAAU,IAClC,CAAC,CACH,GACC,OAAO,SAAU,CACpB,CACF"}
+{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/interaction/tooltip.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@vielzeug/orbit';\nimport type { Datum, Series, TooltipConfig } from '../types';\n\nexport interface TooltipRow {\n  color: string;\n  name: string;\n  value: string;\n}\n\n/** Inline so the spoken text stays hidden even without prism's stylesheet. */\nconst SCREEN_READER_ONLY =\n  'position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap';\n\n/**\n * Title plus one swatch row per series; text only, so data is never parsed as HTML.\n * `spoken` is what the tooltip's live region announces; the visual rows are aria-hidden.\n */\nexport function comparisonContent(\n  doc: Document,\n  title: string,\n  rows: readonly TooltipRow[],\n  spoken: string,\n): HTMLElement {\n  const body = doc.createElement('div');\n  const sr = doc.createElement('span');\n  const visual = doc.createElement('div');\n  const head = doc.createElement('div');\n\n  body.className = 'prism-tooltip-body';\n  sr.className = 'prism-tooltip-sr';\n  sr.style.cssText = SCREEN_READER_ONLY;\n  sr.textContent = spoken;\n  visual.setAttribute('aria-hidden', 'true');\n  head.className = 'prism-tooltip-title';\n  head.textContent = title;\n  visual.appendChild(head);\n\n  for (const row of rows) {\n    const line = doc.createElement('div');\n    const swatch = doc.createElement('span');\n    const name = doc.createElement('span');\n    const value = doc.createElement('span');\n\n    line.className = 'prism-tooltip-row';\n    swatch.className = 'prism-tooltip-swatch';\n    swatch.style.setProperty('--prism-swatch', row.color);\n    name.className = 'prism-tooltip-name';\n    name.textContent = row.name;\n    value.className = 'prism-tooltip-value';\n    value.textContent = row.value;\n    line.append(swatch, name, value);\n    visual.appendChild(line);\n  }\n\n  body.append(sr, visual);\n\n  return body;\n}\n\nexport interface TooltipState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  hide(): void;\n  /** `content` replaces the default `series: value` body when no custom `render` is configured. */\n  show(x: number, y: number, datum: Datum, series: Series, content?: Node | string): void;\n  [Symbol.dispose](): void;\n}\n\nexport function createTooltip(container: HTMLElement, config?: TooltipConfig | true): TooltipState {\n  const previousPosition = container.style.position;\n  const changedPosition = getComputedStyle(container).position === 'static';\n\n  if (changedPosition) container.style.position = 'relative';\n\n  const el = container.ownerDocument.createElement('div');\n\n  el.className = 'prism-tooltip';\n  el.style.position = 'absolute';\n  el.style.pointerEvents = 'none';\n  el.style.top = '0';\n  el.style.left = '0';\n  // Non-modal status text: announced by assistive tech whenever content/hide state changes.\n  el.setAttribute('role', 'status');\n  el.setAttribute('aria-live', 'polite');\n  container.appendChild(el);\n\n  const tooltipOffset: number = (config !== true && config?.offset) || 8;\n  const render = config !== true ? config?.render : undefined;\n\n  let revealFrame: number | null = null;\n  let clearTimer: ReturnType<typeof setTimeout> | null = null;\n  let visible = false;\n\n  const cancelClear = (): void => {\n    if (clearTimer === null) return;\n\n    clearTimeout(clearTimer);\n    clearTimer = null;\n  };\n\n  const cancelReveal = (): void => {\n    if (revealFrame === null) return;\n\n    cancelAnimationFrame(revealFrame);\n    revealFrame = null;\n  };\n\n  const disposeHandle = (): void => {\n    cancelReveal();\n    cancelClear();\n    el.remove();\n    if (changedPosition && container.style.position === 'relative') container.style.position = previousPosition;\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    hide() {\n      cancelReveal();\n      cancelClear();\n      visible = false;\n      el.style.opacity = '0';\n      clearTimer = setTimeout(() => {\n        clearTimer = null;\n\n        if (!visible) el.textContent = '';\n      }, 150);\n    },\n    show(x: number, y: number, datum: Datum, series: Series, content?: Node | string) {\n      if (!container.isConnected) return;\n\n      cancelClear();\n\n      const body = render ? render(datum, series) : (content ?? `${series.name}: ${datum.value}`);\n\n      if (typeof body === 'string') el.textContent = body;\n      else el.replaceChildren(body);\n\n      const virtualRef = {\n        getBoundingClientRect: () => {\n          const rect = container.getBoundingClientRect();\n\n          return {\n            bottom: rect.top + y,\n            height: 0,\n            left: rect.left + x,\n            right: rect.left + x,\n            top: rect.top + y,\n            width: 0,\n            x: rect.left + x,\n            y: rect.top + y,\n          };\n        },\n      };\n\n      const { x: positionX, y: positionY } = computePosition(virtualRef, el, {\n        containingBlock: container,\n        middleware: [offset(tooltipOffset), flip(), shift({ padding: 8 })],\n        placement: 'top',\n      });\n\n      el.style.left = `${positionX}px`;\n      el.style.top = `${positionY}px`;\n\n      if (visible) {\n        if (revealFrame === null) el.style.opacity = '1';\n\n        return;\n      }\n\n      visible = true;\n      el.style.opacity = '0';\n      revealFrame = requestAnimationFrame(() => {\n        revealFrame = null;\n\n        if (visible) el.style.opacity = '1';\n      });\n    },\n    [Symbol.dispose]: disposeHandle,\n  };\n}\n"],"mappings":"iCAUA,IAAM,EACJ,iGAMF,SAAgB,kBACd,EACA,EACA,EACA,EACa,CACb,IAAM,EAAO,EAAI,cAAc,KAAK,EAC9B,EAAK,EAAI,cAAc,MAAM,EAC7B,EAAS,EAAI,cAAc,KAAK,EAChC,EAAO,EAAI,cAAc,KAAK,EAEpC,EAAK,UAAY,qBACjB,EAAG,UAAY,mBACf,EAAG,MAAM,QAAU,EACnB,EAAG,YAAc,EACjB,EAAO,aAAa,cAAe,MAAM,EACzC,EAAK,UAAY,sBACjB,EAAK,YAAc,EACnB,EAAO,YAAY,CAAI,EAEvB,IAAK,IAAM,KAAO,EAAM,CACtB,IAAM,EAAO,EAAI,cAAc,KAAK,EAC9B,EAAS,EAAI,cAAc,MAAM,EACjC,EAAO,EAAI,cAAc,MAAM,EAC/B,EAAQ,EAAI,cAAc,MAAM,EAEtC,EAAK,UAAY,oBACjB,EAAO,UAAY,uBACnB,EAAO,MAAM,YAAY,iBAAkB,EAAI,KAAK,EACpD,EAAK,UAAY,qBACjB,EAAK,YAAc,EAAI,KACvB,EAAM,UAAY,sBAClB,EAAM,YAAc,EAAI,MACxB,EAAK,OAAO,EAAQ,EAAM,CAAK,EAC/B,EAAO,YAAY,CAAI,CACzB,CAIA,OAFA,EAAK,OAAO,EAAI,CAAM,EAEf,CACT,CAWA,SAAgB,cAAc,EAAwB,EAA6C,CACjG,IAAM,EAAmB,EAAU,MAAM,SACnC,EAAkB,iBAAiB,CAAS,CAAC,CAAC,WAAa,SAE7D,IAAiB,EAAU,MAAM,SAAW,YAEhD,IAAM,EAAK,EAAU,cAAc,cAAc,KAAK,EAEtD,EAAG,UAAY,gBACf,EAAG,MAAM,SAAW,WACpB,EAAG,MAAM,cAAgB,OACzB,EAAG,MAAM,IAAM,IACf,EAAG,MAAM,KAAO,IAEhB,EAAG,aAAa,OAAQ,QAAQ,EAChC,EAAG,aAAa,YAAa,QAAQ,EACrC,EAAU,YAAY,CAAE,EAExB,IAAM,EAAyB,IAAW,IAAQ,GAAQ,QAAW,EAC/D,EAAS,IAAW,GAAwB,IAAA,GAAjB,GAAQ,OAErC,EAA6B,KAC7B,EAAmD,KACnD,EAAU,GAER,gBAA0B,CAC1B,IAAe,OAEnB,aAAa,CAAU,EACvB,EAAa,KACf,EAEM,iBAA2B,CAC3B,IAAgB,OAEpB,qBAAqB,CAAW,EAChC,EAAc,KAChB,EAEM,kBAA4B,CAChC,aAAa,EACb,YAAY,EACZ,EAAG,OAAO,EACN,GAAmB,EAAU,MAAM,WAAa,aAAY,EAAU,MAAM,SAAW,EAC7F,EAEA,MAAO,CACL,QAAS,cACT,KACA,MAAO,CACL,aAAa,EACb,YAAY,EACZ,EAAU,GACV,EAAG,MAAM,QAAU,IACnB,EAAa,eAAiB,CAC5B,EAAa,KAER,IAAS,EAAG,YAAc,GACjC,EAAG,GAAG,CACR,EACA,KAAK,EAAW,EAAW,EAAc,EAAgB,EAAyB,CAChF,GAAI,CAAC,EAAU,YAAa,OAE5B,YAAY,EAEZ,IAAM,EAAO,EAAS,EAAO,EAAO,CAAM,EAAK,GAAW,GAAG,EAAO,KAAK,IAAI,EAAM,QAE/E,OAAO,GAAS,SAAU,EAAG,YAAc,EAC1C,EAAG,gBAAgB,CAAI,EAmB5B,GAAM,CAAE,EAAG,EAAW,EAAG,IAAA,EAAc,EAAA,gBAAA,CAAgB,CAhBrD,0BAA6B,CAC3B,IAAM,EAAO,EAAU,sBAAsB,EAE7C,MAAO,CACL,OAAQ,EAAK,IAAM,EACnB,OAAQ,EACR,KAAM,EAAK,KAAO,EAClB,MAAO,EAAK,KAAO,EACnB,IAAK,EAAK,IAAM,EAChB,MAAO,EACP,EAAG,EAAK,KAAO,EACf,EAAG,EAAK,IAAM,CAChB,CACF,CAGqD,EAAY,EAAI,CACrE,gBAAiB,EACjB,WAAY,EAAC,EAAA,EAAA,OAAA,CAAO,CAAa,GAAG,EAAA,EAAA,KAAA,CAAK,GAAG,EAAA,EAAA,MAAA,CAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACjE,UAAW,KACb,CAAC,EAKD,GAHA,EAAG,MAAM,KAAO,GAAG,EAAU,IAC7B,EAAG,MAAM,IAAM,GAAG,EAAU,IAExB,EAAS,CACP,IAAgB,OAAM,EAAG,MAAM,QAAU,KAE7C,MACF,CAEA,EAAU,GACV,EAAG,MAAM,QAAU,IACnB,EAAc,0BAA4B,CACxC,EAAc,KAEV,IAAS,EAAG,MAAM,QAAU,IAClC,CAAC,CACH,GACC,OAAO,SAAU,aACpB,CACF"}

package/dist/interaction/tooltip.d.ts

@@ -1,9 +1,20 @@
 import type { Datum, Series, TooltipConfig } from '../types';
+export interface TooltipRow {
+    color: string;
+    name: string;
+    value: string;
+}
+/**
+ * Title plus one swatch row per series; text only, so data is never parsed as HTML.
+ * `spoken` is what the tooltip's live region announces; the visual rows are aria-hidden.
+ */
+export declare function comparisonContent(doc: Document, title: string, rows: readonly TooltipRow[], spoken: string): HTMLElement;
 export interface TooltipState {
     dispose(): void;
     el: HTMLDivElement | null;
     hide(): void;
-    show(x: number, y: number, datum: Datum, series: Series): void;
+    /** `content` replaces the default `series: value` body when no custom `render` is configured. */
+    show(x: number, y: number, datum: Datum, series: Series, content?: Node | string): void;
     [Symbol.dispose](): void;
 }
 export declare function createTooltip(container: HTMLElement, config?: TooltipConfig | true): TooltipState;

package/dist/interaction/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/interaction/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/D,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,YAAY,CAoHjG"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/interaction/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAMD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,UAAU,EAAE,EAC3B,MAAM,EAAE,MAAM,GACb,WAAW,CAmCb;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,iGAAiG;IACjG,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IACxF,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,YAAY,CAgHjG"}

package/dist/interaction/tooltip.js

@@ -1,64 +1,2 @@
-import { computePosition as e, flip as t, offset as n, shift as r } from "@vielzeug/orbit";
-//#region src/interaction/tooltip.ts
-function i(i, a) {
-	let o = i.style.position, s = getComputedStyle(i).position === "static";
-	s && (i.style.position = "relative");
-	let c = i.ownerDocument.createElement("div");
-	c.className = "prism-tooltip", c.style.position = "absolute", c.style.pointerEvents = "none", c.style.top = "0", c.style.left = "0", c.setAttribute("role", "status"), c.setAttribute("aria-live", "polite"), i.appendChild(c);
-	let l = a !== !0 && a?.offset || 8, u = a === !0 ? void 0 : a?.render, d = null, f = null, p = !1, m = () => {
-		f !== null && (clearTimeout(f), f = null);
-	}, h = () => {
-		d !== null && (cancelAnimationFrame(d), d = null);
-	}, g = () => {
-		h(), m(), c.remove(), s && i.style.position === "relative" && (i.style.position = o);
-	};
-	return {
-		dispose: g,
-		el: c,
-		hide() {
-			h(), m(), p = !1, c.style.opacity = "0", f = setTimeout(() => {
-				f = null, p || (c.textContent = "");
-			}, 150);
-		},
-		show(a, o, s, f) {
-			if (!i.isConnected) return;
-			if (m(), u) {
-				let e = u(s, f);
-				typeof e == "string" ? c.textContent = e : c.replaceChildren(e);
-			} else c.textContent = `${f.name}: ${s.value}`;
-			let { x: h, y: g } = e({ getBoundingClientRect: () => {
-				let e = i.getBoundingClientRect();
-				return {
-					bottom: e.top + o,
-					height: 0,
-					left: e.left + a,
-					right: e.left + a,
-					top: e.top + o,
-					width: 0,
-					x: e.left + a,
-					y: e.top + o
-				};
-			} }, c, {
-				containingBlock: i,
-				middleware: [
-					n(l),
-					t(),
-					r({ padding: 8 })
-				],
-				placement: "top"
-			});
-			if (c.style.left = `${h}px`, c.style.top = `${g}px`, p) {
-				d === null && (c.style.opacity = "1");
-				return;
-			}
-			p = !0, c.style.opacity = "0", d = requestAnimationFrame(() => {
-				d = null, p && (c.style.opacity = "1");
-			});
-		},
-		[Symbol.dispose]: g
-	};
-}
-//#endregion
-export { i as createTooltip };
-
+import{computePosition as e,flip as t,offset as n,shift as r}from"@vielzeug/orbit";var i=`position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap`;function comparisonContent(e,t,n,r){let a=e.createElement(`div`),o=e.createElement(`span`),s=e.createElement(`div`),c=e.createElement(`div`);a.className=`prism-tooltip-body`,o.className=`prism-tooltip-sr`,o.style.cssText=i,o.textContent=r,s.setAttribute(`aria-hidden`,`true`),c.className=`prism-tooltip-title`,c.textContent=t,s.appendChild(c);for(let t of n){let n=e.createElement(`div`),r=e.createElement(`span`),i=e.createElement(`span`),a=e.createElement(`span`);n.className=`prism-tooltip-row`,r.className=`prism-tooltip-swatch`,r.style.setProperty(`--prism-swatch`,t.color),i.className=`prism-tooltip-name`,i.textContent=t.name,a.className=`prism-tooltip-value`,a.textContent=t.value,n.append(r,i,a),s.appendChild(n)}return a.append(o,s),a}function createTooltip(i,a){let o=i.style.position,s=getComputedStyle(i).position===`static`;s&&(i.style.position=`relative`);let c=i.ownerDocument.createElement(`div`);c.className=`prism-tooltip`,c.style.position=`absolute`,c.style.pointerEvents=`none`,c.style.top=`0`,c.style.left=`0`,c.setAttribute(`role`,`status`),c.setAttribute(`aria-live`,`polite`),i.appendChild(c);let l=a!==!0&&a?.offset||8,u=a===!0?void 0:a?.render,d=null,f=null,p=!1,cancelClear=()=>{f!==null&&(clearTimeout(f),f=null)},cancelReveal=()=>{d!==null&&(cancelAnimationFrame(d),d=null)},disposeHandle=()=>{cancelReveal(),cancelClear(),c.remove(),s&&i.style.position===`relative`&&(i.style.position=o)};return{dispose:disposeHandle,el:c,hide(){cancelReveal(),cancelClear(),p=!1,c.style.opacity=`0`,f=setTimeout(()=>{f=null,p||(c.textContent=``)},150)},show(a,o,s,f,m){if(!i.isConnected)return;cancelClear();let h=u?u(s,f):m??`${f.name}: ${s.value}`;typeof h==`string`?c.textContent=h:c.replaceChildren(h);let{x:g,y:_}=e({getBoundingClientRect:()=>{let e=i.getBoundingClientRect();return{bottom:e.top+o,height:0,left:e.left+a,right:e.left+a,top:e.top+o,width:0,x:e.left+a,y:e.top+o}}},c,{containingBlock:i,middleware:[n(l),t(),r({padding:8})],placement:`top`});if(c.style.left=`${g}px`,c.style.top=`${_}px`,p){d===null&&(c.style.opacity=`1`);return}p=!0,c.style.opacity=`0`,d=requestAnimationFrame(()=>{d=null,p&&(c.style.opacity=`1`)})},[Symbol.dispose]:disposeHandle}}export{comparisonContent,createTooltip};
 //# sourceMappingURL=tooltip.js.map

package/dist/interaction/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/interaction/tooltip.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@vielzeug/orbit';\nimport type { Datum, Series, TooltipConfig } from '../types';\n\nexport interface TooltipState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  hide(): void;\n  show(x: number, y: number, datum: Datum, series: Series): void;\n  [Symbol.dispose](): void;\n}\n\nexport function createTooltip(container: HTMLElement, config?: TooltipConfig | true): TooltipState {\n  const previousPosition = container.style.position;\n  const changedPosition = getComputedStyle(container).position === 'static';\n\n  if (changedPosition) container.style.position = 'relative';\n\n  const el = container.ownerDocument.createElement('div');\n\n  el.className = 'prism-tooltip';\n  el.style.position = 'absolute';\n  el.style.pointerEvents = 'none';\n  el.style.top = '0';\n  el.style.left = '0';\n  // Non-modal status text — announced by assistive tech whenever content/hide state changes.\n  el.setAttribute('role', 'status');\n  el.setAttribute('aria-live', 'polite');\n  container.appendChild(el);\n\n  const tooltipOffset: number = (config !== true && config?.offset) || 8;\n  const render = config !== true ? config?.render : undefined;\n\n  let revealFrame: number | null = null;\n  let clearTimer: ReturnType<typeof setTimeout> | null = null;\n  let visible = false;\n\n  const cancelClear = (): void => {\n    if (clearTimer === null) return;\n\n    clearTimeout(clearTimer);\n    clearTimer = null;\n  };\n\n  const cancelReveal = (): void => {\n    if (revealFrame === null) return;\n\n    cancelAnimationFrame(revealFrame);\n    revealFrame = null;\n  };\n\n  const disposeHandle = (): void => {\n    cancelReveal();\n    cancelClear();\n    el.remove();\n    if (changedPosition && container.style.position === 'relative') container.style.position = previousPosition;\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    hide() {\n      cancelReveal();\n      cancelClear();\n      visible = false;\n      el.style.opacity = '0';\n      clearTimer = setTimeout(() => {\n        clearTimer = null;\n\n        if (!visible) el.textContent = '';\n      }, 150);\n    },\n    show(x: number, y: number, datum: Datum, series: Series) {\n      if (!container.isConnected) return;\n\n      cancelClear();\n\n      if (render) {\n        const content = render(datum, series);\n\n        if (typeof content === 'string') el.textContent = content;\n        else el.replaceChildren(content);\n      } else {\n        el.textContent = `${series.name}: ${datum.value}`;\n      }\n\n      const virtualRef = {\n        getBoundingClientRect: () => {\n          const rect = container.getBoundingClientRect();\n\n          return {\n            bottom: rect.top + y,\n            height: 0,\n            left: rect.left + x,\n            right: rect.left + x,\n            top: rect.top + y,\n            width: 0,\n            x: rect.left + x,\n            y: rect.top + y,\n          };\n        },\n      };\n\n      const { x: positionX, y: positionY } = computePosition(virtualRef, el, {\n        containingBlock: container,\n        middleware: [offset(tooltipOffset), flip(), shift({ padding: 8 })],\n        placement: 'top',\n      });\n\n      el.style.left = `${positionX}px`;\n      el.style.top = `${positionY}px`;\n\n      if (visible) {\n        if (revealFrame === null) el.style.opacity = '1';\n\n        return;\n      }\n\n      visible = true;\n      el.style.opacity = '0';\n      revealFrame = requestAnimationFrame(() => {\n        revealFrame = null;\n\n        if (visible) el.style.opacity = '1';\n      });\n    },\n    [Symbol.dispose]: disposeHandle,\n  };\n}\n"],"mappings":";;AAWA,SAAgB,EAAc,GAAwB,GAA6C;CACjG,IAAM,IAAmB,EAAU,MAAM,UACnC,IAAkB,iBAAiB,CAAS,CAAC,CAAC,aAAa;CAEjE,AAAI,MAAiB,EAAU,MAAM,WAAW;CAEhD,IAAM,IAAK,EAAU,cAAc,cAAc,KAAK;CAUtD,AARA,EAAG,YAAY,iBACf,EAAG,MAAM,WAAW,YACpB,EAAG,MAAM,gBAAgB,QACzB,EAAG,MAAM,MAAM,KACf,EAAG,MAAM,OAAO,KAEhB,EAAG,aAAa,QAAQ,QAAQ,GAChC,EAAG,aAAa,aAAa,QAAQ,GACrC,EAAU,YAAY,CAAE;CAExB,IAAM,IAAyB,MAAW,MAAQ,GAAQ,UAAW,GAC/D,IAAS,MAAW,KAAwB,KAAA,IAAjB,GAAQ,QAErC,IAA6B,MAC7B,IAAmD,MACnD,IAAU,IAER,UAA0B;EAC1B,MAAe,SAEnB,aAAa,CAAU,GACvB,IAAa;CACf,GAEM,UAA2B;EAC3B,MAAgB,SAEpB,qBAAqB,CAAW,GAChC,IAAc;CAChB,GAEM,UAA4B;EAIhC,AAHA,EAAa,GACb,EAAY,GACZ,EAAG,OAAO,GACN,KAAmB,EAAU,MAAM,aAAa,eAAY,EAAU,MAAM,WAAW;CAC7F;CAEA,OAAO;EACL,SAAS;EACT;EACA,OAAO;GAKL,AAJA,EAAa,GACb,EAAY,GACZ,IAAU,IACV,EAAG,MAAM,UAAU,KACnB,IAAa,iBAAiB;IAG5B,AAFA,IAAa,MAER,MAAS,EAAG,cAAc;GACjC,GAAG,GAAG;EACR;EACA,KAAK,GAAW,GAAW,GAAc,GAAgB;GACvD,IAAI,CAAC,EAAU,aAAa;GAI5B,IAFA,EAAY,GAER,GAAQ;IACV,IAAM,IAAU,EAAO,GAAO,CAAM;IAEpC,AAAI,OAAO,KAAY,WAAU,EAAG,cAAc,IAC7C,EAAG,gBAAgB,CAAO;GACjC,OACE,EAAG,cAAc,GAAG,EAAO,KAAK,IAAI,EAAM;GAoB5C,IAAM,EAAE,GAAG,GAAW,GAAG,MAAc,EAAgB,EAhBrD,6BAA6B;IAC3B,IAAM,IAAO,EAAU,sBAAsB;IAE7C,OAAO;KACL,QAAQ,EAAK,MAAM;KACnB,QAAQ;KACR,MAAM,EAAK,OAAO;KAClB,OAAO,EAAK,OAAO;KACnB,KAAK,EAAK,MAAM;KAChB,OAAO;KACP,GAAG,EAAK,OAAO;KACf,GAAG,EAAK,MAAM;IAChB;GACF,EAGqD,GAAY,GAAI;IACrE,iBAAiB;IACjB,YAAY;KAAC,EAAO,CAAa;KAAG,EAAK;KAAG,EAAM,EAAE,SAAS,EAAE,CAAC;IAAC;IACjE,WAAW;GACb,CAAC;GAKD,IAHA,EAAG,MAAM,OAAO,GAAG,EAAU,KAC7B,EAAG,MAAM,MAAM,GAAG,EAAU,KAExB,GAAS;IACX,AAAI,MAAgB,SAAM,EAAG,MAAM,UAAU;IAE7C;GACF;GAIA,AAFA,IAAU,IACV,EAAG,MAAM,UAAU,KACnB,IAAc,4BAA4B;IAGxC,AAFA,IAAc,MAEV,MAAS,EAAG,MAAM,UAAU;GAClC,CAAC;EACH;GACC,OAAO,UAAU;CACpB;AACF"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/interaction/tooltip.ts"],"sourcesContent":["import { computePosition, flip, offset, shift } from '@vielzeug/orbit';\nimport type { Datum, Series, TooltipConfig } from '../types';\n\nexport interface TooltipRow {\n  color: string;\n  name: string;\n  value: string;\n}\n\n/** Inline so the spoken text stays hidden even without prism's stylesheet. */\nconst SCREEN_READER_ONLY =\n  'position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap';\n\n/**\n * Title plus one swatch row per series; text only, so data is never parsed as HTML.\n * `spoken` is what the tooltip's live region announces; the visual rows are aria-hidden.\n */\nexport function comparisonContent(\n  doc: Document,\n  title: string,\n  rows: readonly TooltipRow[],\n  spoken: string,\n): HTMLElement {\n  const body = doc.createElement('div');\n  const sr = doc.createElement('span');\n  const visual = doc.createElement('div');\n  const head = doc.createElement('div');\n\n  body.className = 'prism-tooltip-body';\n  sr.className = 'prism-tooltip-sr';\n  sr.style.cssText = SCREEN_READER_ONLY;\n  sr.textContent = spoken;\n  visual.setAttribute('aria-hidden', 'true');\n  head.className = 'prism-tooltip-title';\n  head.textContent = title;\n  visual.appendChild(head);\n\n  for (const row of rows) {\n    const line = doc.createElement('div');\n    const swatch = doc.createElement('span');\n    const name = doc.createElement('span');\n    const value = doc.createElement('span');\n\n    line.className = 'prism-tooltip-row';\n    swatch.className = 'prism-tooltip-swatch';\n    swatch.style.setProperty('--prism-swatch', row.color);\n    name.className = 'prism-tooltip-name';\n    name.textContent = row.name;\n    value.className = 'prism-tooltip-value';\n    value.textContent = row.value;\n    line.append(swatch, name, value);\n    visual.appendChild(line);\n  }\n\n  body.append(sr, visual);\n\n  return body;\n}\n\nexport interface TooltipState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  hide(): void;\n  /** `content` replaces the default `series: value` body when no custom `render` is configured. */\n  show(x: number, y: number, datum: Datum, series: Series, content?: Node | string): void;\n  [Symbol.dispose](): void;\n}\n\nexport function createTooltip(container: HTMLElement, config?: TooltipConfig | true): TooltipState {\n  const previousPosition = container.style.position;\n  const changedPosition = getComputedStyle(container).position === 'static';\n\n  if (changedPosition) container.style.position = 'relative';\n\n  const el = container.ownerDocument.createElement('div');\n\n  el.className = 'prism-tooltip';\n  el.style.position = 'absolute';\n  el.style.pointerEvents = 'none';\n  el.style.top = '0';\n  el.style.left = '0';\n  // Non-modal status text: announced by assistive tech whenever content/hide state changes.\n  el.setAttribute('role', 'status');\n  el.setAttribute('aria-live', 'polite');\n  container.appendChild(el);\n\n  const tooltipOffset: number = (config !== true && config?.offset) || 8;\n  const render = config !== true ? config?.render : undefined;\n\n  let revealFrame: number | null = null;\n  let clearTimer: ReturnType<typeof setTimeout> | null = null;\n  let visible = false;\n\n  const cancelClear = (): void => {\n    if (clearTimer === null) return;\n\n    clearTimeout(clearTimer);\n    clearTimer = null;\n  };\n\n  const cancelReveal = (): void => {\n    if (revealFrame === null) return;\n\n    cancelAnimationFrame(revealFrame);\n    revealFrame = null;\n  };\n\n  const disposeHandle = (): void => {\n    cancelReveal();\n    cancelClear();\n    el.remove();\n    if (changedPosition && container.style.position === 'relative') container.style.position = previousPosition;\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    hide() {\n      cancelReveal();\n      cancelClear();\n      visible = false;\n      el.style.opacity = '0';\n      clearTimer = setTimeout(() => {\n        clearTimer = null;\n\n        if (!visible) el.textContent = '';\n      }, 150);\n    },\n    show(x: number, y: number, datum: Datum, series: Series, content?: Node | string) {\n      if (!container.isConnected) return;\n\n      cancelClear();\n\n      const body = render ? render(datum, series) : (content ?? `${series.name}: ${datum.value}`);\n\n      if (typeof body === 'string') el.textContent = body;\n      else el.replaceChildren(body);\n\n      const virtualRef = {\n        getBoundingClientRect: () => {\n          const rect = container.getBoundingClientRect();\n\n          return {\n            bottom: rect.top + y,\n            height: 0,\n            left: rect.left + x,\n            right: rect.left + x,\n            top: rect.top + y,\n            width: 0,\n            x: rect.left + x,\n            y: rect.top + y,\n          };\n        },\n      };\n\n      const { x: positionX, y: positionY } = computePosition(virtualRef, el, {\n        containingBlock: container,\n        middleware: [offset(tooltipOffset), flip(), shift({ padding: 8 })],\n        placement: 'top',\n      });\n\n      el.style.left = `${positionX}px`;\n      el.style.top = `${positionY}px`;\n\n      if (visible) {\n        if (revealFrame === null) el.style.opacity = '1';\n\n        return;\n      }\n\n      visible = true;\n      el.style.opacity = '0';\n      revealFrame = requestAnimationFrame(() => {\n        revealFrame = null;\n\n        if (visible) el.style.opacity = '1';\n      });\n    },\n    [Symbol.dispose]: disposeHandle,\n  };\n}\n"],"mappings":"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"}