@vielzeug/prism 26.10.3 → 26.10.5

package/dist/charts/sparkline/sparkline.js

@@ -1,2 +1,2 @@
-import"../../_dev.js";import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{createTappers as n}from"../../_tappers.js";import{PrismRenderError as r}from"../../errors.js";import{createChartBase as i}from"../../core/chart-base.js";import{resolveEasing as a}from"../../animation/easing.js";import{resolveMotion as o}from"../../animation/motion.js";import{tweenNumber as s}from"../../animation/tween.js";import{startTween as c}from"../../animation/transition.js";import{uniqueId as l}from"../../core/ids.js";import{areaPath as u,linePath as d,monotonePath as f,stepPath as p}from"../../svg/path.js";var m=5;function buildTopPoints(e,t,n){if(e.length===0)return[];let r=t/Math.max(1,e.length-1),i=Math.min(...e),a=Math.max(...e)-i||1;return e.map((e,t)=>({x:t*r,y:n-(e-i)/a*n}))}function buildAreaPath(e,t,n,r=`linear`){if(e.length===0)return``;let i=buildTopPoints(e,t,n),a=i.map(e=>({x:e.x,y:n}));return u(i,a,r??`linear`)}function buildPath(e,t,n,r){if(e.length===0)return``;let i=buildTopPoints(e,t,n);return r===`monotone`?f(i):r===`step`?p(i):d(i)}function renderSparkBars(n,r,i,l,u,d,f){let p=r.length,m=Math.max(1,i/p-1),h=i/p,g=Math.min(0,...r),_=Math.max(...r)-g||1,v=o(d,0),y=v.duration,b=a(v.easing);for(;n.children.length>p;){let e=n.lastElementChild;e&&n.removeChild(e)}for(let i=0;i<p;i++){let a=Math.max(1,(r[i]-g)/_*l),o=l-a,d=n.children[i];d||(d=e(`rect`,{class:`prism-spark-bar`}),n.appendChild(d)),t(d,{fill:u,width:m,x:i*h}),y>0&&!d.hasAttribute(`data-init`)?(d.setAttribute(`data-init`,`1`),c({count:1,duration:y,easing:b,onFrame:e=>{let n=e(0);t(d,{height:s(0,a,n),y:s(l,o,n)})},signal:f})):(d.setAttribute(`data-init`,`1`),t(d,{height:a,y:o}))}}function isStackData(e){return e.length>0&&e[0]!==null&&typeof e[0]==`object`}function buildRoundedStackRect(e,t,n,r,i,a,o){let s=Math.min(i,n/2,r/2),c=a?s:0,l=a?s:0,u=o?s:0,d=o?s:0;return[`M${e+c},${t}`,`H${e+n-u}`,u?`Q${e+n},${t} ${e+n},${t+u}`:``,`V${t+r-d}`,d?`Q${e+n},${t+r} ${e+n-d},${t+r}`:``,`H${e+l}`,l?`Q${e},${t+r} ${e},${t+r-l}`:``,`V${t+c}`,c?`Q${e},${t} ${e+c},${t}`:``,`Z`].filter(Boolean).join(``)}function defaultStackColor(e){return`var(--prism-color-${e%8+1})`}function createSparkline(a,o){let s=o.variant??`line`,c=o.color??`var(--prism-color-1)`,u=o.curve??`linear`,d=o.strokeWidth??1.5,f=o.fillOpacity,p=o.showEndPoint??!0,h=l(`prism-spark-fill`),g=n(),_=o.data,v=i(a,{a11y:o.a11y,margin:{bottom:0,left:0,right:0,top:0}},()=>{g.emit({height:v.dimensions.height,type:`resize`,width:v.dimensions.width}),renderAll()}),{svg:y}=v;y.classList.add(`prism-sparkline`);let b=e(`g`,{class:`prism-spark-inner`});y.appendChild(b);let cleanupInteraction;function plotArea(){let{height:e,width:t}=v.dimensions,n=s===`line`||s===`area`?m:0;return{h:Math.max(1,e-n*2),inset:n,w:Math.max(1,t-n*2)}}function renderAll(){let{height:n,width:r}=v.dimensions,i=plotArea();for(;b.firstChild;)b.removeChild(b.firstChild);if(b.setAttribute(`transform`,`translate(${i.inset},${i.inset})`),_.length!==0){if(!isStackData(_)&&_.some(e=>!Number.isFinite(e)),s===`stack`&&isStackData(_)){let i=e(`g`,{class:`prism-spark-stack`});b.appendChild(i);let a=o.cornerRadius??4,s=_,c=s.reduce((e,t)=>e+Math.max(0,t.value),0);if(c>0){let l=(o.padPixels??0)/2,u=0;s.forEach((o,d)=>{let f=Math.round(u);u+=Math.max(0,o.value)/c*r;let p=d===s.length-1?r:Math.round(u),m=d===0,h=d===s.length-1,g=buildRoundedStackRect(f+(m?0:l),0,Math.max(0,p-f-(m?0:l)-(h?0:l)),n,a,m,h),_=e(`path`,{class:`prism-spark-stack-segment`});t(_,{d:g,fill:o.color??defaultStackColor(d)}),i.appendChild(_)})}}else if(s===`bar`){let t=e(`g`,{class:`prism-spark-bars`});b.appendChild(t),renderSparkBars(t,_,r,n,c,o.transition,x.signal)}else{if(s===`area`){let n=e(`defs`),r=e(`linearGradient`,{id:h,x1:0,x2:0,y1:0,y2:1});for(let[t,n]of[[0,`prism-spark-stop-top`],[1,`prism-spark-stop-bottom`]]){let i=e(`stop`,{class:n,offset:t,"stop-color":c});i.style.stopColor=c,r.appendChild(i)}n.appendChild(r),b.appendChild(n);let a=e(`path`,{class:`prism-spark-fill`}),o=buildAreaPath(_,i.w,i.h,u);t(a,{d:o,fill:`url(#${h})`,stroke:`none`}),a.style.fillOpacity=f===void 0?``:String(f),b.appendChild(a)}let n=e(`path`,{class:`prism-spark-line`}),r=buildPath(_,i.w,i.h,u);t(n,{d:r,fill:`none`,stroke:c,"stroke-width":d}),b.appendChild(n);let a=buildTopPoints(_,i.w,i.h).at(-1);p&&a&&b.appendChild(e(`circle`,{class:`prism-spark-end`,cx:a.x,cy:a.y,fill:c,r:2.5}))}isStackData(_)||attachInteraction(_)}}function attachInteraction(n){if(cleanupInteraction?.(),cleanupInteraction=void 0,!o.onHover&&!o.onClick||n.length<=1)return;let{h:r,inset:i,w:a}=plotArea();y.style.cursor=`crosshair`;let l=a/(n.length-1),u=s===`bar`?[]:buildTopPoints(n,a,r),d=e(`circle`,{class:`prism-spark-marker`,fill:c,r:3.5}),indexAt=e=>Math.max(0,Math.min(n.length-1,Math.round((e-y.getBoundingClientRect().left-i)/l)));d.style.display=`none`,b.appendChild(d);let handleMove=e=>{let r=indexAt(e.clientX),i=u[r];i&&(t(d,{cx:i.x,cy:i.y}),d.style.display=``),o.onHover?.({index:r,originalEvent:e,value:n[r]})},handleLeave=()=>{d.style.display=`none`,o.onHover?.(null)},handleClick=e=>{if(!o.onClick)return;let t=indexAt(e.clientX);o.onClick({index:t,originalEvent:e,value:n[t]})};y.addEventListener(`mousemove`,handleMove),y.addEventListener(`mouseleave`,handleLeave),y.addEventListener(`click`,handleClick),cleanupInteraction=()=>{y.removeEventListener(`mousemove`,handleMove),y.removeEventListener(`mouseleave`,handleLeave),y.removeEventListener(`click`,handleClick)}}let x=new AbortController,S=!1;try{return renderAll(),{get disposalSignal(){return x.signal},dispose(){S||(S=!0,g.emit({type:`dispose`}),g.stop(),x.abort(),cleanupInteraction?.(),v.dispose())},get disposed(){return S},el:y,tap:g.tap,update(e){if(S)throw new r(`Cannot update a disposed chart.`);_=e,renderAll()},[Symbol.dispose](){this.dispose()}}}catch(e){throw x.abort(),cleanupInteraction?.(),v.dispose(),e instanceof r?e:new r(`Failed to render chart.`,{cause:e})}}export{createSparkline};
+import"../../_dev.js";import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{createTappers as n}from"../../_tappers.js";import{PrismRenderError as r}from"../../errors.js";import{createChartBase as i}from"../../core/chart-base.js";import{resolveEasing as a}from"../../animation/easing.js";import{resolveMotion as o}from"../../animation/motion.js";import{tweenNumber as s}from"../../animation/tween.js";import{startTween as c}from"../../animation/transition.js";import{uniqueId as l}from"../../core/ids.js";import{areaPath as u,linePath as d,monotonePath as f,stepPath as p}from"../../svg/path.js";var m=5;function buildTopPoints(e,t,n){if(e.length===0)return[];let r=t/Math.max(1,e.length-1),i=Math.min(...e),a=Math.max(...e)-i||1;return e.map((e,t)=>({x:t*r,y:n-(e-i)/a*n}))}function buildAreaPathFromPoints(e,t,n){if(e.length===0)return``;let r=e.map(e=>({x:e.x,y:t}));return u(e,r,n??`linear`)}function buildPathFromPoints(e,t){return e.length===0?``:t===`monotone`?f(e):t===`step`?p(e):d(e)}function isStackData(e){return e.length>0&&e[0]!==null&&typeof e[0]==`object`}function buildRoundedStackRect(e,t,n,r,i,a,o){let s=Math.min(i,n/2,r/2),c=a?s:0,l=a?s:0,u=o?s:0,d=o?s:0;return[`M${e+c},${t}`,`H${e+n-u}`,u?`Q${e+n},${t} ${e+n},${t+u}`:``,`V${t+r-d}`,d?`Q${e+n},${t+r} ${e+n-d},${t+r}`:``,`H${e+l}`,l?`Q${e},${t+r} ${e},${t+r-l}`:``,`V${t+c}`,c?`Q${e},${t} ${e+c},${t}`:``,`Z`].filter(Boolean).join(``)}function defaultStackColor(e){return`var(--prism-color-${e%8+1})`}function createSparkline(u,d){let f=d.variant??`line`,p=d.color??`var(--prism-color-1)`,h=d.curve??`linear`,g=d.strokeWidth??1.5,_=d.fillOpacity,v=d.showEndPoint??!0,y=l(`prism-spark-fill`),b=n(),x=o(d.transition),S=a(x.easing),C=d.data,w=null,T=null,E=i(u,{a11y:d.a11y,margin:{bottom:0,left:0,right:0,top:0}},()=>{b.emit({height:E.dimensions.height,type:`resize`,width:E.dimensions.width}),renderAll()}),{svg:D}=E;D.classList.add(`prism-sparkline`);let O=e(`g`,{class:`prism-spark-inner`});D.appendChild(O);let cleanupInteraction;function plotArea(){let{height:e,width:t}=E.dimensions,n=f===`line`||f===`area`?m:0;return{h:Math.max(1,e-n*2),inset:n,w:Math.max(1,t-n*2)}}function animateValues(e,t,n){T?.();let r=w?.length===e.length?w:e.map(()=>t);if(r.every((t,n)=>t===e[n])||x.duration===0){w=e,n(e);return}T=c({count:1,duration:x.duration,easing:S,onFrame:t=>{let i=t(0),a=e.map((e,t)=>s(r[t],e,i));w=a,n(a)},signal:k.signal}),w=r,n(r)}function renderAll(){let{height:n,width:r}=E.dimensions,i=plotArea();for(;O.firstChild;)O.removeChild(O.firstChild);if(O.setAttribute(`transform`,`translate(${i.inset},${i.inset})`),C.length===0){w=null;return}if(!isStackData(C)&&C.some(e=>!Number.isFinite(e)),f===`stack`&&isStackData(C)){let i=e(`g`,{class:`prism-spark-stack`});O.appendChild(i);let a=d.cornerRadius??4,o=C,s=o.reduce((e,t)=>e+Math.max(0,t.value),0),c=o.map((n,r)=>{let a=e(`path`,{class:`prism-spark-stack-segment`});return t(a,{fill:n.color??defaultStackColor(r)}),i.appendChild(a),a});s>0?animateValues(o.map(e=>Math.max(0,e.value)),0,e=>{let t=e.reduce((e,t)=>e+t,0)||1,i=(d.padPixels??0)/2,o=0;e.forEach((s,l)=>{let u=Math.round(o);o+=s/t*r;let d=l===e.length-1?r:Math.round(o),f=l===0,p=l===e.length-1,m=u+(f?0:i),h=Math.max(0,d-u-(f?0:i)-(p?0:i));c[l]?.setAttribute(`d`,buildRoundedStackRect(m,0,h,n,a,f,p))})}):(T?.(),w=null)}else if(f===`bar`){let i=e(`g`,{class:`prism-spark-bars`});O.appendChild(i);let a=C,o=Math.min(0,...a),s=Math.max(...a)-o||1,c=Math.max(1,r/a.length-1),l=r/a.length,u=a.map(()=>{let t=e(`rect`,{class:`prism-spark-bar`,fill:p});return i.appendChild(t),t});animateValues(a,o,e=>{for(let[r,i]of u.entries()){let a=Math.max(1,(e[r]-o)/s*n);t(i,{height:a,width:c,x:r*l,y:n-a})}})}else{let n=C,r=Math.min(...n),a=Math.max(...n)-r||1,o=i.w/Math.max(1,n.length-1),pointsFromValues=e=>e.map((e,t)=>({x:t*o,y:i.h-(e-r)/a*i.h})),s=null;if(f===`area`){let n=e(`defs`),r=e(`linearGradient`,{id:y,x1:0,x2:0,y1:0,y2:1});for(let[t,n]of[[0,`prism-spark-stop-top`],[1,`prism-spark-stop-bottom`]]){let i=e(`stop`,{class:n,offset:t,"stop-color":p});i.style.stopColor=p,r.appendChild(i)}n.appendChild(r),O.appendChild(n),s=e(`path`,{class:`prism-spark-fill`}),t(s,{fill:`url(#${y})`,stroke:`none`}),s.style.fillOpacity=_===void 0?``:String(_),O.appendChild(s)}let c=e(`path`,{class:`prism-spark-line`});t(c,{fill:`none`,stroke:p,"stroke-width":g}),O.appendChild(c);let l=v&&n.length>0?e(`circle`,{class:`prism-spark-end`,fill:p,r:2.5}):null;l&&O.appendChild(l),animateValues(n,r,e=>{let n=pointsFromValues(e);t(c,{d:buildPathFromPoints(n,h)}),s&&t(s,{d:buildAreaPathFromPoints(n,i.h,h)});let r=n.at(-1);l&&r&&t(l,{cx:r.x,cy:r.y})})}isStackData(C)||attachInteraction(C)}function attachInteraction(n){if(cleanupInteraction?.(),cleanupInteraction=void 0,!d.onHover&&!d.onClick||n.length<=1)return;let{h:r,inset:i,w:a}=plotArea();D.style.cursor=`crosshair`;let o=a/(n.length-1),s=f===`bar`?[]:buildTopPoints(n,a,r),c=e(`circle`,{class:`prism-spark-marker`,fill:p,r:3.5}),indexAt=e=>Math.max(0,Math.min(n.length-1,Math.round((e-D.getBoundingClientRect().left-i)/o)));c.style.display=`none`,O.appendChild(c);let handleMove=e=>{let r=indexAt(e.clientX),i=s[r];i&&(t(c,{cx:i.x,cy:i.y}),c.style.display=``),d.onHover?.({index:r,originalEvent:e,value:n[r]})},handleLeave=()=>{c.style.display=`none`,d.onHover?.(null)},handleClick=e=>{if(!d.onClick)return;let t=indexAt(e.clientX);d.onClick({index:t,originalEvent:e,value:n[t]})};D.addEventListener(`mousemove`,handleMove),D.addEventListener(`mouseleave`,handleLeave),D.addEventListener(`click`,handleClick),cleanupInteraction=()=>{D.removeEventListener(`mousemove`,handleMove),D.removeEventListener(`mouseleave`,handleLeave),D.removeEventListener(`click`,handleClick)}}let k=new AbortController,A=!1;try{return renderAll(),{get disposalSignal(){return k.signal},dispose(){A||(A=!0,b.emit({type:`dispose`}),b.stop(),k.abort(),cleanupInteraction?.(),E.dispose())},get disposed(){return A},el:D,tap:b.tap,update(e){if(A)throw new r(`Cannot update a disposed chart.`);C=e,renderAll()},[Symbol.dispose](){this.dispose()}}}catch(e){throw k.abort(),cleanupInteraction?.(),E.dispose(),e instanceof r?e:new r(`Failed to render chart.`,{cause:e})}}export{createSparkline};
 //# sourceMappingURL=sparkline.js.map

package/dist/charts/sparkline/sparkline.js.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.js","names":[],"sources":["../../../src/charts/sparkline/sparkline.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { createTappers } from '../../_tappers';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport { createChartBase } from '../../core/chart-base';\nimport { uniqueId } from '../../core/ids';\nimport { PrismRenderError } from '../../errors';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { areaPath, linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ChartHandle, PrismEvent, SparklineConfig, StackSegment } from '../../types';\n\n/** Fits the 3.5px hover marker plus its ring inside the SVG. */\nconst PLOT_INSET = 5;\n\nfunction buildTopPoints(data: number[], width: number, height: number): Point[] {\n  if (data.length === 0) return [];\n\n  const xStep = width / Math.max(1, data.length - 1);\n  const min = Math.min(...data);\n  const max = Math.max(...data);\n  const yRange = max - min || 1;\n\n  return data.map((v, i) => ({\n    x: i * xStep,\n    y: height - ((v - min) / yRange) * height,\n  }));\n}\n\nfunction buildAreaPath(\n  data: number[],\n  width: number,\n  height: number,\n  curve: SparklineConfig['curve'] = 'linear',\n): string {\n  if (data.length === 0) return '';\n\n  const top = buildTopPoints(data, width, height);\n  const bottom = top.map((p) => ({ x: p.x, y: height }));\n\n  return areaPath(top, bottom, curve ?? 'linear');\n}\n\nfunction buildPath(data: number[], width: number, height: number, curve: SparklineConfig['curve']): string {\n  if (data.length === 0) return '';\n\n  const points = buildTopPoints(data, width, height);\n\n  return curve === 'monotone' ? monotonePath(points) : curve === 'step' ? stepPath(points) : linePath(points);\n}\n\nfunction renderSparkBars(\n  parent: SVGGElement,\n  data: number[],\n  width: number,\n  height: number,\n  color: string,\n  transition?: SparklineConfig['transition'],\n  disposalSignal?: AbortSignal,\n): void {\n  const count = data.length;\n  const barW = Math.max(1, width / count - 1);\n  const gap = width / count;\n  const min = Math.min(0, ...data);\n  const max = Math.max(...data);\n  const yRange = max - min || 1;\n  const motion = resolveMotion(transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  while (parent.children.length > count) {\n    const last = parent.lastElementChild;\n\n    if (last) parent.removeChild(last);\n  }\n\n  for (let i = 0; i < count; i++) {\n    const finalH = Math.max(1, ((data[i] - min) / yRange) * height);\n    const finalY = height - finalH;\n\n    let rect = parent.children[i] as SVGRectElement | undefined;\n\n    if (!rect) {\n      rect = createSvgElement('rect', { class: 'prism-spark-bar' });\n      parent.appendChild(rect);\n    }\n\n    setAttributes(rect, { fill: color, width: barW, x: i * gap });\n\n    if (dur > 0 && !rect.hasAttribute('data-init')) {\n      rect.setAttribute('data-init', '1');\n\n      startTween({\n        count: 1,\n        duration: dur,\n        easing,\n        onFrame: (progress) => {\n          const t = progress(0);\n\n          setAttributes(rect!, {\n            height: tweenNumber(0, finalH, t),\n            y: tweenNumber(height, finalY, t),\n          });\n        },\n        signal: disposalSignal,\n      });\n    } else {\n      rect.setAttribute('data-init', '1');\n      setAttributes(rect, { height: finalH, y: finalY });\n    }\n  }\n}\n\nfunction isStackData(data: number[] | StackSegment[]): data is StackSegment[] {\n  return data.length > 0 && data[0] !== null && typeof data[0] === 'object';\n}\n\nfunction buildRoundedStackRect(\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n  roundLeft: boolean,\n  roundRight: boolean,\n): string {\n  const maxR = Math.min(r, w / 2, h / 2);\n  const tl = roundLeft ? maxR : 0;\n  const bl = roundLeft ? maxR : 0;\n  const tr = roundRight ? maxR : 0;\n  const br = roundRight ? maxR : 0;\n\n  return [\n    `M${x + tl},${y}`,\n    `H${x + w - tr}`,\n    tr ? `Q${x + w},${y} ${x + w},${y + tr}` : '',\n    `V${y + h - br}`,\n    br ? `Q${x + w},${y + h} ${x + w - br},${y + h}` : '',\n    `H${x + bl}`,\n    bl ? `Q${x},${y + h} ${x},${y + h - bl}` : '',\n    `V${y + tl}`,\n    tl ? `Q${x},${y} ${x + tl},${y}` : '',\n    'Z',\n  ]\n    .filter(Boolean)\n    .join('');\n}\n\nfunction defaultStackColor(i: number): string {\n  return `var(--prism-color-${(i % 8) + 1})`;\n}\n\nexport function createSparkline(\n  container: HTMLElement,\n  config: SparklineConfig,\n): ChartHandle<number[] | StackSegment[]> {\n  const variant = config.variant ?? 'line';\n  const color = config.color ?? 'var(--prism-color-1)';\n  const curve = config.curve ?? 'linear';\n  const strokeWidth = config.strokeWidth ?? 1.5;\n  const fillOpacity = config.fillOpacity;\n  const showEndPoint = config.showEndPoint ?? true;\n  const gradientId = uniqueId('prism-spark-fill');\n  const tappers = createTappers<PrismEvent>();\n  let data = config.data;\n\n  const base = createChartBase(\n    container,\n    {\n      a11y: config.a11y,\n      margin: { bottom: 0, left: 0, right: 0, top: 0 },\n    },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      renderAll();\n    },\n  );\n\n  const { svg } = base;\n\n  svg.classList.add('prism-sparkline');\n\n  const innerGroup = createSvgElement('g', { class: 'prism-spark-inner' });\n\n  svg.appendChild(innerGroup);\n\n  let cleanupInteraction: (() => void) | undefined;\n\n  /** Line and area plots are inset so dots on the first and last values are not clipped. */\n  function plotArea(): { h: number; inset: number; w: number } {\n    const { height, width } = base.dimensions;\n    const inset = variant === 'line' || variant === 'area' ? PLOT_INSET : 0;\n\n    return { h: Math.max(1, height - inset * 2), inset, w: Math.max(1, width - inset * 2) };\n  }\n\n  function renderAll(): void {\n    const { height: h, width: w } = base.dimensions;\n    const plot = plotArea();\n\n    while (innerGroup.firstChild) innerGroup.removeChild(innerGroup.firstChild);\n\n    innerGroup.setAttribute('transform', `translate(${plot.inset},${plot.inset})`);\n\n    if (data.length === 0) return;\n\n    if (!isStackData(data) && data.some((v) => !Number.isFinite(v))) {\n      warn('createSparkline: data contains non-finite values; they are drawn as the minimum.');\n    }\n\n    if (variant === 'stack' && isStackData(data)) {\n      const stackGroup = createSvgElement('g', { class: 'prism-spark-stack' });\n\n      innerGroup.appendChild(stackGroup);\n\n      const cornerRadius = config.cornerRadius ?? 4;\n      const segs = data as StackSegment[];\n      const total = segs.reduce((s, d) => s + Math.max(0, d.value), 0);\n\n      if (total > 0) {\n        const half = (config.padPixels ?? 0) / 2;\n        let xAcc = 0;\n\n        segs.forEach((seg, i) => {\n          const xStart = Math.round(xAcc);\n\n          xAcc += (Math.max(0, seg.value) / total) * w;\n\n          const xEnd = i === segs.length - 1 ? w : Math.round(xAcc);\n          const isFirst = i === 0;\n          const isLast = i === segs.length - 1;\n          const drawX = xStart + (isFirst ? 0 : half);\n          const drawW = Math.max(0, xEnd - xStart - (isFirst ? 0 : half) - (isLast ? 0 : half));\n          const d = buildRoundedStackRect(drawX, 0, drawW, h, cornerRadius, isFirst, isLast);\n          const path = createSvgElement('path', { class: 'prism-spark-stack-segment' });\n\n          setAttributes(path, { d, fill: seg.color ?? defaultStackColor(i) });\n          stackGroup.appendChild(path);\n        });\n      }\n    } else if (variant === 'bar') {\n      const barsGroup = createSvgElement('g', { class: 'prism-spark-bars' });\n\n      innerGroup.appendChild(barsGroup);\n      renderSparkBars(barsGroup, data as number[], w, h, color, config.transition, ac.signal);\n    } else {\n      if (variant === 'area') {\n        const defs = createSvgElement('defs');\n        const gradient = createSvgElement('linearGradient', { id: gradientId, x1: 0, x2: 0, y1: 0, y2: 1 });\n\n        for (const [offset, className] of [\n          [0, 'prism-spark-stop-top'],\n          [1, 'prism-spark-stop-bottom'],\n        ] as const) {\n          const stop = createSvgElement('stop', { class: className, offset, 'stop-color': color });\n\n          stop.style.stopColor = color;\n          gradient.appendChild(stop);\n        }\n\n        defs.appendChild(gradient);\n        innerGroup.appendChild(defs);\n\n        const fill = createSvgElement('path', { class: 'prism-spark-fill' });\n        const fillD = buildAreaPath(data as number[], plot.w, plot.h, curve);\n\n        setAttributes(fill, { d: fillD, fill: `url(#${gradientId})`, stroke: 'none' });\n        fill.style.fillOpacity = fillOpacity === undefined ? '' : String(fillOpacity);\n        innerGroup.appendChild(fill);\n      }\n\n      const path = createSvgElement('path', { class: 'prism-spark-line' });\n      const pathD = buildPath(data as number[], plot.w, plot.h, curve);\n\n      setAttributes(path, { d: pathD, fill: 'none', stroke: color, 'stroke-width': strokeWidth });\n      innerGroup.appendChild(path);\n\n      const end = buildTopPoints(data as number[], plot.w, plot.h).at(-1);\n\n      if (showEndPoint && end) {\n        innerGroup.appendChild(\n          createSvgElement('circle', { class: 'prism-spark-end', cx: end.x, cy: end.y, fill: color, r: 2.5 }),\n        );\n      }\n    }\n\n    if (!isStackData(data)) attachInteraction(data as number[]);\n  }\n\n  function attachInteraction(data: number[]): void {\n    cleanupInteraction?.();\n    cleanupInteraction = undefined;\n\n    if (!config.onHover && !config.onClick) return;\n\n    if (data.length <= 1) return;\n\n    const { h, inset, w } = plotArea();\n\n    svg.style.cursor = 'crosshair';\n\n    const xStep = w / (data.length - 1);\n    const points = variant === 'bar' ? [] : buildTopPoints(data, w, h);\n    const marker = createSvgElement('circle', { class: 'prism-spark-marker', fill: color, r: 3.5 });\n    const indexAt = (clientX: number): number =>\n      Math.max(0, Math.min(data.length - 1, Math.round((clientX - svg.getBoundingClientRect().left - inset) / xStep)));\n\n    marker.style.display = 'none';\n    innerGroup.appendChild(marker);\n\n    const handleMove = (e: MouseEvent) => {\n      const idx = indexAt(e.clientX);\n      const point = points[idx];\n\n      if (point) {\n        setAttributes(marker, { cx: point.x, cy: point.y });\n        marker.style.display = '';\n      }\n\n      config.onHover?.({ index: idx, originalEvent: e, value: data[idx] });\n    };\n\n    const handleLeave = () => {\n      marker.style.display = 'none';\n      config.onHover?.(null);\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      if (!config.onClick) return;\n\n      const idx = indexAt(e.clientX);\n\n      config.onClick({ index: idx, originalEvent: e, value: data[idx] });\n    };\n\n    svg.addEventListener('mousemove', handleMove);\n    svg.addEventListener('mouseleave', handleLeave);\n    svg.addEventListener('click', handleClick);\n\n    cleanupInteraction = () => {\n      svg.removeEventListener('mousemove', handleMove);\n      svg.removeEventListener('mouseleave', handleLeave);\n      svg.removeEventListener('click', handleClick);\n    };\n  }\n\n  const ac = new AbortController();\n  let isDisposed = false;\n\n  try {\n    renderAll();\n\n    return {\n      get disposalSignal(): AbortSignal {\n        return ac.signal;\n      },\n\n      dispose() {\n        if (isDisposed) return;\n\n        isDisposed = true;\n        tappers.emit({ type: 'dispose' });\n        tappers.stop();\n        ac.abort();\n        cleanupInteraction?.();\n        base.dispose();\n      },\n\n      get disposed(): boolean {\n        return isDisposed;\n      },\n\n      el: svg,\n\n      tap: tappers.tap,\n\n      update(next) {\n        if (isDisposed) throw new PrismRenderError('Cannot update a disposed chart.');\n        data = next;\n        renderAll();\n      },\n\n      [Symbol.dispose]() {\n        this.dispose();\n      },\n    };\n  } catch (error) {\n    ac.abort();\n    cleanupInteraction?.();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sparkline.js","names":[],"sources":["../../../src/charts/sparkline/sparkline.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { createTappers } from '../../_tappers';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport { createChartBase } from '../../core/chart-base';\nimport { uniqueId } from '../../core/ids';\nimport { PrismRenderError } from '../../errors';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { areaPath, linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ChartHandle, PrismEvent, SparklineConfig, StackSegment } from '../../types';\n\n/** Fits the 3.5px hover marker plus its ring inside the SVG. */\nconst PLOT_INSET = 5;\n\nfunction buildTopPoints(data: number[], width: number, height: number): Point[] {\n  if (data.length === 0) return [];\n\n  const xStep = width / Math.max(1, data.length - 1);\n  const min = Math.min(...data);\n  const max = Math.max(...data);\n  const yRange = max - min || 1;\n\n  return data.map((v, i) => ({\n    x: i * xStep,\n    y: height - ((v - min) / yRange) * height,\n  }));\n}\n\nfunction buildAreaPathFromPoints(top: Point[], height: number, curve: SparklineConfig['curve']): string {\n  if (top.length === 0) return '';\n\n  const bottom = top.map((p) => ({ x: p.x, y: height }));\n\n  return areaPath(top, bottom, curve ?? 'linear');\n}\n\nfunction buildPathFromPoints(points: Point[], curve: SparklineConfig['curve']): string {\n  if (points.length === 0) return '';\n\n  return curve === 'monotone' ? monotonePath(points) : curve === 'step' ? stepPath(points) : linePath(points);\n}\n\nfunction isStackData(data: number[] | StackSegment[]): data is StackSegment[] {\n  return data.length > 0 && data[0] !== null && typeof data[0] === 'object';\n}\n\nfunction buildRoundedStackRect(\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  r: number,\n  roundLeft: boolean,\n  roundRight: boolean,\n): string {\n  const maxR = Math.min(r, w / 2, h / 2);\n  const tl = roundLeft ? maxR : 0;\n  const bl = roundLeft ? maxR : 0;\n  const tr = roundRight ? maxR : 0;\n  const br = roundRight ? maxR : 0;\n\n  return [\n    `M${x + tl},${y}`,\n    `H${x + w - tr}`,\n    tr ? `Q${x + w},${y} ${x + w},${y + tr}` : '',\n    `V${y + h - br}`,\n    br ? `Q${x + w},${y + h} ${x + w - br},${y + h}` : '',\n    `H${x + bl}`,\n    bl ? `Q${x},${y + h} ${x},${y + h - bl}` : '',\n    `V${y + tl}`,\n    tl ? `Q${x},${y} ${x + tl},${y}` : '',\n    'Z',\n  ]\n    .filter(Boolean)\n    .join('');\n}\n\nfunction defaultStackColor(i: number): string {\n  return `var(--prism-color-${(i % 8) + 1})`;\n}\n\nexport function createSparkline(\n  container: HTMLElement,\n  config: SparklineConfig,\n): ChartHandle<number[] | StackSegment[]> {\n  const variant = config.variant ?? 'line';\n  const color = config.color ?? 'var(--prism-color-1)';\n  const curve = config.curve ?? 'linear';\n  const strokeWidth = config.strokeWidth ?? 1.5;\n  const fillOpacity = config.fillOpacity;\n  const showEndPoint = config.showEndPoint ?? true;\n  const gradientId = uniqueId('prism-spark-fill');\n  const tappers = createTappers<PrismEvent>();\n  const motion = resolveMotion(config.transition);\n  const easing = resolveEasing(motion.easing);\n  let data = config.data;\n  // Values currently on screen (mid-tween included), in data space so a resize\n  // never re-animates: every variant interpolates these and repaints.\n  let drawnValues: number[] | null = null;\n  let activeTween: (() => void) | null = null;\n\n  const base = createChartBase(\n    container,\n    {\n      a11y: config.a11y,\n      margin: { bottom: 0, left: 0, right: 0, top: 0 },\n    },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      renderAll();\n    },\n  );\n\n  const { svg } = base;\n\n  svg.classList.add('prism-sparkline');\n\n  const innerGroup = createSvgElement('g', { class: 'prism-spark-inner' });\n\n  svg.appendChild(innerGroup);\n\n  let cleanupInteraction: (() => void) | undefined;\n\n  /** Line and area plots are inset so dots on the first and last values are not clipped. */\n  function plotArea(): { h: number; inset: number; w: number } {\n    const { height, width } = base.dimensions;\n    const inset = variant === 'line' || variant === 'area' ? PLOT_INSET : 0;\n\n    return { h: Math.max(1, height - inset * 2), inset, w: Math.max(1, width - inset * 2) };\n  }\n\n  /**\n   * Tweens the plotted values from what is on screen to `to`, repainting through\n   * `paint`. A first render (or a length change, which has no per-index\n   * predecessor) grows out of `floorValue`, the scale's minimum. Unchanged values\n   * — a resize re-layout, for instance — repaint without animating.\n   */\n  function animateValues(to: number[], floorValue: number, paint: (values: number[]) => void): void {\n    activeTween?.();\n\n    const from = drawnValues?.length === to.length ? drawnValues : to.map(() => floorValue);\n    const unchanged = from.every((value, i) => value === to[i]);\n\n    if (unchanged || motion.duration === 0) {\n      drawnValues = to;\n      paint(to);\n\n      return;\n    }\n\n    activeTween = startTween({\n      count: 1,\n      duration: motion.duration,\n      easing,\n      onFrame: (progress) => {\n        const e = progress(0);\n        const values = to.map((value, i) => tweenNumber(from[i], value, e));\n\n        drawnValues = values;\n        paint(values);\n      },\n      signal: ac.signal,\n    });\n    // Paint the starting geometry now: the tween only paints on its first frame\n    // callback, which would otherwise leave one blank frame after mount.\n    drawnValues = from;\n    paint(from);\n  }\n\n  function renderAll(): void {\n    const { height: h, width: w } = base.dimensions;\n    const plot = plotArea();\n\n    while (innerGroup.firstChild) innerGroup.removeChild(innerGroup.firstChild);\n\n    innerGroup.setAttribute('transform', `translate(${plot.inset},${plot.inset})`);\n\n    if (data.length === 0) {\n      drawnValues = null;\n\n      return;\n    }\n\n    if (!isStackData(data) && data.some((v) => !Number.isFinite(v))) {\n      warn('createSparkline: data contains non-finite values; they are drawn as the minimum.');\n    }\n\n    if (variant === 'stack' && isStackData(data)) {\n      const stackGroup = createSvgElement('g', { class: 'prism-spark-stack' });\n\n      innerGroup.appendChild(stackGroup);\n\n      const cornerRadius = config.cornerRadius ?? 4;\n      const segs = data as StackSegment[];\n      const total = segs.reduce((s, d) => s + Math.max(0, d.value), 0);\n      const paths = segs.map((seg, i) => {\n        const path = createSvgElement('path', { class: 'prism-spark-stack-segment' });\n\n        setAttributes(path, { fill: seg.color ?? defaultStackColor(i) });\n        stackGroup.appendChild(path);\n\n        return path;\n      });\n\n      if (total > 0) {\n        animateValues(\n          segs.map((seg) => Math.max(0, seg.value)),\n          0,\n          (values) => {\n            const runningTotal = values.reduce((s, v) => s + v, 0) || 1;\n            const half = (config.padPixels ?? 0) / 2;\n            let xAcc = 0;\n\n            values.forEach((value, i) => {\n              const xStart = Math.round(xAcc);\n\n              xAcc += (value / runningTotal) * w;\n\n              const xEnd = i === values.length - 1 ? w : Math.round(xAcc);\n              const isFirst = i === 0;\n              const isLast = i === values.length - 1;\n              const drawX = xStart + (isFirst ? 0 : half);\n              const drawW = Math.max(0, xEnd - xStart - (isFirst ? 0 : half) - (isLast ? 0 : half));\n\n              paths[i]?.setAttribute('d', buildRoundedStackRect(drawX, 0, drawW, h, cornerRadius, isFirst, isLast));\n            });\n          },\n        );\n      } else {\n        // Nothing to draw: clear the recorded geometry so a later update cannot\n        // interpolate from values that are no longer on screen.\n        activeTween?.();\n        drawnValues = null;\n      }\n    } else if (variant === 'bar') {\n      const barsGroup = createSvgElement('g', { class: 'prism-spark-bars' });\n\n      innerGroup.appendChild(barsGroup);\n\n      const values = data as number[];\n      const barMin = Math.min(0, ...values);\n      const barRange = Math.max(...values) - barMin || 1;\n      const barW = Math.max(1, w / values.length - 1);\n      const gap = w / values.length;\n      const rects = values.map(() => {\n        const rect = createSvgElement('rect', { class: 'prism-spark-bar', fill: color });\n\n        barsGroup.appendChild(rect);\n\n        return rect;\n      });\n\n      animateValues(values, barMin, (frame) => {\n        for (const [i, rect] of rects.entries()) {\n          const barHeight = Math.max(1, ((frame[i] - barMin) / barRange) * h);\n\n          setAttributes(rect, { height: barHeight, width: barW, x: i * gap, y: h - barHeight });\n        }\n      });\n    } else {\n      const values = data as number[];\n      // The scale is fixed to the target values, so a tween moves points along\n      // stable axes instead of wobbling as the domain follows each frame.\n      const lineMin = Math.min(...values);\n      const lineRange = Math.max(...values) - lineMin || 1;\n      const xStep = plot.w / Math.max(1, values.length - 1);\n      const pointsFromValues = (frame: number[]): Point[] =>\n        frame.map((v, i) => ({ x: i * xStep, y: plot.h - ((v - lineMin) / lineRange) * plot.h }));\n\n      let fill: SVGPathElement | null = null;\n\n      if (variant === 'area') {\n        const defs = createSvgElement('defs');\n        const gradient = createSvgElement('linearGradient', { id: gradientId, x1: 0, x2: 0, y1: 0, y2: 1 });\n\n        for (const [offset, className] of [\n          [0, 'prism-spark-stop-top'],\n          [1, 'prism-spark-stop-bottom'],\n        ] as const) {\n          const stop = createSvgElement('stop', { class: className, offset, 'stop-color': color });\n\n          stop.style.stopColor = color;\n          gradient.appendChild(stop);\n        }\n\n        defs.appendChild(gradient);\n        innerGroup.appendChild(defs);\n\n        fill = createSvgElement('path', { class: 'prism-spark-fill' });\n\n        setAttributes(fill, { fill: `url(#${gradientId})`, stroke: 'none' });\n        fill.style.fillOpacity = fillOpacity === undefined ? '' : String(fillOpacity);\n        innerGroup.appendChild(fill);\n      }\n\n      const path = createSvgElement('path', { class: 'prism-spark-line' });\n\n      setAttributes(path, { fill: 'none', stroke: color, 'stroke-width': strokeWidth });\n      innerGroup.appendChild(path);\n\n      const endDot =\n        showEndPoint && values.length > 0\n          ? createSvgElement('circle', { class: 'prism-spark-end', fill: color, r: 2.5 })\n          : null;\n\n      if (endDot) innerGroup.appendChild(endDot);\n\n      animateValues(values, lineMin, (frame) => {\n        const top = pointsFromValues(frame);\n\n        setAttributes(path, { d: buildPathFromPoints(top, curve) });\n\n        if (fill) setAttributes(fill, { d: buildAreaPathFromPoints(top, plot.h, curve) });\n\n        const end = top.at(-1);\n\n        if (endDot && end) setAttributes(endDot, { cx: end.x, cy: end.y });\n      });\n    }\n\n    if (!isStackData(data)) attachInteraction(data as number[]);\n  }\n\n  function attachInteraction(data: number[]): void {\n    cleanupInteraction?.();\n    cleanupInteraction = undefined;\n\n    if (!config.onHover && !config.onClick) return;\n\n    if (data.length <= 1) return;\n\n    const { h, inset, w } = plotArea();\n\n    svg.style.cursor = 'crosshair';\n\n    const xStep = w / (data.length - 1);\n    const points = variant === 'bar' ? [] : buildTopPoints(data, w, h);\n    const marker = createSvgElement('circle', { class: 'prism-spark-marker', fill: color, r: 3.5 });\n    const indexAt = (clientX: number): number =>\n      Math.max(0, Math.min(data.length - 1, Math.round((clientX - svg.getBoundingClientRect().left - inset) / xStep)));\n\n    marker.style.display = 'none';\n    innerGroup.appendChild(marker);\n\n    const handleMove = (e: MouseEvent) => {\n      const idx = indexAt(e.clientX);\n      const point = points[idx];\n\n      if (point) {\n        setAttributes(marker, { cx: point.x, cy: point.y });\n        marker.style.display = '';\n      }\n\n      config.onHover?.({ index: idx, originalEvent: e, value: data[idx] });\n    };\n\n    const handleLeave = () => {\n      marker.style.display = 'none';\n      config.onHover?.(null);\n    };\n\n    const handleClick = (e: MouseEvent) => {\n      if (!config.onClick) return;\n\n      const idx = indexAt(e.clientX);\n\n      config.onClick({ index: idx, originalEvent: e, value: data[idx] });\n    };\n\n    svg.addEventListener('mousemove', handleMove);\n    svg.addEventListener('mouseleave', handleLeave);\n    svg.addEventListener('click', handleClick);\n\n    cleanupInteraction = () => {\n      svg.removeEventListener('mousemove', handleMove);\n      svg.removeEventListener('mouseleave', handleLeave);\n      svg.removeEventListener('click', handleClick);\n    };\n  }\n\n  const ac = new AbortController();\n  let isDisposed = false;\n\n  try {\n    renderAll();\n\n    return {\n      get disposalSignal(): AbortSignal {\n        return ac.signal;\n      },\n\n      dispose() {\n        if (isDisposed) return;\n\n        isDisposed = true;\n        tappers.emit({ type: 'dispose' });\n        tappers.stop();\n        ac.abort();\n        cleanupInteraction?.();\n        base.dispose();\n      },\n\n      get disposed(): boolean {\n        return isDisposed;\n      },\n\n      el: svg,\n\n      tap: tappers.tap,\n\n      update(next) {\n        if (isDisposed) throw new PrismRenderError('Cannot update a disposed chart.');\n        data = next;\n        renderAll();\n      },\n\n      [Symbol.dispose]() {\n        this.dispose();\n      },\n    };\n  } catch (error) {\n    ac.abort();\n    cleanupInteraction?.();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n}\n"],"mappings":"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"}

package/dist/core/chart-base.cjs

@@ -1,2 +1,2 @@
-require("../_dev.cjs");const e=require("../svg/element.cjs"),t=require("../errors.cjs"),n=require("./layout.cjs"),r=require("./responsive.cjs");function createChartBase(i,a,o){if(!(typeof i==`object`&&i&&i.nodeType===1&&typeof i.appendChild==`function`&&typeof i.getBoundingClientRect==`function`)){let e=i,n=e===null?`null`:typeof e==`object`?e.constructor?.name??`object`:typeof e;throw new t.PrismRenderError(`Invalid chart configuration: \`container\` must be a DOM Element, received ${n}.`)}let s=n.resolveMargin(a.margin),c=a.a11y,l=e.createSvgElement(`svg`,{...!c||c.decorative?{"aria-hidden":`true`}:{"aria-label":c.ariaLabel,role:`img`,tabindex:`0`},class:`prism-chart`,style:`display:block;max-width:100%`}),u=e.createSvgElement(`g`,{class:`prism-chart-area`,transform:`translate(${s.left},${s.top})`});l.appendChild(u);let d=i.getBoundingClientRect();d.width===0||d.height;let f={height:d.height||300,margin:s,width:d.width||600},p=r.observeResize(i,(t,n)=>{let r=a.chrome?.()?.offsetHeight??0,i=Math.max(0,n-r);f.height=i,f.width=t,e.setAttributes(l,{height:i,viewBox:`0 0 ${t} ${i}`,width:t}),o?.()}),m=d.width||600,h=d.height||300;return e.setAttributes(l,{height:h,viewBox:`0 0 ${m} ${h}`,width:m}),i.appendChild(l),{chartArea:u,dimensions:f,dispose(){p(),l.remove()},svg:l}}exports.createChartBase=createChartBase;
+require("../_dev.cjs");const e=require("../svg/element.cjs"),t=require("../errors.cjs"),n=require("./layout.cjs"),r=require("./responsive.cjs");function createChartBase(i,a,o){if(!(typeof i==`object`&&i&&i.nodeType===1&&typeof i.appendChild==`function`&&typeof i.getBoundingClientRect==`function`)){let e=i,n=e===null?`null`:typeof e==`object`?e.constructor?.name??`object`:typeof e;throw new t.PrismRenderError(`Invalid chart configuration: \`container\` must be a DOM Element, received ${n}.`)}let s=n.resolveMargin(a.margin),c=a.a11y,l=e.createSvgElement(`svg`,{...!c||c.decorative?{"aria-hidden":`true`}:{"aria-label":c.ariaLabel,role:`img`,tabindex:`0`},class:`prism-chart`,style:`display:block;max-width:100%`}),u=e.createSvgElement(`g`,{class:`prism-chart-area`,transform:`translate(${s.left},${s.top})`});l.appendChild(u);let d=i.getBoundingClientRect();d.width===0||d.height;let f=d.width||600,p=d.height||300,m={height:p,margin:s,width:f},h=f,g=p,_=p,syncChrome=()=>{let t=Math.max(0,_-(a.chrome?.()?.offsetHeight??0));g=t,m.height=t,e.setAttributes(l,{height:t,viewBox:`0 0 ${m.width} ${t}`})},v=r.observeResize(i,(t,n)=>{_=n;let r=a.chrome?.()?.offsetHeight??0,i=Math.max(0,n-r);(t!==h||i!==g)&&(h=t,g=i,m.height=i,m.width=t,e.setAttributes(l,{height:i,viewBox:`0 0 ${t} ${i}`,width:t}),o?.())});return e.setAttributes(l,{height:p,viewBox:`0 0 ${f} ${p}`,width:f}),i.appendChild(l),{chartArea:u,dimensions:m,dispose(){v(),l.remove()},svg:l,syncChrome}}exports.createChartBase=createChartBase;
 //# sourceMappingURL=chart-base.cjs.map

package/dist/core/chart-base.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-base.cjs","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n  chartArea: SVGGElement;\n  dimensions: ChartDimensions;\n  dispose(): void;\n  svg: SVGSVGElement;\n}\n\nexport function createChartBase(\n  container: HTMLElement,\n  options: {\n    a11y?: ChartA11y;\n    /**\n     * The chart's own in-flow chrome inside the container (the legend). Its height is\n     * subtracted from every resize-driven svg height: the container's content box contains\n     * the svg plus this chrome, so assigning the full content height back to the svg would\n     * grow the container by the chrome's height on every pass — unbounded growth in any\n     * auto-height container. Subtracting it makes the layout converge on the fixed point\n     * `container = svg + chrome` instead.\n     */\n    chrome?: () => HTMLElement | null;\n    margin?: Partial<ChartMargin>;\n  },\n  onResize?: () => void,\n): ChartBase {\n  // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n  // structurally valid Element from a different realm (e.g. an Element created via\n  // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n  // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n  // doesn't otherwise restrict.\n  const isElementLike =\n    typeof container === 'object' &&\n    container !== null &&\n    container.nodeType === 1 &&\n    typeof container.appendChild === 'function' &&\n    typeof container.getBoundingClientRect === 'function';\n\n  if (!isElementLike) {\n    const received: unknown = container;\n    const kind =\n      received === null\n        ? 'null'\n        : typeof received === 'object'\n          ? (received.constructor?.name ?? 'object')\n          : typeof received;\n\n    throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n  }\n\n  const margin = resolveMargin(options.margin);\n  const a11y = options.a11y;\n  const svg = createSvgElement('svg', {\n    ...(!a11y || a11y.decorative\n      ? { 'aria-hidden': 'true' }\n      : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n    class: 'prism-chart',\n    // The svg's width/height attributes are its single source of sizing truth (set below and\n    // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n    // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n    // the container's edge instead of inside the height the resize pass reserved for it.\n    style: 'display:block;max-width:100%',\n  });\n\n  const chartAreaGroup = createSvgElement('g', {\n    class: 'prism-chart-area',\n    transform: `translate(${margin.left},${margin.top})`,\n  });\n\n  svg.appendChild(chartAreaGroup);\n\n  const rect = container.getBoundingClientRect();\n\n  if (rect.width === 0 || rect.height === 0) {\n    warn(\n      'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n    );\n  }\n\n  const dimensions: ChartDimensions = {\n    height: rect.height || 300,\n    margin,\n    width: rect.width || 600,\n  };\n\n  const stopObserving = observeResize(container, (width, height) => {\n    const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n    const svgHeight = Math.max(0, height - chromeHeight);\n\n    dimensions.height = svgHeight;\n    dimensions.width = width;\n    setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n    onResize?.();\n  });\n\n  const initialWidth = rect.width || 600;\n  const initialHeight = rect.height || 300;\n\n  setAttributes(svg, {\n    height: initialHeight,\n    viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n    width: initialWidth,\n  });\n\n  container.appendChild(svg);\n\n  return {\n    chartArea: chartAreaGroup,\n    dimensions,\n    dispose() {\n      stopObserving();\n      svg.remove();\n    },\n    svg,\n  };\n}\n"],"mappings":"gJAcA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAA,iBAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAA,cAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAA,iBAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAA,iBAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAA8B,CAClC,OAAQ,EAAK,QAAU,IACvB,SACA,MAAO,EAAK,OAAS,GACvB,EAEM,EAAgB,EAAA,cAAc,GAAY,EAAO,IAAW,CAChE,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,EAEnD,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAA,cAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,CACb,CAAC,EAEK,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAUrC,OARA,EAAA,cAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,KACF,CACF"}
+{"version":3,"file":"chart-base.cjs","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n  chartArea: SVGGElement;\n  dimensions: ChartDimensions;\n  dispose(): void;\n  svg: SVGSVGElement;\n  syncChrome(): void;\n}\n\nexport function createChartBase(\n  container: HTMLElement,\n  options: {\n    a11y?: ChartA11y;\n    /**\n     * The chart's own in-flow chrome inside the container (the legend). Its height is\n     * subtracted from every resize-driven svg height: the container's content box contains\n     * the svg plus this chrome, so assigning the full content height back to the svg would\n     * grow the container by the chrome's height on every pass — unbounded growth in any\n     * auto-height container. Subtracting it makes the layout converge on the fixed point\n     * `container = svg + chrome` instead.\n     */\n    chrome?: () => HTMLElement | null;\n    margin?: Partial<ChartMargin>;\n  },\n  onResize?: () => void,\n): ChartBase {\n  // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n  // structurally valid Element from a different realm (e.g. an Element created via\n  // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n  // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n  // doesn't otherwise restrict.\n  const isElementLike =\n    typeof container === 'object' &&\n    container !== null &&\n    container.nodeType === 1 &&\n    typeof container.appendChild === 'function' &&\n    typeof container.getBoundingClientRect === 'function';\n\n  if (!isElementLike) {\n    const received: unknown = container;\n    const kind =\n      received === null\n        ? 'null'\n        : typeof received === 'object'\n          ? (received.constructor?.name ?? 'object')\n          : typeof received;\n\n    throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n  }\n\n  const margin = resolveMargin(options.margin);\n  const a11y = options.a11y;\n  const svg = createSvgElement('svg', {\n    ...(!a11y || a11y.decorative\n      ? { 'aria-hidden': 'true' }\n      : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n    class: 'prism-chart',\n    // The svg's width/height attributes are its single source of sizing truth (set below and\n    // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n    // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n    // the container's edge instead of inside the height the resize pass reserved for it.\n    style: 'display:block;max-width:100%',\n  });\n\n  const chartAreaGroup = createSvgElement('g', {\n    class: 'prism-chart-area',\n    transform: `translate(${margin.left},${margin.top})`,\n  });\n\n  svg.appendChild(chartAreaGroup);\n\n  const rect = container.getBoundingClientRect();\n\n  if (rect.width === 0 || rect.height === 0) {\n    warn(\n      'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n    );\n  }\n\n  const initialWidth = rect.width || 600;\n  const initialHeight = rect.height || 300;\n\n  const dimensions: ChartDimensions = {\n    height: initialHeight,\n    margin,\n    width: initialWidth,\n  };\n\n  // The dimensions the svg currently carries. A resize pass only re-renders when the\n  // effective drawing size moves away from these.\n  let appliedWidth = initialWidth;\n  let appliedHeight = initialHeight;\n  let containerHeight = initialHeight;\n\n  // Legend updates reserve their space synchronously, before a renderer builds scales.\n  const syncChrome = (): void => {\n    const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n    appliedHeight = height;\n    dimensions.height = height;\n    setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n  };\n\n  const stopObserving = observeResize(container, (width, height) => {\n    containerHeight = height;\n    const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n    const svgHeight = Math.max(0, height - chromeHeight);\n\n    // A ResizeObserver fires once for the initial observation, at the size the chart was\n    // already built at. Re-rendering there is a no-op for layout but cancels a mount\n    // entrance still in flight (the renderers treat the redraw as an already-drawn\n    // update and snap to final), so a chart would never animate on first paint. Skip the\n    // pass unless the effective size — legend chrome included — has genuinely changed.\n    if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n    appliedWidth = width;\n    appliedHeight = svgHeight;\n    dimensions.height = svgHeight;\n    dimensions.width = width;\n    setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n    onResize?.();\n  });\n\n  setAttributes(svg, {\n    height: initialHeight,\n    viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n    width: initialWidth,\n  });\n\n  container.appendChild(svg);\n\n  return {\n    chartArea: chartAreaGroup,\n    dimensions,\n    dispose() {\n      stopObserving();\n      svg.remove();\n    },\n    svg,\n    syncChrome,\n  };\n}\n"],"mappings":"gJAeA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAA,iBAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAA,cAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAA,iBAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAA,iBAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAE/B,EAA8B,CAClC,OAAQ,EACR,SACA,MAAO,CACT,EAII,EAAe,EACf,EAAgB,EAChB,EAAkB,EAGhB,eAAyB,CAC7B,IAAM,EAAS,KAAK,IAAI,EAAG,GAAmB,EAAQ,SAAS,CAAC,EAAE,cAAgB,EAAE,EAEpF,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAA,cAAc,EAAK,CAAE,SAAQ,QAAS,OAAO,EAAW,MAAM,GAAG,GAAS,CAAC,CAC7E,EAEM,EAAgB,EAAA,cAAc,GAAY,EAAO,IAAW,CAChE,EAAkB,EAClB,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,GAO/C,IAAU,GAAgB,IAAc,KAE5C,EAAe,EACf,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAA,cAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,EACb,CAAC,EAUD,OARA,EAAA,cAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,MACA,UACF,CACF"}

package/dist/core/chart-base.d.ts

@@ -4,6 +4,7 @@ export interface ChartBase {
     dimensions: ChartDimensions;
     dispose(): void;
     svg: SVGSVGElement;
+    syncChrome(): void;
 }
 export declare function createChartBase(container: HTMLElement, options: {
     a11y?: ChartA11y;

package/dist/core/chart-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/core/chart-base.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIxE,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,IAAI,IAAI,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE;IACP,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,EACD,QAAQ,CAAC,EAAE,MAAM,IAAI,GACpB,SAAS,CA0FX"}
+{"version":3,"file":"chart-base.d.ts","sourceRoot":"","sources":["../../src/core/chart-base.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIxE,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,OAAO,IAAI,IAAI,CAAC;IAChB,GAAG,EAAE,aAAa,CAAC;IACnB,UAAU,IAAI,IAAI,CAAC;CACpB;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE;IACP,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,EACD,QAAQ,CAAC,EAAE,MAAM,IAAI,GACpB,SAAS,CAoHX"}

package/dist/core/chart-base.js

@@ -1,2 +1,2 @@
-import"../_dev.js";import{createSvgElement as e,setAttributes as t}from"../svg/element.js";import{PrismRenderError as n}from"../errors.js";import{resolveMargin as r}from"./layout.js";import{observeResize as i}from"./responsive.js";function createChartBase(a,o,s){if(!(typeof a==`object`&&a&&a.nodeType===1&&typeof a.appendChild==`function`&&typeof a.getBoundingClientRect==`function`)){let e=a,t=e===null?`null`:typeof e==`object`?e.constructor?.name??`object`:typeof e;throw new n(`Invalid chart configuration: \`container\` must be a DOM Element, received ${t}.`)}let c=r(o.margin),l=o.a11y,u=e(`svg`,{...!l||l.decorative?{"aria-hidden":`true`}:{"aria-label":l.ariaLabel,role:`img`,tabindex:`0`},class:`prism-chart`,style:`display:block;max-width:100%`}),d=e(`g`,{class:`prism-chart-area`,transform:`translate(${c.left},${c.top})`});u.appendChild(d);let f=a.getBoundingClientRect();f.width===0||f.height;let p={height:f.height||300,margin:c,width:f.width||600},m=i(a,(e,n)=>{let r=o.chrome?.()?.offsetHeight??0,i=Math.max(0,n-r);p.height=i,p.width=e,t(u,{height:i,viewBox:`0 0 ${e} ${i}`,width:e}),s?.()}),h=f.width||600,g=f.height||300;return t(u,{height:g,viewBox:`0 0 ${h} ${g}`,width:h}),a.appendChild(u),{chartArea:d,dimensions:p,dispose(){m(),u.remove()},svg:u}}export{createChartBase};
+import"../_dev.js";import{createSvgElement as e,setAttributes as t}from"../svg/element.js";import{PrismRenderError as n}from"../errors.js";import{resolveMargin as r}from"./layout.js";import{observeResize as i}from"./responsive.js";function createChartBase(a,o,s){if(!(typeof a==`object`&&a&&a.nodeType===1&&typeof a.appendChild==`function`&&typeof a.getBoundingClientRect==`function`)){let e=a,t=e===null?`null`:typeof e==`object`?e.constructor?.name??`object`:typeof e;throw new n(`Invalid chart configuration: \`container\` must be a DOM Element, received ${t}.`)}let c=r(o.margin),l=o.a11y,u=e(`svg`,{...!l||l.decorative?{"aria-hidden":`true`}:{"aria-label":l.ariaLabel,role:`img`,tabindex:`0`},class:`prism-chart`,style:`display:block;max-width:100%`}),d=e(`g`,{class:`prism-chart-area`,transform:`translate(${c.left},${c.top})`});u.appendChild(d);let f=a.getBoundingClientRect();f.width===0||f.height;let p=f.width||600,m=f.height||300,h={height:m,margin:c,width:p},g=p,_=m,v=m,syncChrome=()=>{let e=Math.max(0,v-(o.chrome?.()?.offsetHeight??0));_=e,h.height=e,t(u,{height:e,viewBox:`0 0 ${h.width} ${e}`})},y=i(a,(e,n)=>{v=n;let r=o.chrome?.()?.offsetHeight??0,i=Math.max(0,n-r);(e!==g||i!==_)&&(g=e,_=i,h.height=i,h.width=e,t(u,{height:i,viewBox:`0 0 ${e} ${i}`,width:e}),s?.())});return t(u,{height:m,viewBox:`0 0 ${p} ${m}`,width:p}),a.appendChild(u),{chartArea:d,dimensions:h,dispose(){y(),u.remove()},svg:u,syncChrome}}export{createChartBase};
 //# sourceMappingURL=chart-base.js.map

package/dist/core/chart-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-base.js","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n  chartArea: SVGGElement;\n  dimensions: ChartDimensions;\n  dispose(): void;\n  svg: SVGSVGElement;\n}\n\nexport function createChartBase(\n  container: HTMLElement,\n  options: {\n    a11y?: ChartA11y;\n    /**\n     * The chart's own in-flow chrome inside the container (the legend). Its height is\n     * subtracted from every resize-driven svg height: the container's content box contains\n     * the svg plus this chrome, so assigning the full content height back to the svg would\n     * grow the container by the chrome's height on every pass — unbounded growth in any\n     * auto-height container. Subtracting it makes the layout converge on the fixed point\n     * `container = svg + chrome` instead.\n     */\n    chrome?: () => HTMLElement | null;\n    margin?: Partial<ChartMargin>;\n  },\n  onResize?: () => void,\n): ChartBase {\n  // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n  // structurally valid Element from a different realm (e.g. an Element created via\n  // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n  // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n  // doesn't otherwise restrict.\n  const isElementLike =\n    typeof container === 'object' &&\n    container !== null &&\n    container.nodeType === 1 &&\n    typeof container.appendChild === 'function' &&\n    typeof container.getBoundingClientRect === 'function';\n\n  if (!isElementLike) {\n    const received: unknown = container;\n    const kind =\n      received === null\n        ? 'null'\n        : typeof received === 'object'\n          ? (received.constructor?.name ?? 'object')\n          : typeof received;\n\n    throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n  }\n\n  const margin = resolveMargin(options.margin);\n  const a11y = options.a11y;\n  const svg = createSvgElement('svg', {\n    ...(!a11y || a11y.decorative\n      ? { 'aria-hidden': 'true' }\n      : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n    class: 'prism-chart',\n    // The svg's width/height attributes are its single source of sizing truth (set below and\n    // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n    // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n    // the container's edge instead of inside the height the resize pass reserved for it.\n    style: 'display:block;max-width:100%',\n  });\n\n  const chartAreaGroup = createSvgElement('g', {\n    class: 'prism-chart-area',\n    transform: `translate(${margin.left},${margin.top})`,\n  });\n\n  svg.appendChild(chartAreaGroup);\n\n  const rect = container.getBoundingClientRect();\n\n  if (rect.width === 0 || rect.height === 0) {\n    warn(\n      'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n    );\n  }\n\n  const dimensions: ChartDimensions = {\n    height: rect.height || 300,\n    margin,\n    width: rect.width || 600,\n  };\n\n  const stopObserving = observeResize(container, (width, height) => {\n    const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n    const svgHeight = Math.max(0, height - chromeHeight);\n\n    dimensions.height = svgHeight;\n    dimensions.width = width;\n    setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n    onResize?.();\n  });\n\n  const initialWidth = rect.width || 600;\n  const initialHeight = rect.height || 300;\n\n  setAttributes(svg, {\n    height: initialHeight,\n    viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n    width: initialWidth,\n  });\n\n  container.appendChild(svg);\n\n  return {\n    chartArea: chartAreaGroup,\n    dimensions,\n    dispose() {\n      stopObserving();\n      svg.remove();\n    },\n    svg,\n  };\n}\n"],"mappings":"uOAcA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAA8B,CAClC,OAAQ,EAAK,QAAU,IACvB,SACA,MAAO,EAAK,OAAS,GACvB,EAEM,EAAgB,EAAc,GAAY,EAAO,IAAW,CAChE,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,EAEnD,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,CACb,CAAC,EAEK,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAUrC,OARA,EAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,KACF,CACF"}
+{"version":3,"file":"chart-base.js","names":[],"sources":["../../src/core/chart-base.ts"],"sourcesContent":["import { warn } from '../_dev';\nimport { PrismRenderError } from '../errors';\nimport { createSvgElement, setAttributes } from '../svg/element';\nimport type { ChartA11y, ChartDimensions, ChartMargin } from '../types';\nimport { resolveMargin } from './layout';\nimport { observeResize } from './responsive';\n\nexport interface ChartBase {\n  chartArea: SVGGElement;\n  dimensions: ChartDimensions;\n  dispose(): void;\n  svg: SVGSVGElement;\n  syncChrome(): void;\n}\n\nexport function createChartBase(\n  container: HTMLElement,\n  options: {\n    a11y?: ChartA11y;\n    /**\n     * The chart's own in-flow chrome inside the container (the legend). Its height is\n     * subtracted from every resize-driven svg height: the container's content box contains\n     * the svg plus this chrome, so assigning the full content height back to the svg would\n     * grow the container by the chrome's height on every pass — unbounded growth in any\n     * auto-height container. Subtracting it makes the layout converge on the fixed point\n     * `container = svg + chrome` instead.\n     */\n    chrome?: () => HTMLElement | null;\n    margin?: Partial<ChartMargin>;\n  },\n  onResize?: () => void,\n): ChartBase {\n  // Duck-typed rather than `instanceof Element`: an `instanceof` check would reject a\n  // structurally valid Element from a different realm (e.g. an Element created via\n  // `iframe.contentDocument.createElement(...)`, whose prototype chain terminates in that\n  // iframe's own `Element` constructor), which is a legitimate usage pattern this package\n  // doesn't otherwise restrict.\n  const isElementLike =\n    typeof container === 'object' &&\n    container !== null &&\n    container.nodeType === 1 &&\n    typeof container.appendChild === 'function' &&\n    typeof container.getBoundingClientRect === 'function';\n\n  if (!isElementLike) {\n    const received: unknown = container;\n    const kind =\n      received === null\n        ? 'null'\n        : typeof received === 'object'\n          ? (received.constructor?.name ?? 'object')\n          : typeof received;\n\n    throw new PrismRenderError(`Invalid chart configuration: \\`container\\` must be a DOM Element, received ${kind}.`);\n  }\n\n  const margin = resolveMargin(options.margin);\n  const a11y = options.a11y;\n  const svg = createSvgElement('svg', {\n    ...(!a11y || a11y.decorative\n      ? { 'aria-hidden': 'true' }\n      : { 'aria-label': a11y.ariaLabel, role: 'img', tabindex: '0' }),\n    class: 'prism-chart',\n    // The svg's width/height attributes are its single source of sizing truth (set below and\n    // on every resize pass, chrome excluded). CSS percentage sizing here would override the\n    // attributes: `height: 100%` fills the whole container, so the in-flow legend rides past\n    // the container's edge instead of inside the height the resize pass reserved for it.\n    style: 'display:block;max-width:100%',\n  });\n\n  const chartAreaGroup = createSvgElement('g', {\n    class: 'prism-chart-area',\n    transform: `translate(${margin.left},${margin.top})`,\n  });\n\n  svg.appendChild(chartAreaGroup);\n\n  const rect = container.getBoundingClientRect();\n\n  if (rect.width === 0 || rect.height === 0) {\n    warn(\n      'Chart container has zero dimensions. Ensure the container has a defined width and height before mounting a chart.',\n    );\n  }\n\n  const initialWidth = rect.width || 600;\n  const initialHeight = rect.height || 300;\n\n  const dimensions: ChartDimensions = {\n    height: initialHeight,\n    margin,\n    width: initialWidth,\n  };\n\n  // The dimensions the svg currently carries. A resize pass only re-renders when the\n  // effective drawing size moves away from these.\n  let appliedWidth = initialWidth;\n  let appliedHeight = initialHeight;\n  let containerHeight = initialHeight;\n\n  // Legend updates reserve their space synchronously, before a renderer builds scales.\n  const syncChrome = (): void => {\n    const height = Math.max(0, containerHeight - (options.chrome?.()?.offsetHeight ?? 0));\n\n    appliedHeight = height;\n    dimensions.height = height;\n    setAttributes(svg, { height, viewBox: `0 0 ${dimensions.width} ${height}` });\n  };\n\n  const stopObserving = observeResize(container, (width, height) => {\n    containerHeight = height;\n    const chromeHeight = options.chrome?.()?.offsetHeight ?? 0;\n    const svgHeight = Math.max(0, height - chromeHeight);\n\n    // A ResizeObserver fires once for the initial observation, at the size the chart was\n    // already built at. Re-rendering there is a no-op for layout but cancels a mount\n    // entrance still in flight (the renderers treat the redraw as an already-drawn\n    // update and snap to final), so a chart would never animate on first paint. Skip the\n    // pass unless the effective size — legend chrome included — has genuinely changed.\n    if (width === appliedWidth && svgHeight === appliedHeight) return;\n\n    appliedWidth = width;\n    appliedHeight = svgHeight;\n    dimensions.height = svgHeight;\n    dimensions.width = width;\n    setAttributes(svg, { height: svgHeight, viewBox: `0 0 ${width} ${svgHeight}`, width });\n    onResize?.();\n  });\n\n  setAttributes(svg, {\n    height: initialHeight,\n    viewBox: `0 0 ${initialWidth} ${initialHeight}`,\n    width: initialWidth,\n  });\n\n  container.appendChild(svg);\n\n  return {\n    chartArea: chartAreaGroup,\n    dimensions,\n    dispose() {\n      stopObserving();\n      svg.remove();\n    },\n    svg,\n    syncChrome,\n  };\n}\n"],"mappings":"uOAeA,SAAgB,gBACd,EACA,EAaA,EACW,CAaX,GAAI,EANF,OAAO,GAAc,UACrB,GACA,EAAU,WAAa,GACvB,OAAO,EAAU,aAAgB,YACjC,OAAO,EAAU,uBAA0B,YAEzB,CAClB,IAAM,EAAoB,EACpB,EACJ,IAAa,KACT,OACA,OAAO,GAAa,SACjB,EAAS,aAAa,MAAQ,SAC/B,OAAO,EAEf,MAAM,IAAI,EAAiB,8EAA8E,EAAK,EAAE,CAClH,CAEA,IAAM,EAAS,EAAc,EAAQ,MAAM,EACrC,EAAO,EAAQ,KACf,EAAM,EAAiB,MAAO,CAClC,GAAI,CAAC,GAAQ,EAAK,WACd,CAAE,cAAe,MAAO,EACxB,CAAE,aAAc,EAAK,UAAW,KAAM,MAAO,SAAU,GAAI,EAC/D,MAAO,cAKP,MAAO,8BACT,CAAC,EAEK,EAAiB,EAAiB,IAAK,CAC3C,MAAO,mBACP,UAAW,aAAa,EAAO,KAAK,GAAG,EAAO,IAAI,EACpD,CAAC,EAED,EAAI,YAAY,CAAc,EAE9B,IAAM,EAAO,EAAU,sBAAsB,EAEzC,EAAK,QAAU,GAAK,EAAK,OAM7B,IAAM,EAAe,EAAK,OAAS,IAC7B,EAAgB,EAAK,QAAU,IAE/B,EAA8B,CAClC,OAAQ,EACR,SACA,MAAO,CACT,EAII,EAAe,EACf,EAAgB,EAChB,EAAkB,EAGhB,eAAyB,CAC7B,IAAM,EAAS,KAAK,IAAI,EAAG,GAAmB,EAAQ,SAAS,CAAC,EAAE,cAAgB,EAAE,EAEpF,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAc,EAAK,CAAE,SAAQ,QAAS,OAAO,EAAW,MAAM,GAAG,GAAS,CAAC,CAC7E,EAEM,EAAgB,EAAc,GAAY,EAAO,IAAW,CAChE,EAAkB,EAClB,IAAM,EAAe,EAAQ,SAAS,CAAC,EAAE,cAAgB,EACnD,EAAY,KAAK,IAAI,EAAG,EAAS,CAAY,GAO/C,IAAU,GAAgB,IAAc,KAE5C,EAAe,EACf,EAAgB,EAChB,EAAW,OAAS,EACpB,EAAW,MAAQ,EACnB,EAAc,EAAK,CAAE,OAAQ,EAAW,QAAS,OAAO,EAAM,GAAG,IAAa,OAAM,CAAC,EACrF,IAAW,EACb,CAAC,EAUD,OARA,EAAc,EAAK,CACjB,OAAQ,EACR,QAAS,OAAO,EAAa,GAAG,IAChC,MAAO,CACT,CAAC,EAED,EAAU,YAAY,CAAG,EAElB,CACL,UAAW,EACX,aACA,SAAU,CACR,EAAc,EACd,EAAI,OAAO,CACb,EACA,MACA,UACF,CACF"}

package/dist/core/chart-scaffold.cjs

@@ -1,2 +1,2 @@
-const e=require("../svg/element.cjs"),t=require("../_tappers.cjs"),n=require("../errors.cjs"),r=require("../interaction/announcer.cjs"),i=require("../interaction/legend.cjs"),a=require("../interaction/tooltip.cjs"),o=require("./chart-base.cjs");function clearCartesianDom(t,n,r,i){e.removeChildren(t.series),e.removeChildren(t.grid),e.removeChildren(t.xAxis),e.removeChildren(t.yAxis),n?.update([]),r?.hide(),i?.hide()}function runScaffold(e,s,c,l,u){let render=()=>{},d=t.createTappers(),f=null,p=o.createChartBase(e,{a11y:s.a11y,chrome:()=>f?.el??null,margin:s.margin},()=>{d.emit({height:p.dimensions.height,type:`resize`,width:p.dimensions.width}),render()}),m=s.tooltip?a.createTooltip(e,s.tooltip):null;f=s.legend?i.createLegend(e,s.legend):null;let h=new AbortController,g=c(p,m,f,h.signal,r.createAnnouncer(p.svg,`prism-live`)),_=!1,v=makeEventManager(p.svg);render=()=>{_||v.attach(l(g))};try{render()}catch(e){throw _=!0,h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose(),e instanceof n.PrismRenderError?e:new n.PrismRenderError(`Failed to render chart.`,{cause:e})}return{get disposalSignal(){return h.signal},dispose(){_||(_=!0,d.emit({type:`dispose`}),d.stop(),h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose())},get disposed(){return _},el:p.svg,tap:d.tap,update(e){if(_)throw new n.PrismRenderError(`Cannot update a disposed chart.`);u(e),render()},[Symbol.dispose](){this.dispose()}}}function makeEventManager(e){let t=null;return{attach(n){t&&=(t.onMouseMove&&e.removeEventListener(`mousemove`,t.onMouseMove),t.onMouseLeave&&e.removeEventListener(`mouseleave`,t.onMouseLeave),t.onClick&&e.removeEventListener(`click`,t.onClick),t.onKeyDown&&e.removeEventListener(`keydown`,t.onKeyDown),null),n&&(t=n,n.onMouseMove&&e.addEventListener(`mousemove`,n.onMouseMove),n.onMouseLeave&&e.addEventListener(`mouseleave`,n.onMouseLeave),n.onClick&&e.addEventListener(`click`,n.onClick),n.onKeyDown&&e.addEventListener(`keydown`,n.onKeyDown))},detach(){this.attach(void 0)}}}function createChartScaffold(t,n,r,i){return runScaffold(t,n,(n,r,i,a,o)=>{let s={grid:e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-grid`}),series:e.createSvgElement(`g`,{class:`prism-series`}),xAxis:e.createSvgElement(`g`,{class:`prism-x-axis`}),yAxis:e.createSvgElement(`g`,{class:`prism-y-axis`})};return n.chartArea.appendChild(s.grid),n.chartArea.appendChild(s.xAxis),n.chartArea.appendChild(s.yAxis),n.chartArea.appendChild(s.series),{announcer:o,chartArea:n.chartArea,container:t,dimensions:n.dimensions,disposalSignal:a,groups:s,legend:i,svg:n.svg,tooltip:r}},r,i)}function createRadialScaffold(e,t,n,r){return runScaffold(e,t,(t,n,r,i,a)=>({announcer:a,container:e,dimensions:t.dimensions,disposalSignal:i,legend:r,svg:t.svg,tooltip:n}),n,r)}exports.clearCartesianDom=clearCartesianDom,exports.createChartScaffold=createChartScaffold,exports.createRadialScaffold=createRadialScaffold;
+const e=require("../svg/element.cjs"),t=require("../_tappers.cjs"),n=require("../errors.cjs"),r=require("../interaction/announcer.cjs"),i=require("../interaction/legend.cjs"),a=require("../interaction/tooltip.cjs"),o=require("./chart-base.cjs");function clearCartesianDom(t,n,r,i){e.removeChildren(t.series),e.removeChildren(t.grid),e.removeChildren(t.xAxis),e.removeChildren(t.yAxis),n?.update([]),r?.hide(),i?.hide()}function runScaffold(e,s,c,l,u){let render=e=>{},d=t.createTappers(),f=null,p=o.createChartBase(e,{a11y:s.a11y,chrome:()=>f?.el??null,margin:s.margin},()=>{d.emit({height:p.dimensions.height,type:`resize`,width:p.dimensions.width}),render(`resize`)}),m=s.tooltip?a.createTooltip(e,s.tooltip):null;f=s.legend?i.createLegend(e,s.legend,()=>p.syncChrome()):null;let h=new AbortController,g=c(p,m,f,h.signal,r.createAnnouncer(p.svg,`prism-live`)),_=!1,v=makeEventManager(p.svg);render=e=>{_||v.attach(l(g,e))};try{render(`mount`)}catch(e){throw _=!0,h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose(),e instanceof n.PrismRenderError?e:new n.PrismRenderError(`Failed to render chart.`,{cause:e})}return{get disposalSignal(){return h.signal},dispose(){_||(_=!0,d.emit({type:`dispose`}),d.stop(),h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose())},get disposed(){return _},el:p.svg,tap:d.tap,update(e){if(_)throw new n.PrismRenderError(`Cannot update a disposed chart.`);u(e),render(`update`)},[Symbol.dispose](){this.dispose()}}}function makeEventManager(e){let t=null;return{attach(n){t&&=(t.onMouseMove&&e.removeEventListener(`mousemove`,t.onMouseMove),t.onMouseLeave&&e.removeEventListener(`mouseleave`,t.onMouseLeave),t.onClick&&e.removeEventListener(`click`,t.onClick),t.onKeyDown&&e.removeEventListener(`keydown`,t.onKeyDown),null),n&&(t=n,n.onMouseMove&&e.addEventListener(`mousemove`,n.onMouseMove),n.onMouseLeave&&e.addEventListener(`mouseleave`,n.onMouseLeave),n.onClick&&e.addEventListener(`click`,n.onClick),n.onKeyDown&&e.addEventListener(`keydown`,n.onKeyDown))},detach(){this.attach(void 0)}}}function createChartScaffold(t,n,r,i){return runScaffold(t,n,(n,r,i,a,o)=>{let s={grid:e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-grid`}),series:e.createSvgElement(`g`,{class:`prism-series`}),xAxis:e.createSvgElement(`g`,{class:`prism-x-axis`}),yAxis:e.createSvgElement(`g`,{class:`prism-y-axis`})};return n.chartArea.appendChild(s.grid),n.chartArea.appendChild(s.xAxis),n.chartArea.appendChild(s.yAxis),n.chartArea.appendChild(s.series),{announcer:o,chartArea:n.chartArea,container:t,dimensions:n.dimensions,disposalSignal:a,groups:s,legend:i,svg:n.svg,tooltip:r}},r,i)}function createRadialScaffold(e,t,n,r){return runScaffold(e,t,(t,n,r,i,a)=>({announcer:a,container:e,dimensions:t.dimensions,disposalSignal:i,legend:r,svg:t.svg,tooltip:n}),n,r)}exports.clearCartesianDom=clearCartesianDom,exports.createChartScaffold=createChartScaffold,exports.createRadialScaffold=createRadialScaffold;
 //# sourceMappingURL=chart-scaffold.cjs.map

package/dist/core/chart-scaffold.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart-scaffold.cjs","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n  grid: SVGGElement;\n  series: SVGGElement;\n  xAxis: SVGGElement;\n  yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n  groups: ScaffoldGroups,\n  legend: LegendState | null,\n  tooltip: TooltipState | null,\n  crosshair?: CrosshairState | null,\n): void {\n  removeChildren(groups.series);\n  removeChildren(groups.grid);\n  removeChildren(groups.xAxis);\n  removeChildren(groups.yAxis);\n  legend?.update([]);\n  tooltip?.hide();\n  crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n  /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n  announcer: Announcer;\n  chartArea: SVGGElement;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  groups: ScaffoldGroups;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n  announcer: Announcer;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n  onClick?: (event: MouseEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onMouseLeave?: (event: MouseEvent) => void;\n  onMouseMove?: (event: MouseEvent) => void;\n}\n\nfunction runScaffold<TCtx, TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  buildCtx: (\n    base: {\n      chartArea: SVGGElement;\n      dimensions: ChartDimensions;\n      svg: SVGSVGElement;\n    },\n    tooltip: TooltipState | null,\n    legend: LegendState | null,\n    disposalSignal: AbortSignal,\n    announcer: Announcer,\n  ) => TCtx,\n  renderFn: (ctx: TCtx) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  let render = () => {};\n  const tappers = createTappers<PrismEvent>();\n  // The legend is created after the base (bottom legends append after the svg), but the\n  // chrome accessor runs only from the resize observer's async callback — by which time\n  // the legend exists — so the deferred reference is safe.\n  let legend: LegendState | null = null;\n  const base = createChartBase(\n    container,\n    { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      render();\n    },\n  );\n  const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n  legend = config.legend ? createLegend(container, config.legend) : null;\n  const ac = new AbortController();\n  const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n  let disposed = false;\n  const events = makeEventManager(base.svg);\n\n  render = () => {\n    if (disposed) return;\n    events.attach(renderFn(ctx));\n  };\n\n  try {\n    render();\n  } catch (error) {\n    disposed = true;\n    ac.abort();\n    events.detach();\n    tooltip?.dispose();\n    legend?.dispose();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n\n  return {\n    get disposalSignal(): AbortSignal {\n      return ac.signal;\n    },\n\n    dispose() {\n      if (disposed) return;\n\n      disposed = true;\n      tappers.emit({ type: 'dispose' });\n      tappers.stop();\n      ac.abort();\n      events.detach();\n      tooltip?.dispose();\n      legend?.dispose();\n      base.dispose();\n    },\n\n    get disposed(): boolean {\n      return disposed;\n    },\n\n    el: base.svg,\n\n    tap: tappers.tap,\n\n    update(data) {\n      if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n      updateData(data);\n      render();\n    },\n\n    [Symbol.dispose]() {\n      this.dispose();\n    },\n  };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n  attach(handlers: ChartEventHandlers | undefined): void;\n  detach(): void;\n} {\n  let active: ChartEventHandlers | null = null;\n\n  return {\n    attach(handlers) {\n      if (active) {\n        if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n        if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n        if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n        if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n        active = null;\n      }\n\n      if (!handlers) return;\n\n      active = handlers;\n\n      if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n      if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n      if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n      if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n    },\n    detach() {\n      this.attach(undefined);\n    },\n  };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: ScaffoldContext) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) => {\n      const groups: ScaffoldGroups = {\n        // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n        // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n        // `renderAxis` marks its own decorative tick lines/labels individually instead.\n        grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n        series: createSvgElement('g', { class: 'prism-series' }),\n        xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n        yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n      };\n\n      base.chartArea.appendChild(groups.grid);\n      base.chartArea.appendChild(groups.xAxis);\n      base.chartArea.appendChild(groups.yAxis);\n      base.chartArea.appendChild(groups.series);\n\n      return {\n        announcer,\n        chartArea: base.chartArea,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        groups,\n        legend,\n        svg: base.svg,\n        tooltip,\n      } satisfies ScaffoldContext;\n    },\n    renderFn,\n    updateData,\n  );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: RadialScaffoldContext) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) =>\n      ({\n        announcer,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        legend,\n        svg: base.svg,\n        tooltip,\n      }) satisfies RadialScaffoldContext,\n    renderFn,\n    updateData,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chart-scaffold.cjs","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n  grid: SVGGElement;\n  series: SVGGElement;\n  xAxis: SVGGElement;\n  yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n  groups: ScaffoldGroups,\n  legend: LegendState | null,\n  tooltip: TooltipState | null,\n  crosshair?: CrosshairState | null,\n): void {\n  removeChildren(groups.series);\n  removeChildren(groups.grid);\n  removeChildren(groups.xAxis);\n  removeChildren(groups.yAxis);\n  legend?.update([]);\n  tooltip?.hide();\n  crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n  /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n  announcer: Announcer;\n  chartArea: SVGGElement;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  groups: ScaffoldGroups;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n  announcer: Announcer;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n  onClick?: (event: MouseEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onMouseLeave?: (event: MouseEvent) => void;\n  onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  buildCtx: (\n    base: {\n      chartArea: SVGGElement;\n      dimensions: ChartDimensions;\n      svg: SVGSVGElement;\n    },\n    tooltip: TooltipState | null,\n    legend: LegendState | null,\n    disposalSignal: AbortSignal,\n    announcer: Announcer,\n  ) => TCtx,\n  renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  let render = (_reason: RenderReason) => {};\n  const tappers = createTappers<PrismEvent>();\n  // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n  // so the first observer notification does not interrupt the entrance.\n  let legend: LegendState | null = null;\n  const base = createChartBase(\n    container,\n    { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      render('resize');\n    },\n  );\n  const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n  legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n  const ac = new AbortController();\n  const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n  let disposed = false;\n  const events = makeEventManager(base.svg);\n\n  render = (reason) => {\n    if (disposed) return;\n    events.attach(renderFn(ctx, reason));\n  };\n\n  try {\n    render('mount');\n  } catch (error) {\n    disposed = true;\n    ac.abort();\n    events.detach();\n    tooltip?.dispose();\n    legend?.dispose();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n\n  return {\n    get disposalSignal(): AbortSignal {\n      return ac.signal;\n    },\n\n    dispose() {\n      if (disposed) return;\n\n      disposed = true;\n      tappers.emit({ type: 'dispose' });\n      tappers.stop();\n      ac.abort();\n      events.detach();\n      tooltip?.dispose();\n      legend?.dispose();\n      base.dispose();\n    },\n\n    get disposed(): boolean {\n      return disposed;\n    },\n\n    el: base.svg,\n\n    tap: tappers.tap,\n\n    update(data) {\n      if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n      updateData(data);\n      render('update');\n    },\n\n    [Symbol.dispose]() {\n      this.dispose();\n    },\n  };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n  attach(handlers: ChartEventHandlers | undefined): void;\n  detach(): void;\n} {\n  let active: ChartEventHandlers | null = null;\n\n  return {\n    attach(handlers) {\n      if (active) {\n        if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n        if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n        if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n        if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n        active = null;\n      }\n\n      if (!handlers) return;\n\n      active = handlers;\n\n      if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n      if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n      if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n      if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n    },\n    detach() {\n      this.attach(undefined);\n    },\n  };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) => {\n      const groups: ScaffoldGroups = {\n        // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n        // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n        // `renderAxis` marks its own decorative tick lines/labels individually instead.\n        grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n        series: createSvgElement('g', { class: 'prism-series' }),\n        xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n        yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n      };\n\n      base.chartArea.appendChild(groups.grid);\n      base.chartArea.appendChild(groups.xAxis);\n      base.chartArea.appendChild(groups.yAxis);\n      base.chartArea.appendChild(groups.series);\n\n      return {\n        announcer,\n        chartArea: base.chartArea,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        groups,\n        legend,\n        svg: base.svg,\n        tooltip,\n      } satisfies ScaffoldContext;\n    },\n    renderFn,\n    updateData,\n  );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) =>\n      ({\n        announcer,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        legend,\n        svg: base.svg,\n        tooltip,\n      }) satisfies RadialScaffoldContext,\n    renderFn,\n    updateData,\n  );\n}\n"],"mappings":"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"}

package/dist/core/chart-scaffold.d.ts

@@ -44,15 +44,17 @@ export interface ChartEventHandlers {
     onMouseLeave?: (event: MouseEvent) => void;
     onMouseMove?: (event: MouseEvent) => void;
 }
+type RenderReason = 'mount' | 'resize' | 'update';
 /**
  * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.
  * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced
  * after every data update or resize.
  */
-export declare function createChartScaffold<TData>(container: HTMLElement, config: BaseChartConfig, renderFn: (ctx: ScaffoldContext) => ChartEventHandlers | undefined, updateData: (data: TData) => void): ChartHandle<TData>;
+export declare function createChartScaffold<TData>(container: HTMLElement, config: BaseChartConfig, renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined, updateData: (data: TData) => void): ChartHandle<TData>;
 /**
  * Radial scaffold: for charts that do not use cartesian axis groups
  * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.
  */
-export declare function createRadialScaffold<TData>(container: HTMLElement, config: BaseChartConfig, renderFn: (ctx: RadialScaffoldContext) => ChartEventHandlers | undefined, updateData: (data: TData) => void): ChartHandle<TData>;
+export declare function createRadialScaffold<TData>(container: HTMLElement, config: BaseChartConfig, renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined, updateData: (data: TData) => void): ChartHandle<TData>;
+export {};
 //# sourceMappingURL=chart-scaffold.d.ts.map

package/dist/core/chart-scaffold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-scaffold.d.ts","sourceRoot":"","sources":["../../src/core/chart-scaffold.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAc,MAAM,UAAU,CAAC;AAG1F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,OAAO,EAAE,YAAY,GAAG,IAAI,EAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,GAChC,IAAI,CAQN;AAED,MAAM,WAAW,eAAe;IAC9B,kGAAkG;IAClG,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,iIAAiI;IACjI,cAAc,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,iIAAiI;IACjI,cAAc,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C;AAsID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EACvC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,kBAAkB,GAAG,SAAS,EAClE,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,GAChC,WAAW,CAAC,KAAK,CAAC,CAmCpB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EACxC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,kBAAkB,GAAG,SAAS,EACxE,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,GAChC,WAAW,CAAC,KAAK,CAAC,CAiBpB"}
+{"version":3,"file":"chart-scaffold.d.ts","sourceRoot":"","sources":["../../src/core/chart-scaffold.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAc,MAAM,UAAU,CAAC;AAG1F,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,OAAO,EAAE,YAAY,GAAG,IAAI,EAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,GAChC,IAAI,CAQN;AAED,MAAM,WAAW,eAAe;IAC9B,kGAAkG;IAClG,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,iIAAiI;IACjI,cAAc,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,iIAAiI;IACjI,cAAc,EAAE,WAAW,CAAC;IAC5B,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC3C;AAED,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAqIlD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EACvC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,YAAY,KAAK,kBAAkB,GAAG,SAAS,EACxF,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,GAChC,WAAW,CAAC,KAAK,CAAC,CAmCpB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EACxC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,YAAY,KAAK,kBAAkB,GAAG,SAAS,EAC9F,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,GAChC,WAAW,CAAC,KAAK,CAAC,CAiBpB"}

package/dist/core/chart-scaffold.js

@@ -1,2 +1,2 @@
-import{createSvgElement as e,removeChildren as t}from"../svg/element.js";import{createTappers as n}from"../_tappers.js";import{PrismRenderError as r}from"../errors.js";import{createAnnouncer as i}from"../interaction/announcer.js";import{createLegend as a}from"../interaction/legend.js";import{createTooltip as o}from"../interaction/tooltip.js";import{createChartBase as s}from"./chart-base.js";function clearCartesianDom(e,n,r,i){t(e.series),t(e.grid),t(e.xAxis),t(e.yAxis),n?.update([]),r?.hide(),i?.hide()}function runScaffold(e,t,c,l,u){let render=()=>{},d=n(),f=null,p=s(e,{a11y:t.a11y,chrome:()=>f?.el??null,margin:t.margin},()=>{d.emit({height:p.dimensions.height,type:`resize`,width:p.dimensions.width}),render()}),m=t.tooltip?o(e,t.tooltip):null;f=t.legend?a(e,t.legend):null;let h=new AbortController,g=c(p,m,f,h.signal,i(p.svg,`prism-live`)),_=!1,v=makeEventManager(p.svg);render=()=>{_||v.attach(l(g))};try{render()}catch(e){throw _=!0,h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose(),e instanceof r?e:new r(`Failed to render chart.`,{cause:e})}return{get disposalSignal(){return h.signal},dispose(){_||(_=!0,d.emit({type:`dispose`}),d.stop(),h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose())},get disposed(){return _},el:p.svg,tap:d.tap,update(e){if(_)throw new r(`Cannot update a disposed chart.`);u(e),render()},[Symbol.dispose](){this.dispose()}}}function makeEventManager(e){let t=null;return{attach(n){t&&=(t.onMouseMove&&e.removeEventListener(`mousemove`,t.onMouseMove),t.onMouseLeave&&e.removeEventListener(`mouseleave`,t.onMouseLeave),t.onClick&&e.removeEventListener(`click`,t.onClick),t.onKeyDown&&e.removeEventListener(`keydown`,t.onKeyDown),null),n&&(t=n,n.onMouseMove&&e.addEventListener(`mousemove`,n.onMouseMove),n.onMouseLeave&&e.addEventListener(`mouseleave`,n.onMouseLeave),n.onClick&&e.addEventListener(`click`,n.onClick),n.onKeyDown&&e.addEventListener(`keydown`,n.onKeyDown))},detach(){this.attach(void 0)}}}function createChartScaffold(t,n,r,i){return runScaffold(t,n,(n,r,i,a,o)=>{let s={grid:e(`g`,{"aria-hidden":`true`,class:`prism-grid`}),series:e(`g`,{class:`prism-series`}),xAxis:e(`g`,{class:`prism-x-axis`}),yAxis:e(`g`,{class:`prism-y-axis`})};return n.chartArea.appendChild(s.grid),n.chartArea.appendChild(s.xAxis),n.chartArea.appendChild(s.yAxis),n.chartArea.appendChild(s.series),{announcer:o,chartArea:n.chartArea,container:t,dimensions:n.dimensions,disposalSignal:a,groups:s,legend:i,svg:n.svg,tooltip:r}},r,i)}function createRadialScaffold(e,t,n,r){return runScaffold(e,t,(t,n,r,i,a)=>({announcer:a,container:e,dimensions:t.dimensions,disposalSignal:i,legend:r,svg:t.svg,tooltip:n}),n,r)}export{clearCartesianDom,createChartScaffold,createRadialScaffold};
+import{createSvgElement as e,removeChildren as t}from"../svg/element.js";import{createTappers as n}from"../_tappers.js";import{PrismRenderError as r}from"../errors.js";import{createAnnouncer as i}from"../interaction/announcer.js";import{createLegend as a}from"../interaction/legend.js";import{createTooltip as o}from"../interaction/tooltip.js";import{createChartBase as s}from"./chart-base.js";function clearCartesianDom(e,n,r,i){t(e.series),t(e.grid),t(e.xAxis),t(e.yAxis),n?.update([]),r?.hide(),i?.hide()}function runScaffold(e,t,c,l,u){let render=e=>{},d=n(),f=null,p=s(e,{a11y:t.a11y,chrome:()=>f?.el??null,margin:t.margin},()=>{d.emit({height:p.dimensions.height,type:`resize`,width:p.dimensions.width}),render(`resize`)}),m=t.tooltip?o(e,t.tooltip):null;f=t.legend?a(e,t.legend,()=>p.syncChrome()):null;let h=new AbortController,g=c(p,m,f,h.signal,i(p.svg,`prism-live`)),_=!1,v=makeEventManager(p.svg);render=e=>{_||v.attach(l(g,e))};try{render(`mount`)}catch(e){throw _=!0,h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose(),e instanceof r?e:new r(`Failed to render chart.`,{cause:e})}return{get disposalSignal(){return h.signal},dispose(){_||(_=!0,d.emit({type:`dispose`}),d.stop(),h.abort(),v.detach(),m?.dispose(),f?.dispose(),p.dispose())},get disposed(){return _},el:p.svg,tap:d.tap,update(e){if(_)throw new r(`Cannot update a disposed chart.`);u(e),render(`update`)},[Symbol.dispose](){this.dispose()}}}function makeEventManager(e){let t=null;return{attach(n){t&&=(t.onMouseMove&&e.removeEventListener(`mousemove`,t.onMouseMove),t.onMouseLeave&&e.removeEventListener(`mouseleave`,t.onMouseLeave),t.onClick&&e.removeEventListener(`click`,t.onClick),t.onKeyDown&&e.removeEventListener(`keydown`,t.onKeyDown),null),n&&(t=n,n.onMouseMove&&e.addEventListener(`mousemove`,n.onMouseMove),n.onMouseLeave&&e.addEventListener(`mouseleave`,n.onMouseLeave),n.onClick&&e.addEventListener(`click`,n.onClick),n.onKeyDown&&e.addEventListener(`keydown`,n.onKeyDown))},detach(){this.attach(void 0)}}}function createChartScaffold(t,n,r,i){return runScaffold(t,n,(n,r,i,a,o)=>{let s={grid:e(`g`,{"aria-hidden":`true`,class:`prism-grid`}),series:e(`g`,{class:`prism-series`}),xAxis:e(`g`,{class:`prism-x-axis`}),yAxis:e(`g`,{class:`prism-y-axis`})};return n.chartArea.appendChild(s.grid),n.chartArea.appendChild(s.xAxis),n.chartArea.appendChild(s.yAxis),n.chartArea.appendChild(s.series),{announcer:o,chartArea:n.chartArea,container:t,dimensions:n.dimensions,disposalSignal:a,groups:s,legend:i,svg:n.svg,tooltip:r}},r,i)}function createRadialScaffold(e,t,n,r){return runScaffold(e,t,(t,n,r,i,a)=>({announcer:a,container:e,dimensions:t.dimensions,disposalSignal:i,legend:r,svg:t.svg,tooltip:n}),n,r)}export{clearCartesianDom,createChartScaffold,createRadialScaffold};
 //# sourceMappingURL=chart-scaffold.js.map

package/dist/core/chart-scaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-scaffold.js","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n  grid: SVGGElement;\n  series: SVGGElement;\n  xAxis: SVGGElement;\n  yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n  groups: ScaffoldGroups,\n  legend: LegendState | null,\n  tooltip: TooltipState | null,\n  crosshair?: CrosshairState | null,\n): void {\n  removeChildren(groups.series);\n  removeChildren(groups.grid);\n  removeChildren(groups.xAxis);\n  removeChildren(groups.yAxis);\n  legend?.update([]);\n  tooltip?.hide();\n  crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n  /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n  announcer: Announcer;\n  chartArea: SVGGElement;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  groups: ScaffoldGroups;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n  announcer: Announcer;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n  onClick?: (event: MouseEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onMouseLeave?: (event: MouseEvent) => void;\n  onMouseMove?: (event: MouseEvent) => void;\n}\n\nfunction runScaffold<TCtx, TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  buildCtx: (\n    base: {\n      chartArea: SVGGElement;\n      dimensions: ChartDimensions;\n      svg: SVGSVGElement;\n    },\n    tooltip: TooltipState | null,\n    legend: LegendState | null,\n    disposalSignal: AbortSignal,\n    announcer: Announcer,\n  ) => TCtx,\n  renderFn: (ctx: TCtx) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  let render = () => {};\n  const tappers = createTappers<PrismEvent>();\n  // The legend is created after the base (bottom legends append after the svg), but the\n  // chrome accessor runs only from the resize observer's async callback — by which time\n  // the legend exists — so the deferred reference is safe.\n  let legend: LegendState | null = null;\n  const base = createChartBase(\n    container,\n    { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      render();\n    },\n  );\n  const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n  legend = config.legend ? createLegend(container, config.legend) : null;\n  const ac = new AbortController();\n  const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n  let disposed = false;\n  const events = makeEventManager(base.svg);\n\n  render = () => {\n    if (disposed) return;\n    events.attach(renderFn(ctx));\n  };\n\n  try {\n    render();\n  } catch (error) {\n    disposed = true;\n    ac.abort();\n    events.detach();\n    tooltip?.dispose();\n    legend?.dispose();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n\n  return {\n    get disposalSignal(): AbortSignal {\n      return ac.signal;\n    },\n\n    dispose() {\n      if (disposed) return;\n\n      disposed = true;\n      tappers.emit({ type: 'dispose' });\n      tappers.stop();\n      ac.abort();\n      events.detach();\n      tooltip?.dispose();\n      legend?.dispose();\n      base.dispose();\n    },\n\n    get disposed(): boolean {\n      return disposed;\n    },\n\n    el: base.svg,\n\n    tap: tappers.tap,\n\n    update(data) {\n      if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n      updateData(data);\n      render();\n    },\n\n    [Symbol.dispose]() {\n      this.dispose();\n    },\n  };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n  attach(handlers: ChartEventHandlers | undefined): void;\n  detach(): void;\n} {\n  let active: ChartEventHandlers | null = null;\n\n  return {\n    attach(handlers) {\n      if (active) {\n        if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n        if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n        if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n        if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n        active = null;\n      }\n\n      if (!handlers) return;\n\n      active = handlers;\n\n      if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n      if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n      if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n      if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n    },\n    detach() {\n      this.attach(undefined);\n    },\n  };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: ScaffoldContext) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) => {\n      const groups: ScaffoldGroups = {\n        // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n        // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n        // `renderAxis` marks its own decorative tick lines/labels individually instead.\n        grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n        series: createSvgElement('g', { class: 'prism-series' }),\n        xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n        yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n      };\n\n      base.chartArea.appendChild(groups.grid);\n      base.chartArea.appendChild(groups.xAxis);\n      base.chartArea.appendChild(groups.yAxis);\n      base.chartArea.appendChild(groups.series);\n\n      return {\n        announcer,\n        chartArea: base.chartArea,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        groups,\n        legend,\n        svg: base.svg,\n        tooltip,\n      } satisfies ScaffoldContext;\n    },\n    renderFn,\n    updateData,\n  );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: RadialScaffoldContext) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) =>\n      ({\n        announcer,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        legend,\n        svg: base.svg,\n        tooltip,\n      }) satisfies RadialScaffoldContext,\n    renderFn,\n    updateData,\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chart-scaffold.js","names":[],"sources":["../../src/core/chart-scaffold.ts"],"sourcesContent":["import { createTappers } from '../_tappers';\nimport { PrismRenderError } from '../errors';\nimport { type Announcer, createAnnouncer } from '../interaction/announcer';\nimport type { CrosshairState } from '../interaction/crosshair';\nimport type { LegendState } from '../interaction/legend';\nimport { createLegend } from '../interaction/legend';\nimport type { TooltipState } from '../interaction/tooltip';\nimport { createTooltip } from '../interaction/tooltip';\nimport { createSvgElement, removeChildren } from '../svg/element';\nimport type { BaseChartConfig, ChartDimensions, ChartHandle, PrismEvent } from '../types';\nimport { createChartBase } from './chart-base';\n\nexport interface ScaffoldGroups {\n  grid: SVGGElement;\n  series: SVGGElement;\n  xAxis: SVGGElement;\n  yAxis: SVGGElement;\n}\n\n/**\n * Clears a cartesian chart's series/grid/axis groups and hides its legend/tooltip/crosshair :\n * shared by every cartesian chart factory's \"no data\" early-return so an update\n * to empty data leaves a fully blank chart, not a half-cleared one.\n */\nexport function clearCartesianDom(\n  groups: ScaffoldGroups,\n  legend: LegendState | null,\n  tooltip: TooltipState | null,\n  crosshair?: CrosshairState | null,\n): void {\n  removeChildren(groups.series);\n  removeChildren(groups.grid);\n  removeChildren(groups.xAxis);\n  removeChildren(groups.yAxis);\n  legend?.update([]);\n  tooltip?.hide();\n  crosshair?.hide();\n}\n\nexport interface ScaffoldContext {\n  /** Speaks hover/keyboard values when no tooltip is shown (the tooltip is its own live region). */\n  announcer: Announcer;\n  chartArea: SVGGElement;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  groups: ScaffoldGroups;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface RadialScaffoldContext {\n  announcer: Announcer;\n  container: HTMLElement;\n  dimensions: ChartDimensions;\n  /** Aborted when the chart is disposed: renderers use this to stop rescheduling in-flight `requestAnimationFrame` transitions. */\n  disposalSignal: AbortSignal;\n  legend: LegendState | null;\n  svg: SVGSVGElement;\n  tooltip: TooltipState | null;\n}\n\nexport interface ChartEventHandlers {\n  onClick?: (event: MouseEvent) => void;\n  onKeyDown?: (event: KeyboardEvent) => void;\n  onMouseLeave?: (event: MouseEvent) => void;\n  onMouseMove?: (event: MouseEvent) => void;\n}\n\ntype RenderReason = 'mount' | 'resize' | 'update';\n\nfunction runScaffold<TCtx, TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  buildCtx: (\n    base: {\n      chartArea: SVGGElement;\n      dimensions: ChartDimensions;\n      svg: SVGSVGElement;\n    },\n    tooltip: TooltipState | null,\n    legend: LegendState | null,\n    disposalSignal: AbortSignal,\n    announcer: Announcer,\n  ) => TCtx,\n  renderFn: (ctx: TCtx, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  let render = (_reason: RenderReason) => {};\n  const tappers = createTappers<PrismEvent>();\n  // Bottom legends follow the SVG. Populate them before measuring chart geometry,\n  // so the first observer notification does not interrupt the entrance.\n  let legend: LegendState | null = null;\n  const base = createChartBase(\n    container,\n    { a11y: config.a11y, chrome: () => legend?.el ?? null, margin: config.margin },\n    () => {\n      tappers.emit({ height: base.dimensions.height, type: 'resize', width: base.dimensions.width });\n      render('resize');\n    },\n  );\n  const tooltip = config.tooltip ? createTooltip(container, config.tooltip) : null;\n  legend = config.legend ? createLegend(container, config.legend, () => base.syncChrome()) : null;\n  const ac = new AbortController();\n  const ctx = buildCtx(base, tooltip, legend, ac.signal, createAnnouncer(base.svg, 'prism-live'));\n\n  let disposed = false;\n  const events = makeEventManager(base.svg);\n\n  render = (reason) => {\n    if (disposed) return;\n    events.attach(renderFn(ctx, reason));\n  };\n\n  try {\n    render('mount');\n  } catch (error) {\n    disposed = true;\n    ac.abort();\n    events.detach();\n    tooltip?.dispose();\n    legend?.dispose();\n    base.dispose();\n    throw error instanceof PrismRenderError ? error : new PrismRenderError('Failed to render chart.', { cause: error });\n  }\n\n  return {\n    get disposalSignal(): AbortSignal {\n      return ac.signal;\n    },\n\n    dispose() {\n      if (disposed) return;\n\n      disposed = true;\n      tappers.emit({ type: 'dispose' });\n      tappers.stop();\n      ac.abort();\n      events.detach();\n      tooltip?.dispose();\n      legend?.dispose();\n      base.dispose();\n    },\n\n    get disposed(): boolean {\n      return disposed;\n    },\n\n    el: base.svg,\n\n    tap: tappers.tap,\n\n    update(data) {\n      if (disposed) throw new PrismRenderError('Cannot update a disposed chart.');\n      updateData(data);\n      render('update');\n    },\n\n    [Symbol.dispose]() {\n      this.dispose();\n    },\n  };\n}\n\nfunction makeEventManager(svg: SVGSVGElement): {\n  attach(handlers: ChartEventHandlers | undefined): void;\n  detach(): void;\n} {\n  let active: ChartEventHandlers | null = null;\n\n  return {\n    attach(handlers) {\n      if (active) {\n        if (active.onMouseMove) svg.removeEventListener('mousemove', active.onMouseMove);\n\n        if (active.onMouseLeave) svg.removeEventListener('mouseleave', active.onMouseLeave);\n\n        if (active.onClick) svg.removeEventListener('click', active.onClick);\n\n        if (active.onKeyDown) svg.removeEventListener('keydown', active.onKeyDown);\n\n        active = null;\n      }\n\n      if (!handlers) return;\n\n      active = handlers;\n\n      if (handlers.onMouseMove) svg.addEventListener('mousemove', handlers.onMouseMove);\n\n      if (handlers.onMouseLeave) svg.addEventListener('mouseleave', handlers.onMouseLeave);\n\n      if (handlers.onClick) svg.addEventListener('click', handlers.onClick);\n\n      if (handlers.onKeyDown) svg.addEventListener('keydown', handlers.onKeyDown);\n    },\n    detach() {\n      this.attach(undefined);\n    },\n  };\n}\n\n/**\n * Cartesian scaffold: provides grid/axis/series SVG groups and a render loop.\n * `renderFn` returns optional `ChartEventHandlers` that are attached/replaced\n * after every data update or resize.\n */\nexport function createChartScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: ScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) => {\n      const groups: ScaffoldGroups = {\n        // Grid lines are purely decorative relative to the root svg's own role=\"img\"/aria-label.\n        // Axis groups are NOT hidden wholesale: they can contain a meaningful `.prism-axis-title`;\n        // `renderAxis` marks its own decorative tick lines/labels individually instead.\n        grid: createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-grid' }),\n        series: createSvgElement('g', { class: 'prism-series' }),\n        xAxis: createSvgElement('g', { class: 'prism-x-axis' }),\n        yAxis: createSvgElement('g', { class: 'prism-y-axis' }),\n      };\n\n      base.chartArea.appendChild(groups.grid);\n      base.chartArea.appendChild(groups.xAxis);\n      base.chartArea.appendChild(groups.yAxis);\n      base.chartArea.appendChild(groups.series);\n\n      return {\n        announcer,\n        chartArea: base.chartArea,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        groups,\n        legend,\n        svg: base.svg,\n        tooltip,\n      } satisfies ScaffoldContext;\n    },\n    renderFn,\n    updateData,\n  );\n}\n\n/**\n * Radial scaffold: for charts that do not use cartesian axis groups\n * (pie, donut, semi). Provides only tooltip, legend, and the SVG root.\n */\nexport function createRadialScaffold<TData>(\n  container: HTMLElement,\n  config: BaseChartConfig,\n  renderFn: (ctx: RadialScaffoldContext, reason: RenderReason) => ChartEventHandlers | undefined,\n  updateData: (data: TData) => void,\n): ChartHandle<TData> {\n  return runScaffold(\n    container,\n    config,\n    (base, tooltip, legend, disposalSignal, announcer) =>\n      ({\n        announcer,\n        container,\n        dimensions: base.dimensions,\n        disposalSignal,\n        legend,\n        svg: base.svg,\n        tooltip,\n      }) satisfies RadialScaffoldContext,\n    renderFn,\n    updateData,\n  );\n}\n"],"mappings":"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"}

package/dist/core/responsive.cjs

@@ -1,2 +1,2 @@
-function observeResize(e,t){let n=null,r=new ResizeObserver(e=>{n!==null&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{n=null;let r=e[0];if(r){let{height:e,width:n}=r.contentRect;t(n,e)}})});return r.observe(e),()=>{n!==null&&cancelAnimationFrame(n),r.disconnect()}}exports.observeResize=observeResize;
+function observeResize(e,t){if(typeof ResizeObserver>`u`)return()=>{};let n=null,r=new ResizeObserver(e=>{n!==null&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{n=null;let r=e[0];if(r){let{height:e,width:n}=r.contentRect;t(n,e)}})});return r.observe(e),()=>{n!==null&&cancelAnimationFrame(n),r.disconnect()}}exports.observeResize=observeResize;
 //# sourceMappingURL=responsive.cjs.map

package/dist/core/responsive.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.cjs","names":[],"sources":["../../src/core/responsive.ts"],"sourcesContent":["export function observeResize(el: HTMLElement, callback: (width: number, height: number) => void): () => void {\n  let rafId: number | null = null;\n\n  const observer = new ResizeObserver((entries) => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    rafId = requestAnimationFrame(() => {\n      rafId = null;\n\n      const entry = entries[0];\n\n      if (entry) {\n        const { height, width } = entry.contentRect;\n\n        callback(width, height);\n      }\n    });\n  });\n\n  observer.observe(el);\n\n  return () => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    observer.disconnect();\n  };\n}\n"],"mappings":"AAAA,SAAgB,cAAc,EAAiB,EAA+D,CAC5G,IAAI,EAAuB,KAErB,EAAW,IAAI,eAAgB,GAAY,CAC3C,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAQ,0BAA4B,CAClC,EAAQ,KAER,IAAM,EAAQ,EAAQ,GAEtB,GAAI,EAAO,CACT,GAAM,CAAE,SAAQ,SAAU,EAAM,YAEhC,EAAS,EAAO,CAAM,CACxB,CACF,CAAC,CACH,CAAC,EAID,OAFA,EAAS,QAAQ,CAAE,MAEN,CACP,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAS,WAAW,CACtB,CACF"}
+{"version":3,"file":"responsive.cjs","names":[],"sources":["../../src/core/responsive.ts"],"sourcesContent":["export function observeResize(el: HTMLElement, callback: (width: number, height: number) => void): () => void {\n  // Environments without ResizeObserver (jsdom, SSR) get a no-op subscription: the chart\n  // keeps its initial getBoundingClientRect size and never observes, instead of throwing.\n  if (typeof ResizeObserver === 'undefined') return () => {};\n\n  let rafId: number | null = null;\n\n  const observer = new ResizeObserver((entries) => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    rafId = requestAnimationFrame(() => {\n      rafId = null;\n\n      const entry = entries[0];\n\n      if (entry) {\n        const { height, width } = entry.contentRect;\n\n        callback(width, height);\n      }\n    });\n  });\n\n  observer.observe(el);\n\n  return () => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    observer.disconnect();\n  };\n}\n"],"mappings":"AAAA,SAAgB,cAAc,EAAiB,EAA+D,CAG5G,GAAI,OAAO,eAAmB,IAAa,UAAa,CAAC,EAEzD,IAAI,EAAuB,KAErB,EAAW,IAAI,eAAgB,GAAY,CAC3C,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAQ,0BAA4B,CAClC,EAAQ,KAER,IAAM,EAAQ,EAAQ,GAEtB,GAAI,EAAO,CACT,GAAM,CAAE,SAAQ,SAAU,EAAM,YAEhC,EAAS,EAAO,CAAM,CACxB,CACF,CAAC,CACH,CAAC,EAID,OAFA,EAAS,QAAQ,CAAE,MAEN,CACP,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAS,WAAW,CACtB,CACF"}

package/dist/core/responsive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/core/responsive.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CA0B5G"}
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/core/responsive.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CA8B5G"}

package/dist/core/responsive.js

@@ -1,2 +1,2 @@
-function observeResize(e,t){let n=null,r=new ResizeObserver(e=>{n!==null&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{n=null;let r=e[0];if(r){let{height:e,width:n}=r.contentRect;t(n,e)}})});return r.observe(e),()=>{n!==null&&cancelAnimationFrame(n),r.disconnect()}}export{observeResize};
+function observeResize(e,t){if(typeof ResizeObserver>`u`)return()=>{};let n=null,r=new ResizeObserver(e=>{n!==null&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{n=null;let r=e[0];if(r){let{height:e,width:n}=r.contentRect;t(n,e)}})});return r.observe(e),()=>{n!==null&&cancelAnimationFrame(n),r.disconnect()}}export{observeResize};
 //# sourceMappingURL=responsive.js.map

package/dist/core/responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.js","names":[],"sources":["../../src/core/responsive.ts"],"sourcesContent":["export function observeResize(el: HTMLElement, callback: (width: number, height: number) => void): () => void {\n  let rafId: number | null = null;\n\n  const observer = new ResizeObserver((entries) => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    rafId = requestAnimationFrame(() => {\n      rafId = null;\n\n      const entry = entries[0];\n\n      if (entry) {\n        const { height, width } = entry.contentRect;\n\n        callback(width, height);\n      }\n    });\n  });\n\n  observer.observe(el);\n\n  return () => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    observer.disconnect();\n  };\n}\n"],"mappings":"AAAA,SAAgB,cAAc,EAAiB,EAA+D,CAC5G,IAAI,EAAuB,KAErB,EAAW,IAAI,eAAgB,GAAY,CAC3C,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAQ,0BAA4B,CAClC,EAAQ,KAER,IAAM,EAAQ,EAAQ,GAEtB,GAAI,EAAO,CACT,GAAM,CAAE,SAAQ,SAAU,EAAM,YAEhC,EAAS,EAAO,CAAM,CACxB,CACF,CAAC,CACH,CAAC,EAID,OAFA,EAAS,QAAQ,CAAE,MAEN,CACP,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAS,WAAW,CACtB,CACF"}
+{"version":3,"file":"responsive.js","names":[],"sources":["../../src/core/responsive.ts"],"sourcesContent":["export function observeResize(el: HTMLElement, callback: (width: number, height: number) => void): () => void {\n  // Environments without ResizeObserver (jsdom, SSR) get a no-op subscription: the chart\n  // keeps its initial getBoundingClientRect size and never observes, instead of throwing.\n  if (typeof ResizeObserver === 'undefined') return () => {};\n\n  let rafId: number | null = null;\n\n  const observer = new ResizeObserver((entries) => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    rafId = requestAnimationFrame(() => {\n      rafId = null;\n\n      const entry = entries[0];\n\n      if (entry) {\n        const { height, width } = entry.contentRect;\n\n        callback(width, height);\n      }\n    });\n  });\n\n  observer.observe(el);\n\n  return () => {\n    if (rafId !== null) cancelAnimationFrame(rafId);\n\n    observer.disconnect();\n  };\n}\n"],"mappings":"AAAA,SAAgB,cAAc,EAAiB,EAA+D,CAG5G,GAAI,OAAO,eAAmB,IAAa,UAAa,CAAC,EAEzD,IAAI,EAAuB,KAErB,EAAW,IAAI,eAAgB,GAAY,CAC3C,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAQ,0BAA4B,CAClC,EAAQ,KAER,IAAM,EAAQ,EAAQ,GAEtB,GAAI,EAAO,CACT,GAAM,CAAE,SAAQ,SAAU,EAAM,YAEhC,EAAS,EAAO,CAAM,CACxB,CACF,CAAC,CACH,CAAC,EAID,OAFA,EAAS,QAAQ,CAAE,MAEN,CACP,IAAU,MAAM,qBAAqB,CAAK,EAE9C,EAAS,WAAW,CACtB,CACF"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { EasingFn } from './animation/easing';
+export type { EasingFn, EasingName } from './animation/easing';
 export { createAreaChart } from './charts/area';
 export { createBarChart } from './charts/bar';
 export { createLineChart } from './charts/line';
@@ -11,5 +11,5 @@ export { linearScale } from './scales/linear';
 export { timeScale } from './scales/time';
 export type { BandScaleConfig, LinearScaleConfig, TimeScaleConfig } from './scales/types';
 export { resetTheme, seriesColor, setTheme } from './theme';
-export type { AreaChartConfig, AreaSeriesConfig, AxisConfig, AxisPosition, BandScale, BarChartConfig, BarSeriesConfig, BarVariant, BaseChartConfig, ChartA11y, ChartDimensions, ChartEvent, ChartHandle, ChartMargin, ContinuousDatum, CrosshairConfig, Datum, GridConfig, HorizontalAxisPosition, LegendConfig, LegendPosition, LineChartConfig, LineSeriesConfig, PieChartConfig, PieEvent, PieSliceConfig, PieVariant, PrismEvent, PrismTheme, RadarAxisConfig, RadarAxisValue, RadarChartConfig, RadarEvent, RadarGridConfig, RadarSeriesConfig, Scale, Series, SeriesValue, SparklineConfig, SparklineEvent, SparklineVariant, StackSegment, TooltipConfig, TransitionConfig, VerticalAxisPosition, XAxisConfig, YAxisConfig, } from './types';
+export type { AreaChartConfig, AreaSeriesConfig, AxisConfig, AxisPosition, BandScale, BarChartConfig, BarSeriesConfig, BarVariant, BaseChartConfig, ChartA11y, ChartDimensions, ChartEvent, ChartHandle, ChartMargin, ContinuousDatum, CrosshairConfig, Datum, GridConfig, HorizontalAxisPosition, LegendConfig, LegendPosition, LineChartConfig, LineSeriesConfig, PieChartConfig, PieEvent, PieSliceConfig, PieVariant, PrismEvent, PrismTheme, RadarAxisConfig, RadarAxisValue, RadarChartConfig, RadarEvent, RadarGridConfig, RadarSeriesConfig, Scale, Series, SeriesValue, SparklineConfig, SparklineEvent, SparklineVariant, StackSegment, ThemeScope, TooltipConfig, TransitionConfig, TransitionOption, VerticalAxisPosition, XAxisConfig, YAxisConfig, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE1F,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,UAAU,EACV,eAAe,EACf,SAAS,EACT,eAAe,EACf,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,EACf,KAAK,EACL,UAAU,EACV,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE1F,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,EACf,UAAU,EACV,eAAe,EACf,SAAS,EACT,eAAe,EACf,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,eAAe,EACf,KAAK,EACL,UAAU,EACV,sBAAsB,EACtB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,WAAW,EACX,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/interaction/crosshair.cjs

@@ -1,2 +1,2 @@
-const e=require("../svg/element.cjs");function createCrosshair(t,n){let r=n===!0||n?.vertical!==!1,i=n!==!0&&n?.horizontal===!0,a=n===!0||n?.snap!==!1,o=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-crosshair`,style:`display:none`}),s=r?e.createSvgElement(`line`,{class:`prism-crosshair-v`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null,c=i?e.createSvgElement(`line`,{class:`prism-crosshair-h`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null;return s&&o.appendChild(s),c&&o.appendChild(c),t.appendChild(o),{hide(){o.style.display=`none`},show(t,n,r,i){o.style.display=``,s&&e.setAttributes(s,{x1:t,x2:t,y1:0,y2:i}),c&&e.setAttributes(c,{x1:0,x2:r,y1:n,y2:n})},snap:a}}exports.createCrosshair=createCrosshair;
+const e=require("../svg/element.cjs");function createCrosshair(t,n){let r=n===!0||n?.vertical!==!1,i=n!==!0&&n?.horizontal===!0,a=n===!0||n?.snap!==!1,o=e.createSvgElement(`g`,{"aria-hidden":`true`,class:`prism-crosshair`,style:`display:none`}),s=r?e.createSvgElement(`line`,{class:`prism-crosshair-v`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null,c=i?e.createSvgElement(`line`,{class:`prism-crosshair-h`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null;return s&&o.appendChild(s),c&&o.appendChild(c),t.appendChild(o),{hide(){o.style.display=`none`},show(t,n,r,i){o.style.display=``,s&&(e.setAttributes(s,{x1:0,x2:0,y1:0,y2:i}),s.style.transform=`translateX(${t}px)`),c&&(e.setAttributes(c,{x1:0,x2:r,y1:0,y2:0}),c.style.transform=`translateY(${n}px)`)},snap:a}}exports.createCrosshair=createCrosshair;
 //# sourceMappingURL=crosshair.cjs.map

package/dist/interaction/crosshair.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"crosshair.cjs","names":[],"sources":["../../src/interaction/crosshair.ts"],"sourcesContent":["import { createSvgElement, setAttributes } from '../svg/element';\nimport type { CrosshairConfig } from '../types';\n\nexport interface CrosshairState {\n  hide(): void;\n  show(x: number, y: number, width: number, height: number): void;\n  /** When `false`, the crosshair follows the raw mouse position instead of snapping to the nearest datum. */\n  readonly snap: boolean;\n}\n\nexport function createCrosshair(parent: SVGGElement, config?: CrosshairConfig | true): CrosshairState {\n  const showVertical = config === true || config?.vertical !== false;\n  const showHorizontal = config !== true && config?.horizontal === true;\n  const snap = config === true || config?.snap !== false;\n\n  const group = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-crosshair', style: 'display:none' });\n\n  const vLine = showVertical\n    ? createSvgElement('line', { class: 'prism-crosshair-v', 'stroke-dasharray': 'var(--prism-crosshair-dash, 4 2)' })\n    : null;\n  const hLine = showHorizontal\n    ? createSvgElement('line', { class: 'prism-crosshair-h', 'stroke-dasharray': 'var(--prism-crosshair-dash, 4 2)' })\n    : null;\n\n  if (vLine) group.appendChild(vLine);\n\n  if (hLine) group.appendChild(hLine);\n\n  parent.appendChild(group);\n\n  return {\n    hide() {\n      group.style.display = 'none';\n    },\n    show(x: number, y: number, width: number, height: number) {\n      group.style.display = '';\n\n      if (vLine) setAttributes(vLine, { x1: x, x2: x, y1: 0, y2: height });\n\n      if (hLine) setAttributes(hLine, { x1: 0, x2: width, y1: y, y2: y });\n    },\n    snap,\n  };\n}\n"],"mappings":"sCAUA,SAAgB,gBAAgB,EAAqB,EAAiD,CACpG,IAAM,EAAe,IAAW,IAAQ,GAAQ,WAAa,GACvD,EAAiB,IAAW,IAAQ,GAAQ,aAAe,GAC3D,EAAO,IAAW,IAAQ,GAAQ,OAAS,GAE3C,EAAQ,EAAA,iBAAiB,IAAK,CAAE,cAAe,OAAQ,MAAO,kBAAmB,MAAO,cAAe,CAAC,EAExG,EAAQ,EACV,EAAA,iBAAiB,OAAQ,CAAE,MAAO,oBAAqB,mBAAoB,kCAAmC,CAAC,EAC/G,KACE,EAAQ,EACV,EAAA,iBAAiB,OAAQ,CAAE,MAAO,oBAAqB,mBAAoB,kCAAmC,CAAC,EAC/G,KAQJ,OANI,GAAO,EAAM,YAAY,CAAK,EAE9B,GAAO,EAAM,YAAY,CAAK,EAElC,EAAO,YAAY,CAAK,EAEjB,CACL,MAAO,CACL,EAAM,MAAM,QAAU,MACxB,EACA,KAAK,EAAW,EAAW,EAAe,EAAgB,CACxD,EAAM,MAAM,QAAU,GAElB,GAAO,EAAA,cAAc,EAAO,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,CAAO,CAAC,EAE/D,GAAO,EAAA,cAAc,EAAO,CAAE,GAAI,EAAG,GAAI,EAAO,GAAI,EAAG,GAAI,CAAE,CAAC,CACpE,EACA,MACF,CACF"}
+{"version":3,"file":"crosshair.cjs","names":[],"sources":["../../src/interaction/crosshair.ts"],"sourcesContent":["import { createSvgElement, setAttributes } from '../svg/element';\nimport type { CrosshairConfig } from '../types';\n\nexport interface CrosshairState {\n  hide(): void;\n  show(x: number, y: number, width: number, height: number): void;\n  /** When `false`, the crosshair follows the raw mouse position instead of snapping to the nearest datum. */\n  readonly snap: boolean;\n}\n\n/**\n * Guide lines for the hovered position. Each line is drawn at the origin and placed\n * with a `transform`, so the CSS transition on `transform` glides a snapped guide to\n * the next datum. (`x1`/`y1` are not animatable CSS geometry properties, so the\n * position has to live in the transform.) Because the group starts `display: none`,\n * the first show places the guide instantly instead of sliding it in from the origin.\n */\nexport function createCrosshair(parent: SVGGElement, config?: CrosshairConfig | true): CrosshairState {\n  const showVertical = config === true || config?.vertical !== false;\n  const showHorizontal = config !== true && config?.horizontal === true;\n  const snap = config === true || config?.snap !== false;\n\n  const group = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-crosshair', style: 'display:none' });\n\n  const vLine = showVertical\n    ? createSvgElement('line', { class: 'prism-crosshair-v', 'stroke-dasharray': 'var(--prism-crosshair-dash, 4 2)' })\n    : null;\n  const hLine = showHorizontal\n    ? createSvgElement('line', { class: 'prism-crosshair-h', 'stroke-dasharray': 'var(--prism-crosshair-dash, 4 2)' })\n    : null;\n\n  if (vLine) group.appendChild(vLine);\n\n  if (hLine) group.appendChild(hLine);\n\n  parent.appendChild(group);\n\n  return {\n    hide() {\n      group.style.display = 'none';\n    },\n    show(x: number, y: number, width: number, height: number) {\n      group.style.display = '';\n\n      if (vLine) {\n        setAttributes(vLine, { x1: 0, x2: 0, y1: 0, y2: height });\n        vLine.style.transform = `translateX(${x}px)`;\n      }\n\n      if (hLine) {\n        setAttributes(hLine, { x1: 0, x2: width, y1: 0, y2: 0 });\n        hLine.style.transform = `translateY(${y}px)`;\n      }\n    },\n    snap,\n  };\n}\n"],"mappings":"sCAiBA,SAAgB,gBAAgB,EAAqB,EAAiD,CACpG,IAAM,EAAe,IAAW,IAAQ,GAAQ,WAAa,GACvD,EAAiB,IAAW,IAAQ,GAAQ,aAAe,GAC3D,EAAO,IAAW,IAAQ,GAAQ,OAAS,GAE3C,EAAQ,EAAA,iBAAiB,IAAK,CAAE,cAAe,OAAQ,MAAO,kBAAmB,MAAO,cAAe,CAAC,EAExG,EAAQ,EACV,EAAA,iBAAiB,OAAQ,CAAE,MAAO,oBAAqB,mBAAoB,kCAAmC,CAAC,EAC/G,KACE,EAAQ,EACV,EAAA,iBAAiB,OAAQ,CAAE,MAAO,oBAAqB,mBAAoB,kCAAmC,CAAC,EAC/G,KAQJ,OANI,GAAO,EAAM,YAAY,CAAK,EAE9B,GAAO,EAAM,YAAY,CAAK,EAElC,EAAO,YAAY,CAAK,EAEjB,CACL,MAAO,CACL,EAAM,MAAM,QAAU,MACxB,EACA,KAAK,EAAW,EAAW,EAAe,EAAgB,CACxD,EAAM,MAAM,QAAU,GAElB,IACF,EAAA,cAAc,EAAO,CAAE,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,GAAI,CAAO,CAAC,EACxD,EAAM,MAAM,UAAY,cAAc,EAAE,MAGtC,IACF,EAAA,cAAc,EAAO,CAAE,GAAI,EAAG,GAAI,EAAO,GAAI,EAAG,GAAI,CAAE,CAAC,EACvD,EAAM,MAAM,UAAY,cAAc,EAAE,KAE5C,EACA,MACF,CACF"}

package/dist/interaction/crosshair.d.ts

@@ -5,5 +5,12 @@ export interface CrosshairState {
     /** When `false`, the crosshair follows the raw mouse position instead of snapping to the nearest datum. */
     readonly snap: boolean;
 }
+/**
+ * Guide lines for the hovered position. Each line is drawn at the origin and placed
+ * with a `transform`, so the CSS transition on `transform` glides a snapped guide to
+ * the next datum. (`x1`/`y1` are not animatable CSS geometry properties, so the
+ * position has to live in the transform.) Because the group starts `display: none`,
+ * the first show places the guide instantly instead of sliding it in from the origin.
+ */
 export declare function createCrosshair(parent: SVGGElement, config?: CrosshairConfig | true): CrosshairState;
 //# sourceMappingURL=crosshair.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"crosshair.d.ts","sourceRoot":"","sources":["../../src/interaction/crosshair.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChE,2GAA2G;IAC3G,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,cAAc,CAiCpG"}
+{"version":3,"file":"crosshair.d.ts","sourceRoot":"","sources":["../../src/interaction/crosshair.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChE,2GAA2G;IAC3G,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,cAAc,CAuCpG"}

package/dist/interaction/crosshair.js

@@ -1,2 +1,2 @@
-import{createSvgElement as e,setAttributes as t}from"../svg/element.js";function createCrosshair(n,r){let i=r===!0||r?.vertical!==!1,a=r!==!0&&r?.horizontal===!0,o=r===!0||r?.snap!==!1,s=e(`g`,{"aria-hidden":`true`,class:`prism-crosshair`,style:`display:none`}),c=i?e(`line`,{class:`prism-crosshair-v`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null,l=a?e(`line`,{class:`prism-crosshair-h`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null;return c&&s.appendChild(c),l&&s.appendChild(l),n.appendChild(s),{hide(){s.style.display=`none`},show(e,n,r,i){s.style.display=``,c&&t(c,{x1:e,x2:e,y1:0,y2:i}),l&&t(l,{x1:0,x2:r,y1:n,y2:n})},snap:o}}export{createCrosshair};
+import{createSvgElement as e,setAttributes as t}from"../svg/element.js";function createCrosshair(n,r){let i=r===!0||r?.vertical!==!1,a=r!==!0&&r?.horizontal===!0,o=r===!0||r?.snap!==!1,s=e(`g`,{"aria-hidden":`true`,class:`prism-crosshair`,style:`display:none`}),c=i?e(`line`,{class:`prism-crosshair-v`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null,l=a?e(`line`,{class:`prism-crosshair-h`,"stroke-dasharray":`var(--prism-crosshair-dash, 4 2)`}):null;return c&&s.appendChild(c),l&&s.appendChild(l),n.appendChild(s),{hide(){s.style.display=`none`},show(e,n,r,i){s.style.display=``,c&&(t(c,{x1:0,x2:0,y1:0,y2:i}),c.style.transform=`translateX(${e}px)`),l&&(t(l,{x1:0,x2:r,y1:0,y2:0}),l.style.transform=`translateY(${n}px)`)},snap:o}}export{createCrosshair};
 //# sourceMappingURL=crosshair.js.map