@vielzeug/prism 26.10.4 → 26.10.5

package/dist/charts/pie/pie-chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.cjs","names":[],"sources":["../../../src/charts/pie/pie-chart.ts"],"sourcesContent":["import { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { estimateTextWidth } from '../../svg/text';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, PieChartConfig, PieSliceConfig } from '../../types';\nimport { type Arc, arcCentroid, arcPath, computeArcs } from './pie-renderer';\n\nconst TWO_PI = 2 * Math.PI;\n/** Default `--prism-pie-label-size` in px, used to decide whether a label fits its slice. */\nconst LABEL_FONT_SIZE = 12;\n\n/** A label fits when its slice is wide enough along the centroid arc and thick enough radially. */\nfunction labelFits(arc: Arc, label: string): boolean {\n  const thickness = arc.outerRadius - arc.innerRadius;\n  const midRadius = (arc.outerRadius + arc.innerRadius) / 2;\n  const arcLength = (arc.endAngle - arc.startAngle - 2 * arc.padAngle) * midRadius;\n\n  return thickness >= LABEL_FONT_SIZE * 1.4 && arcLength >= estimateTextWidth(label, LABEL_FONT_SIZE) + 8;\n}\n\nconst SEMI_START = -Math.PI / 2; // -90° = 9-o'clock (left)\nconst SEMI_END = Math.PI / 2; // +90° = 3-o'clock (right) → true 180° half-circle\n\nfunction semiAngles(variant: PieChartConfig['variant']): { end: number; start: number } {\n  return variant === 'semi' ? { end: SEMI_END, start: SEMI_START } : { end: TWO_PI, start: 0 };\n}\n\nexport function createPieChart(container: HTMLElement, config: PieChartConfig): ChartHandle<PieSliceConfig[]> {\n  const variant = config.variant ?? 'pie';\n  const padPixels = config.padPixels ?? (variant === 'pie' ? 0 : 8);\n  const cornerRadius = config.cornerRadius ?? (variant === 'pie' ? 0 : 8);\n  let data = config.data;\n\n  // Pie SVG elements live directly on the SVG (not inside chartArea groups).\n  // We create them once and reuse across renders.\n  const bgCircle = createSvgElement('circle', { class: 'prism-pie-bg', 'pointer-events': 'none' });\n  const pieGroup = createSvgElement('g', {\n    class: 'prism-pie-slices',\n    'shape-rendering': 'geometricPrecision',\n  });\n  const labelGroup = createSvgElement('g', { class: 'prism-pie-labels', 'pointer-events': 'none' });\n\n  // Current arcs shared between renderFn and event handlers via closure.\n  let currentArcs: Arc[] = [];\n  // The geometry actually on screen right now (mid-tween included): the update\n  // morph interpolates from this, so interrupting a tween never jumps.\n  let drawnArcs: Arc[] = [];\n  let activeTween: (() => void) | null = null;\n\n  function renderLabels(slices: PieSliceConfig[]): void {\n    labelGroup.replaceChildren();\n\n    for (let i = 0; i < currentArcs.length; i++) {\n      const arc = currentArcs[i];\n      const slice = slices[i];\n\n      if (!slice?.label || !labelFits(arc, slice.label)) continue;\n\n      const { x, y } = arcCentroid(arc);\n      const text = createSvgElement('text', { class: 'prism-pie-label' });\n\n      setAttributes(text, {\n        'dominant-baseline': 'middle',\n        fill: 'var(--prism-pie-label-color, #fff)',\n        'font-family': 'var(--prism-font-family, system-ui)',\n        'font-size': 'var(--prism-pie-label-size, 12px)',\n        'text-anchor': 'middle',\n        x,\n        y,\n      });\n\n      text.textContent = slice.label;\n      labelGroup.appendChild(text);\n    }\n  }\n\n  return createRadialScaffold(\n    container,\n    {\n      a11y: config.a11y,\n      legend: config.legend,\n      tooltip: config.tooltip,\n    },\n    (ctx): ChartEventHandlers => {\n      const { legend, svg, tooltip } = ctx;\n\n      // Append pie groups to SVG on first render (idempotent).\n      if (!svg.contains(bgCircle)) {\n        svg.appendChild(bgCircle);\n        svg.appendChild(pieGroup);\n        svg.appendChild(labelGroup);\n      }\n\n      const { height: h, width: w } = ctx.dimensions;\n      const isSemi = variant === 'semi';\n      const cx = w / 2;\n      const cy = isSemi ? h * 0.85 : h / 2;\n      const padding = 8;\n      const outer = isSemi ? Math.min(cx, cy) - padding : Math.min(w, h) / 2 - padding;\n      const defaultInner = variant === 'pie' ? 0 : Math.round(outer * 0.55);\n      const inner = config.innerRadius !== undefined ? config.innerRadius : defaultInner;\n      const outerR = Math.max(inner + 1, outer);\n\n      const slices = data;\n      const { end, start } = semiAngles(variant);\n\n      currentArcs = computeArcs(\n        slices,\n        cx,\n        cy,\n        outerR,\n        inner,\n        start,\n        end,\n        padPixels,\n        cornerRadius,\n        (i) => seriesColor(i),\n        false,\n      );\n\n      setAttributes(bgCircle, { cx, cy, r: inner > 0 ? inner : 0 });\n      bgCircle.setAttribute('style', 'fill:var(--prism-bg,#fff)');\n\n      while (pieGroup.children.length > currentArcs.length) pieGroup.removeChild(pieGroup.lastChild!);\n\n      labelGroup.replaceChildren();\n\n      const motion = resolveMotion(config.transition);\n      const dur = motion.duration;\n      const easing = resolveEasing(motion.easing);\n\n      for (let i = 0; i < currentArcs.length; i++) {\n        const arc = currentArcs[i];\n        let path = pieGroup.children[i] as SVGPathElement | undefined;\n\n        if (!path) {\n          path = createSvgElement('path', { class: 'prism-pie-slice' });\n          pieGroup.appendChild(path);\n        }\n\n        path.setAttribute('fill', arc.color);\n        path.setAttribute('stroke', 'none');\n        path.style.cursor = config.onClick || config.onHover ? 'pointer' : '';\n      }\n\n      activeTween?.();\n\n      // Mount sweeps the ring in once; an update morphs every slice from its\n      // drawn angles to the new ones, which reads as the data changing rather\n      // than the chart redrawing.\n      const isMount = drawnArcs.length === 0;\n      const fromArcs = drawnArcs;\n\n      activeTween = startTween({\n        count: 1,\n        duration: dur,\n        easing,\n        onComplete: () => renderLabels(slices),\n        onFrame: (progress) => {\n          const e = progress(0);\n\n          if (isMount) {\n            const revealAngle = tweenNumber(start, end, e);\n\n            drawnArcs = currentArcs.map((a, j) => {\n              const el = pieGroup.children[j] as SVGPathElement | undefined;\n\n              if (!el) return a;\n\n              if (revealAngle <= a.startAngle) {\n                setAttributes(el, { d: '' });\n\n                return { ...a, endAngle: a.startAngle };\n              }\n\n              const visibleEnd = Math.min(a.endAngle, revealAngle);\n\n              setAttributes(el, { d: arcPath({ ...a, endAngle: visibleEnd }) });\n\n              return { ...a, endAngle: visibleEnd };\n            });\n\n            return;\n          }\n\n          drawnArcs = currentArcs.map((to, j) => {\n            const el = pieGroup.children[j] as SVGPathElement | undefined;\n            const lastDrawn = fromArcs.at(-1);\n            // A slice that was not drawn before grows out of the end of the last drawn one.\n            const from: Arc = fromArcs[j] ?? {\n              ...to,\n              endAngle: lastDrawn?.endAngle ?? start,\n              startAngle: lastDrawn?.endAngle ?? start,\n            };\n            const morphed: Arc = {\n              ...to,\n              endAngle: tweenNumber(from.endAngle, to.endAngle, e),\n              innerRadius: tweenNumber(from.innerRadius, to.innerRadius, e),\n              outerRadius: tweenNumber(from.outerRadius, to.outerRadius, e),\n              padAngle: tweenNumber(from.padAngle, to.padAngle, e),\n              startAngle: tweenNumber(from.startAngle, to.startAngle, e),\n            };\n\n            if (!el) return morphed;\n\n            setAttributes(el, {\n              d: morphed.endAngle - morphed.startAngle <= 1e-6 ? '' : arcPath(morphed),\n            });\n\n            return morphed;\n          });\n        },\n        signal: ctx.disposalSignal,\n      });\n\n      legend?.update(currentArcs.map((arc) => ({ color: arc.color, name: arc.slice.label ?? '' })));\n      tooltip?.hide();\n\n      const total = currentArcs.reduce((sum, arc) => sum + Math.max(0, arc.slice.value), 0);\n      let activeIndex = -1;\n\n      const describe = (arc: Arc): string => {\n        const percent = total > 0 ? Math.round((Math.max(0, arc.slice.value) / total) * 1000) / 10 : 0;\n\n        return `${arc.slice.label ?? `Slice ${arc.index + 1}`}: ${arc.slice.value} (${percent}%)`;\n      };\n\n      const setActive = (index: number): void => {\n        activeIndex = index;\n        pieGroup.classList.toggle('prism-pie-focused', index >= 0);\n        for (const [i, el] of [...pieGroup.children].entries())\n          el.classList.toggle('prism-pie-slice--active', i === index);\n      };\n\n      const activate = (index: number, originalEvent: Event): void => {\n        const arc = currentArcs[index];\n\n        if (!arc) return;\n\n        setActive(index);\n        config.onHover?.({ index, originalEvent, slice: arc.slice });\n\n        const text = describe(arc);\n\n        if (!tooltip) {\n          ctx.announcer.announce(text);\n\n          return;\n        }\n\n        const { x, y } = arcCentroid(arc);\n        const svgRect = svg.getBoundingClientRect();\n        const contR = container.getBoundingClientRect();\n\n        tooltip.show(\n          x + (svgRect.left - contR.left),\n          y + (svgRect.top - contR.top),\n          { key: index, value: arc.slice.value },\n          { color: arc.color, data: [], name: arc.slice.label ?? '' },\n          text,\n        );\n      };\n\n      const deactivate = (): void => {\n        setActive(-1);\n        tooltip?.hide();\n        ctx.announcer.clear();\n        config.onHover?.(null);\n      };\n\n      const hitAt = (e: MouseEvent): number => {\n        const svgRect = svg.getBoundingClientRect();\n\n        return hitTestArc(currentArcs, e.clientX - svgRect.left, e.clientY - svgRect.top, variant);\n      };\n\n      const onMouseMove = (e: MouseEvent): void => {\n        const hit = hitAt(e);\n\n        if (hit >= 0) {\n          if (hit !== activeIndex) activate(hit, e);\n        } else if (activeIndex >= 0) {\n          deactivate();\n        }\n      };\n\n      const onClick = (e: MouseEvent): void => {\n        if (!config.onClick) return;\n\n        const hit = hitAt(e);\n\n        if (hit >= 0) config.onClick({ index: hit, originalEvent: e, slice: currentArcs[hit].slice });\n      };\n\n      const onKeyDown = (e: KeyboardEvent): void => {\n        const count = currentArcs.length;\n\n        if (count === 0) return;\n\n        const step: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\n        if (e.key in step) {\n          e.preventDefault();\n          activate(\n            activeIndex < 0 ? (step[e.key] > 0 ? 0 : count - 1) : (activeIndex + step[e.key] + count) % count,\n            e,\n          );\n        } else if (e.key === 'Home' || e.key === 'End') {\n          e.preventDefault();\n          activate(e.key === 'Home' ? 0 : count - 1, e);\n        } else if ((e.key === 'Enter' || e.key === ' ') && activeIndex >= 0 && config.onClick) {\n          e.preventDefault();\n          config.onClick({ index: activeIndex, originalEvent: e, slice: currentArcs[activeIndex].slice });\n        } else if (e.key === 'Escape') {\n          deactivate();\n        }\n      };\n\n      return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n    },\n    (next) => {\n      data = next;\n    },\n  );\n}\n\nfunction hitTestArc(arcs: Arc[], mx: number, my: number, variant: PieChartConfig['variant']): number {\n  for (let i = 0; i < arcs.length; i++) {\n    const arc = arcs[i];\n    const dx = mx - arc.centerX;\n    const dy = my - arc.centerY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n\n    if (dist < arc.outerRadius && dist >= arc.innerRadius) {\n      const rawAngle = Math.atan2(dx, -dy);\n\n      if (variant === 'semi') {\n        if (rawAngle >= arc.startAngle - 1e-9 && rawAngle <= arc.endAngle + 1e-9) return i;\n      } else {\n        const angle = rawAngle < 0 ? rawAngle + TWO_PI : rawAngle;\n\n        if (angle >= arc.startAngle - 1e-9 && angle <= arc.endAngle + 1e-9) return i;\n      }\n    }\n  }\n\n  return -1;\n}\n"],"mappings":"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"}
+{"version":3,"file":"pie-chart.cjs","names":[],"sources":["../../../src/charts/pie/pie-chart.ts"],"sourcesContent":["import { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { estimateTextWidth } from '../../svg/text';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, PieChartConfig, PieSliceConfig } from '../../types';\nimport { type Arc, arcCentroid, arcPath, computeArcs } from './pie-renderer';\n\nconst TWO_PI = 2 * Math.PI;\n/** Default `--prism-pie-label-size` in px, used to decide whether a label fits its slice. */\nconst LABEL_FONT_SIZE = 12;\n\n/** A label fits when its slice is wide enough along the centroid arc and thick enough radially. */\nfunction labelFits(arc: Arc, label: string): boolean {\n  const thickness = arc.outerRadius - arc.innerRadius;\n  const midRadius = (arc.outerRadius + arc.innerRadius) / 2;\n  const arcLength = (arc.endAngle - arc.startAngle - 2 * arc.padAngle) * midRadius;\n\n  return thickness >= LABEL_FONT_SIZE * 1.4 && arcLength >= estimateTextWidth(label, LABEL_FONT_SIZE) + 8;\n}\n\nconst SEMI_START = -Math.PI / 2; // -90° = 9-o'clock (left)\nconst SEMI_END = Math.PI / 2; // +90° = 3-o'clock (right) → true 180° half-circle\n\nfunction semiAngles(variant: PieChartConfig['variant']): { end: number; start: number } {\n  return variant === 'semi' ? { end: SEMI_END, start: SEMI_START } : { end: TWO_PI, start: 0 };\n}\n\nexport function createPieChart(container: HTMLElement, config: PieChartConfig): ChartHandle<PieSliceConfig[]> {\n  const variant = config.variant ?? 'pie';\n  const padPixels = config.padPixels ?? (variant === 'pie' ? 0 : 8);\n  const cornerRadius = config.cornerRadius ?? (variant === 'pie' ? 0 : 8);\n  let data = config.data;\n\n  // Pie SVG elements live directly on the SVG (not inside chartArea groups).\n  // We create them once and reuse across renders.\n  const bgCircle = createSvgElement('circle', { class: 'prism-pie-bg', 'pointer-events': 'none' });\n  const pieGroup = createSvgElement('g', {\n    class: 'prism-pie-slices',\n    'shape-rendering': 'geometricPrecision',\n  });\n  const labelGroup = createSvgElement('g', { class: 'prism-pie-labels', 'pointer-events': 'none' });\n\n  // Current arcs shared between renderFn and event handlers via closure.\n  let currentArcs: Arc[] = [];\n  // The geometry actually on screen right now (mid-tween included): the update\n  // morph interpolates from this, so interrupting a tween never jumps.\n  let drawnArcs: Arc[] = [];\n  let activeTween: (() => void) | null = null;\n\n  function renderLabels(slices: PieSliceConfig[]): void {\n    labelGroup.replaceChildren();\n\n    for (let i = 0; i < currentArcs.length; i++) {\n      const arc = currentArcs[i];\n      const slice = slices[i];\n\n      if (!slice?.label || !labelFits(arc, slice.label)) continue;\n\n      const { x, y } = arcCentroid(arc);\n      const text = createSvgElement('text', { class: 'prism-pie-label' });\n\n      setAttributes(text, {\n        'dominant-baseline': 'middle',\n        fill: 'var(--prism-pie-label-color, #fff)',\n        'font-family': 'var(--prism-font-family, system-ui)',\n        'font-size': 'var(--prism-pie-label-size, 12px)',\n        'text-anchor': 'middle',\n        x,\n        y,\n      });\n\n      text.textContent = slice.label;\n      labelGroup.appendChild(text);\n    }\n  }\n\n  return createRadialScaffold(\n    container,\n    {\n      a11y: config.a11y,\n      legend: config.legend,\n      tooltip: config.tooltip,\n    },\n    (ctx): ChartEventHandlers => {\n      const { legend, svg, tooltip } = ctx;\n      const hasSlices = data.some((slice) => slice.value > 0);\n      legend?.update(\n        hasSlices ? data.map((slice, i) => ({ color: slice.color ?? seriesColor(i), name: slice.label ?? '' })) : [],\n      );\n\n      // Append pie groups to SVG on first render (idempotent).\n      if (!svg.contains(bgCircle)) {\n        svg.appendChild(bgCircle);\n        svg.appendChild(pieGroup);\n        svg.appendChild(labelGroup);\n      }\n\n      const { height: h, width: w } = ctx.dimensions;\n      const isSemi = variant === 'semi';\n      const cx = w / 2;\n      const cy = isSemi ? h * 0.85 : h / 2;\n      const padding = 8;\n      const outer = isSemi ? Math.min(cx, cy) - padding : Math.min(w, h) / 2 - padding;\n      const defaultInner = variant === 'pie' ? 0 : Math.round(outer * 0.55);\n      const inner = config.innerRadius !== undefined ? config.innerRadius : defaultInner;\n      const outerR = Math.max(inner + 1, outer);\n\n      const slices = data;\n      const { end, start } = semiAngles(variant);\n\n      currentArcs = computeArcs(\n        slices,\n        cx,\n        cy,\n        outerR,\n        inner,\n        start,\n        end,\n        padPixels,\n        cornerRadius,\n        (i) => seriesColor(i),\n        false,\n      );\n\n      setAttributes(bgCircle, { cx, cy, r: inner > 0 ? inner : 0 });\n      bgCircle.setAttribute('style', 'fill:var(--prism-bg,#fff)');\n\n      while (pieGroup.children.length > currentArcs.length) pieGroup.removeChild(pieGroup.lastChild!);\n\n      labelGroup.replaceChildren();\n\n      const motion = resolveMotion(config.transition);\n      const dur = motion.duration;\n      const easing = resolveEasing(motion.easing);\n\n      for (let i = 0; i < currentArcs.length; i++) {\n        const arc = currentArcs[i];\n        let path = pieGroup.children[i] as SVGPathElement | undefined;\n\n        if (!path) {\n          path = createSvgElement('path', { class: 'prism-pie-slice' });\n          pieGroup.appendChild(path);\n        }\n\n        path.setAttribute('fill', arc.color);\n        path.setAttribute('stroke', 'none');\n        path.style.cursor = config.onClick || config.onHover ? 'pointer' : '';\n      }\n\n      activeTween?.();\n\n      // Mount sweeps the ring in once; an update morphs every slice from its\n      // drawn angles to the new ones, which reads as the data changing rather\n      // than the chart redrawing.\n      const isMount = drawnArcs.length === 0;\n      const fromArcs = drawnArcs;\n\n      activeTween = startTween({\n        count: 1,\n        duration: dur,\n        easing,\n        onComplete: () => renderLabels(slices),\n        onFrame: (progress) => {\n          const e = progress(0);\n\n          if (isMount) {\n            const revealAngle = tweenNumber(start, end, e);\n\n            drawnArcs = currentArcs.map((a, j) => {\n              const el = pieGroup.children[j] as SVGPathElement | undefined;\n\n              if (!el) return a;\n\n              if (revealAngle <= a.startAngle) {\n                setAttributes(el, { d: '' });\n\n                return { ...a, endAngle: a.startAngle };\n              }\n\n              const visibleEnd = Math.min(a.endAngle, revealAngle);\n\n              setAttributes(el, { d: arcPath({ ...a, endAngle: visibleEnd }) });\n\n              return { ...a, endAngle: visibleEnd };\n            });\n\n            return;\n          }\n\n          drawnArcs = currentArcs.map((to, j) => {\n            const el = pieGroup.children[j] as SVGPathElement | undefined;\n            const lastDrawn = fromArcs.at(-1);\n            // A slice that was not drawn before grows out of the end of the last drawn one.\n            const from: Arc = fromArcs[j] ?? {\n              ...to,\n              endAngle: lastDrawn?.endAngle ?? start,\n              startAngle: lastDrawn?.endAngle ?? start,\n            };\n            const morphed: Arc = {\n              ...to,\n              endAngle: tweenNumber(from.endAngle, to.endAngle, e),\n              innerRadius: tweenNumber(from.innerRadius, to.innerRadius, e),\n              outerRadius: tweenNumber(from.outerRadius, to.outerRadius, e),\n              padAngle: tweenNumber(from.padAngle, to.padAngle, e),\n              startAngle: tweenNumber(from.startAngle, to.startAngle, e),\n            };\n\n            if (!el) return morphed;\n\n            setAttributes(el, {\n              d: morphed.endAngle - morphed.startAngle <= 1e-6 ? '' : arcPath(morphed),\n            });\n\n            return morphed;\n          });\n        },\n        signal: ctx.disposalSignal,\n      });\n\n      tooltip?.hide();\n\n      const total = currentArcs.reduce((sum, arc) => sum + Math.max(0, arc.slice.value), 0);\n      let activeIndex = -1;\n\n      const describe = (arc: Arc): string => {\n        const percent = total > 0 ? Math.round((Math.max(0, arc.slice.value) / total) * 1000) / 10 : 0;\n\n        return `${arc.slice.label ?? `Slice ${arc.index + 1}`}: ${arc.slice.value} (${percent}%)`;\n      };\n\n      const setActive = (index: number): void => {\n        activeIndex = index;\n        pieGroup.classList.toggle('prism-pie-focused', index >= 0);\n        for (const [i, el] of [...pieGroup.children].entries())\n          el.classList.toggle('prism-pie-slice--active', i === index);\n      };\n\n      const activate = (index: number, originalEvent: Event): void => {\n        const arc = currentArcs[index];\n\n        if (!arc) return;\n\n        setActive(index);\n        config.onHover?.({ index, originalEvent, slice: arc.slice });\n\n        const text = describe(arc);\n\n        if (!tooltip) {\n          ctx.announcer.announce(text);\n\n          return;\n        }\n\n        const { x, y } = arcCentroid(arc);\n        const svgRect = svg.getBoundingClientRect();\n        const contR = container.getBoundingClientRect();\n\n        tooltip.show(\n          x + (svgRect.left - contR.left),\n          y + (svgRect.top - contR.top),\n          { key: index, value: arc.slice.value },\n          { color: arc.color, data: [], name: arc.slice.label ?? '' },\n          text,\n        );\n      };\n\n      const deactivate = (): void => {\n        setActive(-1);\n        tooltip?.hide();\n        ctx.announcer.clear();\n        config.onHover?.(null);\n      };\n\n      const hitAt = (e: MouseEvent): number => {\n        const svgRect = svg.getBoundingClientRect();\n\n        return hitTestArc(currentArcs, e.clientX - svgRect.left, e.clientY - svgRect.top, variant);\n      };\n\n      const onMouseMove = (e: MouseEvent): void => {\n        const hit = hitAt(e);\n\n        if (hit >= 0) {\n          if (hit !== activeIndex) activate(hit, e);\n        } else if (activeIndex >= 0) {\n          deactivate();\n        }\n      };\n\n      const onClick = (e: MouseEvent): void => {\n        if (!config.onClick) return;\n\n        const hit = hitAt(e);\n\n        if (hit >= 0) config.onClick({ index: hit, originalEvent: e, slice: currentArcs[hit].slice });\n      };\n\n      const onKeyDown = (e: KeyboardEvent): void => {\n        const count = currentArcs.length;\n\n        if (count === 0) return;\n\n        const step: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\n        if (e.key in step) {\n          e.preventDefault();\n          activate(\n            activeIndex < 0 ? (step[e.key] > 0 ? 0 : count - 1) : (activeIndex + step[e.key] + count) % count,\n            e,\n          );\n        } else if (e.key === 'Home' || e.key === 'End') {\n          e.preventDefault();\n          activate(e.key === 'Home' ? 0 : count - 1, e);\n        } else if ((e.key === 'Enter' || e.key === ' ') && activeIndex >= 0 && config.onClick) {\n          e.preventDefault();\n          config.onClick({ index: activeIndex, originalEvent: e, slice: currentArcs[activeIndex].slice });\n        } else if (e.key === 'Escape') {\n          deactivate();\n        }\n      };\n\n      return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n    },\n    (next) => {\n      data = next;\n    },\n  );\n}\n\nfunction hitTestArc(arcs: Arc[], mx: number, my: number, variant: PieChartConfig['variant']): number {\n  for (let i = 0; i < arcs.length; i++) {\n    const arc = arcs[i];\n    const dx = mx - arc.centerX;\n    const dy = my - arc.centerY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n\n    if (dist < arc.outerRadius && dist >= arc.innerRadius) {\n      const rawAngle = Math.atan2(dx, -dy);\n\n      if (variant === 'semi') {\n        if (rawAngle >= arc.startAngle - 1e-9 && rawAngle <= arc.endAngle + 1e-9) return i;\n      } else {\n        const angle = rawAngle < 0 ? rawAngle + TWO_PI : rawAngle;\n\n        if (angle >= arc.startAngle - 1e-9 && angle <= arc.endAngle + 1e-9) return i;\n      }\n    }\n  }\n\n  return -1;\n}\n"],"mappings":"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"}

package/dist/charts/pie/pie-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/pie-chart.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAuB/E,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,WAAW,CAAC,cAAc,EAAE,CAAC,CAyS5G"}
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/pie-chart.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAuB/E,wBAAgB,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,cAAc,GAAG,WAAW,CAAC,cAAc,EAAE,CAAC,CA4S5G"}

package/dist/charts/pie/pie-chart.js

@@ -1,2 +1,2 @@
-import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{estimateTextWidth as n}from"../../svg/text.js";import{createRadialScaffold as r}from"../../core/chart-scaffold.js";import{seriesColor as i}from"../../theme/index.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{arcCentroid as l,arcPath as u,computeArcs as d}from"./pie-renderer.js";var f=2*Math.PI,p=12;function labelFits(e,t){let r=e.outerRadius-e.innerRadius,i=(e.outerRadius+e.innerRadius)/2,a=(e.endAngle-e.startAngle-2*e.padAngle)*i;return r>=p*1.4&&a>=n(t,p)+8}var m=-Math.PI/2,h=Math.PI/2;function semiAngles(e){return e===`semi`?{end:h,start:m}:{end:f,start:0}}function createPieChart(n,f){let p=f.variant??`pie`,m=f.padPixels??(p===`pie`?0:8),h=f.cornerRadius??(p===`pie`?0:8),g=f.data,_=e(`circle`,{class:`prism-pie-bg`,"pointer-events":`none`}),v=e(`g`,{class:`prism-pie-slices`,"shape-rendering":`geometricPrecision`}),y=e(`g`,{class:`prism-pie-labels`,"pointer-events":`none`}),b=[],x=[],S=null;function renderLabels(n){y.replaceChildren();for(let r=0;r<b.length;r++){let i=b[r],a=n[r];if(!a?.label||!labelFits(i,a.label))continue;let{x:o,y:s}=l(i),c=e(`text`,{class:`prism-pie-label`});t(c,{"dominant-baseline":`middle`,fill:`var(--prism-pie-label-color, #fff)`,"font-family":`var(--prism-font-family, system-ui)`,"font-size":`var(--prism-pie-label-size, 12px)`,"text-anchor":`middle`,x:o,y:s}),c.textContent=a.label,y.appendChild(c)}}return r(n,{a11y:f.a11y,legend:f.legend,tooltip:f.tooltip},r=>{let{legend:C,svg:w,tooltip:T}=r;w.contains(_)||(w.appendChild(_),w.appendChild(v),w.appendChild(y));let{height:E,width:D}=r.dimensions,O=p===`semi`,k=D/2,A=O?E*.85:E/2,j=O?Math.min(k,A)-8:Math.min(D,E)/2-8,M=p===`pie`?0:Math.round(j*.55),N=f.innerRadius===void 0?M:f.innerRadius,P=Math.max(N+1,j),F=g,{end:I,start:L}=semiAngles(p);for(b=d(F,k,A,P,N,L,I,m,h,e=>i(e),!1),t(_,{cx:k,cy:A,r:N>0?N:0}),_.setAttribute(`style`,`fill:var(--prism-bg,#fff)`);v.children.length>b.length;)v.removeChild(v.lastChild);y.replaceChildren();let R=o(f.transition),z=R.duration,B=a(R.easing);for(let t=0;t<b.length;t++){let n=b[t],r=v.children[t];r||(r=e(`path`,{class:`prism-pie-slice`}),v.appendChild(r)),r.setAttribute(`fill`,n.color),r.setAttribute(`stroke`,`none`),r.style.cursor=f.onClick||f.onHover?`pointer`:``}S?.();let V=x.length===0,H=x;S=c({count:1,duration:z,easing:B,onComplete:()=>renderLabels(F),onFrame:e=>{let n=e(0);if(V){let e=s(L,I,n);x=b.map((n,r)=>{let i=v.children[r];if(!i)return n;if(e<=n.startAngle)return t(i,{d:``}),{...n,endAngle:n.startAngle};let a=Math.min(n.endAngle,e);return t(i,{d:u({...n,endAngle:a})}),{...n,endAngle:a}});return}x=b.map((e,r)=>{let i=v.children[r],a=H.at(-1),o=H[r]??{...e,endAngle:a?.endAngle??L,startAngle:a?.endAngle??L},c={...e,endAngle:s(o.endAngle,e.endAngle,n),innerRadius:s(o.innerRadius,e.innerRadius,n),outerRadius:s(o.outerRadius,e.outerRadius,n),padAngle:s(o.padAngle,e.padAngle,n),startAngle:s(o.startAngle,e.startAngle,n)};return i&&t(i,{d:c.endAngle-c.startAngle<=1e-6?``:u(c)}),c})},signal:r.disposalSignal}),C?.update(b.map(e=>({color:e.color,name:e.slice.label??``}))),T?.hide();let U=b.reduce((e,t)=>e+Math.max(0,t.slice.value),0),W=-1,describe=e=>{let t=U>0?Math.round(Math.max(0,e.slice.value)/U*1e3)/10:0;return`${e.slice.label??`Slice ${e.index+1}`}: ${e.slice.value} (${t}%)`},setActive=e=>{W=e,v.classList.toggle(`prism-pie-focused`,e>=0);for(let[t,n]of[...v.children].entries())n.classList.toggle(`prism-pie-slice--active`,t===e)},activate=(e,t)=>{let i=b[e];if(!i)return;setActive(e),f.onHover?.({index:e,originalEvent:t,slice:i.slice});let a=describe(i);if(!T){r.announcer.announce(a);return}let{x:o,y:s}=l(i),c=w.getBoundingClientRect(),u=n.getBoundingClientRect();T.show(o+(c.left-u.left),s+(c.top-u.top),{key:e,value:i.slice.value},{color:i.color,data:[],name:i.slice.label??``},a)},deactivate=()=>{setActive(-1),T?.hide(),r.announcer.clear(),f.onHover?.(null)},hitAt=e=>{let t=w.getBoundingClientRect();return hitTestArc(b,e.clientX-t.left,e.clientY-t.top,p)},onMouseMove=e=>{let t=hitAt(e);t>=0?t!==W&&activate(t,e):W>=0&&deactivate()},onClick=e=>{if(!f.onClick)return;let t=hitAt(e);t>=0&&f.onClick({index:t,originalEvent:e,slice:b[t].slice})},onKeyDown=e=>{let t=b.length;if(t===0)return;let n={ArrowDown:1,ArrowLeft:-1,ArrowRight:1,ArrowUp:-1};e.key in n?(e.preventDefault(),activate(W<0?n[e.key]>0?0:t-1:(W+n[e.key]+t)%t,e)):e.key===`Home`||e.key===`End`?(e.preventDefault(),activate(e.key===`Home`?0:t-1,e)):(e.key===`Enter`||e.key===` `)&&W>=0&&f.onClick?(e.preventDefault(),f.onClick({index:W,originalEvent:e,slice:b[W].slice})):e.key===`Escape`&&deactivate()};return{onClick,onKeyDown,onMouseLeave:deactivate,onMouseMove}},e=>{g=e})}function hitTestArc(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=t-a.centerX,s=n-a.centerY,c=Math.sqrt(o*o+s*s);if(c<a.outerRadius&&c>=a.innerRadius){let e=Math.atan2(o,-s);if(r===`semi`){if(e>=a.startAngle-1e-9&&e<=a.endAngle+1e-9)return i}else{let t=e<0?e+f:e;if(t>=a.startAngle-1e-9&&t<=a.endAngle+1e-9)return i}}}return-1}export{createPieChart};
+import{createSvgElement as e,setAttributes as t}from"../../svg/element.js";import{estimateTextWidth as n}from"../../svg/text.js";import{createRadialScaffold as r}from"../../core/chart-scaffold.js";import{seriesColor as i}from"../../theme/index.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{arcCentroid as l,arcPath as u,computeArcs as d}from"./pie-renderer.js";var f=2*Math.PI,p=12;function labelFits(e,t){let r=e.outerRadius-e.innerRadius,i=(e.outerRadius+e.innerRadius)/2,a=(e.endAngle-e.startAngle-2*e.padAngle)*i;return r>=p*1.4&&a>=n(t,p)+8}var m=-Math.PI/2,h=Math.PI/2;function semiAngles(e){return e===`semi`?{end:h,start:m}:{end:f,start:0}}function createPieChart(n,f){let p=f.variant??`pie`,m=f.padPixels??(p===`pie`?0:8),h=f.cornerRadius??(p===`pie`?0:8),g=f.data,_=e(`circle`,{class:`prism-pie-bg`,"pointer-events":`none`}),v=e(`g`,{class:`prism-pie-slices`,"shape-rendering":`geometricPrecision`}),y=e(`g`,{class:`prism-pie-labels`,"pointer-events":`none`}),b=[],x=[],S=null;function renderLabels(n){y.replaceChildren();for(let r=0;r<b.length;r++){let i=b[r],a=n[r];if(!a?.label||!labelFits(i,a.label))continue;let{x:o,y:s}=l(i),c=e(`text`,{class:`prism-pie-label`});t(c,{"dominant-baseline":`middle`,fill:`var(--prism-pie-label-color, #fff)`,"font-family":`var(--prism-font-family, system-ui)`,"font-size":`var(--prism-pie-label-size, 12px)`,"text-anchor":`middle`,x:o,y:s}),c.textContent=a.label,y.appendChild(c)}}return r(n,{a11y:f.a11y,legend:f.legend,tooltip:f.tooltip},r=>{let{legend:C,svg:w,tooltip:T}=r,E=g.some(e=>e.value>0);C?.update(E?g.map((e,t)=>({color:e.color??i(t),name:e.label??``})):[]),w.contains(_)||(w.appendChild(_),w.appendChild(v),w.appendChild(y));let{height:D,width:O}=r.dimensions,k=p===`semi`,A=O/2,j=k?D*.85:D/2,M=k?Math.min(A,j)-8:Math.min(O,D)/2-8,N=p===`pie`?0:Math.round(M*.55),P=f.innerRadius===void 0?N:f.innerRadius,F=Math.max(P+1,M),I=g,{end:L,start:R}=semiAngles(p);for(b=d(I,A,j,F,P,R,L,m,h,e=>i(e),!1),t(_,{cx:A,cy:j,r:P>0?P:0}),_.setAttribute(`style`,`fill:var(--prism-bg,#fff)`);v.children.length>b.length;)v.removeChild(v.lastChild);y.replaceChildren();let z=o(f.transition),B=z.duration,V=a(z.easing);for(let t=0;t<b.length;t++){let n=b[t],r=v.children[t];r||(r=e(`path`,{class:`prism-pie-slice`}),v.appendChild(r)),r.setAttribute(`fill`,n.color),r.setAttribute(`stroke`,`none`),r.style.cursor=f.onClick||f.onHover?`pointer`:``}S?.();let H=x.length===0,U=x;S=c({count:1,duration:B,easing:V,onComplete:()=>renderLabels(I),onFrame:e=>{let n=e(0);if(H){let e=s(R,L,n);x=b.map((n,r)=>{let i=v.children[r];if(!i)return n;if(e<=n.startAngle)return t(i,{d:``}),{...n,endAngle:n.startAngle};let a=Math.min(n.endAngle,e);return t(i,{d:u({...n,endAngle:a})}),{...n,endAngle:a}});return}x=b.map((e,r)=>{let i=v.children[r],a=U.at(-1),o=U[r]??{...e,endAngle:a?.endAngle??R,startAngle:a?.endAngle??R},c={...e,endAngle:s(o.endAngle,e.endAngle,n),innerRadius:s(o.innerRadius,e.innerRadius,n),outerRadius:s(o.outerRadius,e.outerRadius,n),padAngle:s(o.padAngle,e.padAngle,n),startAngle:s(o.startAngle,e.startAngle,n)};return i&&t(i,{d:c.endAngle-c.startAngle<=1e-6?``:u(c)}),c})},signal:r.disposalSignal}),T?.hide();let W=b.reduce((e,t)=>e+Math.max(0,t.slice.value),0),G=-1,describe=e=>{let t=W>0?Math.round(Math.max(0,e.slice.value)/W*1e3)/10:0;return`${e.slice.label??`Slice ${e.index+1}`}: ${e.slice.value} (${t}%)`},setActive=e=>{G=e,v.classList.toggle(`prism-pie-focused`,e>=0);for(let[t,n]of[...v.children].entries())n.classList.toggle(`prism-pie-slice--active`,t===e)},activate=(e,t)=>{let i=b[e];if(!i)return;setActive(e),f.onHover?.({index:e,originalEvent:t,slice:i.slice});let a=describe(i);if(!T){r.announcer.announce(a);return}let{x:o,y:s}=l(i),c=w.getBoundingClientRect(),u=n.getBoundingClientRect();T.show(o+(c.left-u.left),s+(c.top-u.top),{key:e,value:i.slice.value},{color:i.color,data:[],name:i.slice.label??``},a)},deactivate=()=>{setActive(-1),T?.hide(),r.announcer.clear(),f.onHover?.(null)},hitAt=e=>{let t=w.getBoundingClientRect();return hitTestArc(b,e.clientX-t.left,e.clientY-t.top,p)},onMouseMove=e=>{let t=hitAt(e);t>=0?t!==G&&activate(t,e):G>=0&&deactivate()},onClick=e=>{if(!f.onClick)return;let t=hitAt(e);t>=0&&f.onClick({index:t,originalEvent:e,slice:b[t].slice})},onKeyDown=e=>{let t=b.length;if(t===0)return;let n={ArrowDown:1,ArrowLeft:-1,ArrowRight:1,ArrowUp:-1};e.key in n?(e.preventDefault(),activate(G<0?n[e.key]>0?0:t-1:(G+n[e.key]+t)%t,e)):e.key===`Home`||e.key===`End`?(e.preventDefault(),activate(e.key===`Home`?0:t-1,e)):(e.key===`Enter`||e.key===` `)&&G>=0&&f.onClick?(e.preventDefault(),f.onClick({index:G,originalEvent:e,slice:b[G].slice})):e.key===`Escape`&&deactivate()};return{onClick,onKeyDown,onMouseLeave:deactivate,onMouseMove}},e=>{g=e})}function hitTestArc(e,t,n,r){for(let i=0;i<e.length;i++){let a=e[i],o=t-a.centerX,s=n-a.centerY,c=Math.sqrt(o*o+s*s);if(c<a.outerRadius&&c>=a.innerRadius){let e=Math.atan2(o,-s);if(r===`semi`){if(e>=a.startAngle-1e-9&&e<=a.endAngle+1e-9)return i}else{let t=e<0?e+f:e;if(t>=a.startAngle-1e-9&&t<=a.endAngle+1e-9)return i}}}return-1}export{createPieChart};
 //# sourceMappingURL=pie-chart.js.map

package/dist/charts/pie/pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.js","names":[],"sources":["../../../src/charts/pie/pie-chart.ts"],"sourcesContent":["import { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { estimateTextWidth } from '../../svg/text';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, PieChartConfig, PieSliceConfig } from '../../types';\nimport { type Arc, arcCentroid, arcPath, computeArcs } from './pie-renderer';\n\nconst TWO_PI = 2 * Math.PI;\n/** Default `--prism-pie-label-size` in px, used to decide whether a label fits its slice. */\nconst LABEL_FONT_SIZE = 12;\n\n/** A label fits when its slice is wide enough along the centroid arc and thick enough radially. */\nfunction labelFits(arc: Arc, label: string): boolean {\n  const thickness = arc.outerRadius - arc.innerRadius;\n  const midRadius = (arc.outerRadius + arc.innerRadius) / 2;\n  const arcLength = (arc.endAngle - arc.startAngle - 2 * arc.padAngle) * midRadius;\n\n  return thickness >= LABEL_FONT_SIZE * 1.4 && arcLength >= estimateTextWidth(label, LABEL_FONT_SIZE) + 8;\n}\n\nconst SEMI_START = -Math.PI / 2; // -90° = 9-o'clock (left)\nconst SEMI_END = Math.PI / 2; // +90° = 3-o'clock (right) → true 180° half-circle\n\nfunction semiAngles(variant: PieChartConfig['variant']): { end: number; start: number } {\n  return variant === 'semi' ? { end: SEMI_END, start: SEMI_START } : { end: TWO_PI, start: 0 };\n}\n\nexport function createPieChart(container: HTMLElement, config: PieChartConfig): ChartHandle<PieSliceConfig[]> {\n  const variant = config.variant ?? 'pie';\n  const padPixels = config.padPixels ?? (variant === 'pie' ? 0 : 8);\n  const cornerRadius = config.cornerRadius ?? (variant === 'pie' ? 0 : 8);\n  let data = config.data;\n\n  // Pie SVG elements live directly on the SVG (not inside chartArea groups).\n  // We create them once and reuse across renders.\n  const bgCircle = createSvgElement('circle', { class: 'prism-pie-bg', 'pointer-events': 'none' });\n  const pieGroup = createSvgElement('g', {\n    class: 'prism-pie-slices',\n    'shape-rendering': 'geometricPrecision',\n  });\n  const labelGroup = createSvgElement('g', { class: 'prism-pie-labels', 'pointer-events': 'none' });\n\n  // Current arcs shared between renderFn and event handlers via closure.\n  let currentArcs: Arc[] = [];\n  // The geometry actually on screen right now (mid-tween included): the update\n  // morph interpolates from this, so interrupting a tween never jumps.\n  let drawnArcs: Arc[] = [];\n  let activeTween: (() => void) | null = null;\n\n  function renderLabels(slices: PieSliceConfig[]): void {\n    labelGroup.replaceChildren();\n\n    for (let i = 0; i < currentArcs.length; i++) {\n      const arc = currentArcs[i];\n      const slice = slices[i];\n\n      if (!slice?.label || !labelFits(arc, slice.label)) continue;\n\n      const { x, y } = arcCentroid(arc);\n      const text = createSvgElement('text', { class: 'prism-pie-label' });\n\n      setAttributes(text, {\n        'dominant-baseline': 'middle',\n        fill: 'var(--prism-pie-label-color, #fff)',\n        'font-family': 'var(--prism-font-family, system-ui)',\n        'font-size': 'var(--prism-pie-label-size, 12px)',\n        'text-anchor': 'middle',\n        x,\n        y,\n      });\n\n      text.textContent = slice.label;\n      labelGroup.appendChild(text);\n    }\n  }\n\n  return createRadialScaffold(\n    container,\n    {\n      a11y: config.a11y,\n      legend: config.legend,\n      tooltip: config.tooltip,\n    },\n    (ctx): ChartEventHandlers => {\n      const { legend, svg, tooltip } = ctx;\n\n      // Append pie groups to SVG on first render (idempotent).\n      if (!svg.contains(bgCircle)) {\n        svg.appendChild(bgCircle);\n        svg.appendChild(pieGroup);\n        svg.appendChild(labelGroup);\n      }\n\n      const { height: h, width: w } = ctx.dimensions;\n      const isSemi = variant === 'semi';\n      const cx = w / 2;\n      const cy = isSemi ? h * 0.85 : h / 2;\n      const padding = 8;\n      const outer = isSemi ? Math.min(cx, cy) - padding : Math.min(w, h) / 2 - padding;\n      const defaultInner = variant === 'pie' ? 0 : Math.round(outer * 0.55);\n      const inner = config.innerRadius !== undefined ? config.innerRadius : defaultInner;\n      const outerR = Math.max(inner + 1, outer);\n\n      const slices = data;\n      const { end, start } = semiAngles(variant);\n\n      currentArcs = computeArcs(\n        slices,\n        cx,\n        cy,\n        outerR,\n        inner,\n        start,\n        end,\n        padPixels,\n        cornerRadius,\n        (i) => seriesColor(i),\n        false,\n      );\n\n      setAttributes(bgCircle, { cx, cy, r: inner > 0 ? inner : 0 });\n      bgCircle.setAttribute('style', 'fill:var(--prism-bg,#fff)');\n\n      while (pieGroup.children.length > currentArcs.length) pieGroup.removeChild(pieGroup.lastChild!);\n\n      labelGroup.replaceChildren();\n\n      const motion = resolveMotion(config.transition);\n      const dur = motion.duration;\n      const easing = resolveEasing(motion.easing);\n\n      for (let i = 0; i < currentArcs.length; i++) {\n        const arc = currentArcs[i];\n        let path = pieGroup.children[i] as SVGPathElement | undefined;\n\n        if (!path) {\n          path = createSvgElement('path', { class: 'prism-pie-slice' });\n          pieGroup.appendChild(path);\n        }\n\n        path.setAttribute('fill', arc.color);\n        path.setAttribute('stroke', 'none');\n        path.style.cursor = config.onClick || config.onHover ? 'pointer' : '';\n      }\n\n      activeTween?.();\n\n      // Mount sweeps the ring in once; an update morphs every slice from its\n      // drawn angles to the new ones, which reads as the data changing rather\n      // than the chart redrawing.\n      const isMount = drawnArcs.length === 0;\n      const fromArcs = drawnArcs;\n\n      activeTween = startTween({\n        count: 1,\n        duration: dur,\n        easing,\n        onComplete: () => renderLabels(slices),\n        onFrame: (progress) => {\n          const e = progress(0);\n\n          if (isMount) {\n            const revealAngle = tweenNumber(start, end, e);\n\n            drawnArcs = currentArcs.map((a, j) => {\n              const el = pieGroup.children[j] as SVGPathElement | undefined;\n\n              if (!el) return a;\n\n              if (revealAngle <= a.startAngle) {\n                setAttributes(el, { d: '' });\n\n                return { ...a, endAngle: a.startAngle };\n              }\n\n              const visibleEnd = Math.min(a.endAngle, revealAngle);\n\n              setAttributes(el, { d: arcPath({ ...a, endAngle: visibleEnd }) });\n\n              return { ...a, endAngle: visibleEnd };\n            });\n\n            return;\n          }\n\n          drawnArcs = currentArcs.map((to, j) => {\n            const el = pieGroup.children[j] as SVGPathElement | undefined;\n            const lastDrawn = fromArcs.at(-1);\n            // A slice that was not drawn before grows out of the end of the last drawn one.\n            const from: Arc = fromArcs[j] ?? {\n              ...to,\n              endAngle: lastDrawn?.endAngle ?? start,\n              startAngle: lastDrawn?.endAngle ?? start,\n            };\n            const morphed: Arc = {\n              ...to,\n              endAngle: tweenNumber(from.endAngle, to.endAngle, e),\n              innerRadius: tweenNumber(from.innerRadius, to.innerRadius, e),\n              outerRadius: tweenNumber(from.outerRadius, to.outerRadius, e),\n              padAngle: tweenNumber(from.padAngle, to.padAngle, e),\n              startAngle: tweenNumber(from.startAngle, to.startAngle, e),\n            };\n\n            if (!el) return morphed;\n\n            setAttributes(el, {\n              d: morphed.endAngle - morphed.startAngle <= 1e-6 ? '' : arcPath(morphed),\n            });\n\n            return morphed;\n          });\n        },\n        signal: ctx.disposalSignal,\n      });\n\n      legend?.update(currentArcs.map((arc) => ({ color: arc.color, name: arc.slice.label ?? '' })));\n      tooltip?.hide();\n\n      const total = currentArcs.reduce((sum, arc) => sum + Math.max(0, arc.slice.value), 0);\n      let activeIndex = -1;\n\n      const describe = (arc: Arc): string => {\n        const percent = total > 0 ? Math.round((Math.max(0, arc.slice.value) / total) * 1000) / 10 : 0;\n\n        return `${arc.slice.label ?? `Slice ${arc.index + 1}`}: ${arc.slice.value} (${percent}%)`;\n      };\n\n      const setActive = (index: number): void => {\n        activeIndex = index;\n        pieGroup.classList.toggle('prism-pie-focused', index >= 0);\n        for (const [i, el] of [...pieGroup.children].entries())\n          el.classList.toggle('prism-pie-slice--active', i === index);\n      };\n\n      const activate = (index: number, originalEvent: Event): void => {\n        const arc = currentArcs[index];\n\n        if (!arc) return;\n\n        setActive(index);\n        config.onHover?.({ index, originalEvent, slice: arc.slice });\n\n        const text = describe(arc);\n\n        if (!tooltip) {\n          ctx.announcer.announce(text);\n\n          return;\n        }\n\n        const { x, y } = arcCentroid(arc);\n        const svgRect = svg.getBoundingClientRect();\n        const contR = container.getBoundingClientRect();\n\n        tooltip.show(\n          x + (svgRect.left - contR.left),\n          y + (svgRect.top - contR.top),\n          { key: index, value: arc.slice.value },\n          { color: arc.color, data: [], name: arc.slice.label ?? '' },\n          text,\n        );\n      };\n\n      const deactivate = (): void => {\n        setActive(-1);\n        tooltip?.hide();\n        ctx.announcer.clear();\n        config.onHover?.(null);\n      };\n\n      const hitAt = (e: MouseEvent): number => {\n        const svgRect = svg.getBoundingClientRect();\n\n        return hitTestArc(currentArcs, e.clientX - svgRect.left, e.clientY - svgRect.top, variant);\n      };\n\n      const onMouseMove = (e: MouseEvent): void => {\n        const hit = hitAt(e);\n\n        if (hit >= 0) {\n          if (hit !== activeIndex) activate(hit, e);\n        } else if (activeIndex >= 0) {\n          deactivate();\n        }\n      };\n\n      const onClick = (e: MouseEvent): void => {\n        if (!config.onClick) return;\n\n        const hit = hitAt(e);\n\n        if (hit >= 0) config.onClick({ index: hit, originalEvent: e, slice: currentArcs[hit].slice });\n      };\n\n      const onKeyDown = (e: KeyboardEvent): void => {\n        const count = currentArcs.length;\n\n        if (count === 0) return;\n\n        const step: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\n        if (e.key in step) {\n          e.preventDefault();\n          activate(\n            activeIndex < 0 ? (step[e.key] > 0 ? 0 : count - 1) : (activeIndex + step[e.key] + count) % count,\n            e,\n          );\n        } else if (e.key === 'Home' || e.key === 'End') {\n          e.preventDefault();\n          activate(e.key === 'Home' ? 0 : count - 1, e);\n        } else if ((e.key === 'Enter' || e.key === ' ') && activeIndex >= 0 && config.onClick) {\n          e.preventDefault();\n          config.onClick({ index: activeIndex, originalEvent: e, slice: currentArcs[activeIndex].slice });\n        } else if (e.key === 'Escape') {\n          deactivate();\n        }\n      };\n\n      return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n    },\n    (next) => {\n      data = next;\n    },\n  );\n}\n\nfunction hitTestArc(arcs: Arc[], mx: number, my: number, variant: PieChartConfig['variant']): number {\n  for (let i = 0; i < arcs.length; i++) {\n    const arc = arcs[i];\n    const dx = mx - arc.centerX;\n    const dy = my - arc.centerY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n\n    if (dist < arc.outerRadius && dist >= arc.innerRadius) {\n      const rawAngle = Math.atan2(dx, -dy);\n\n      if (variant === 'semi') {\n        if (rawAngle >= arc.startAngle - 1e-9 && rawAngle <= arc.endAngle + 1e-9) return i;\n      } else {\n        const angle = rawAngle < 0 ? rawAngle + TWO_PI : rawAngle;\n\n        if (angle >= arc.startAngle - 1e-9 && angle <= arc.endAngle + 1e-9) return i;\n      }\n    }\n  }\n\n  return -1;\n}\n"],"mappings":"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"}
+{"version":3,"file":"pie-chart.js","names":[],"sources":["../../../src/charts/pie/pie-chart.ts"],"sourcesContent":["import { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { startTween } from '../../animation/transition';\nimport { tweenNumber } from '../../animation/tween';\nimport type { ChartEventHandlers } from '../../core/chart-scaffold';\nimport { createRadialScaffold } from '../../core/chart-scaffold';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { estimateTextWidth } from '../../svg/text';\nimport { seriesColor } from '../../theme';\nimport type { ChartHandle, PieChartConfig, PieSliceConfig } from '../../types';\nimport { type Arc, arcCentroid, arcPath, computeArcs } from './pie-renderer';\n\nconst TWO_PI = 2 * Math.PI;\n/** Default `--prism-pie-label-size` in px, used to decide whether a label fits its slice. */\nconst LABEL_FONT_SIZE = 12;\n\n/** A label fits when its slice is wide enough along the centroid arc and thick enough radially. */\nfunction labelFits(arc: Arc, label: string): boolean {\n  const thickness = arc.outerRadius - arc.innerRadius;\n  const midRadius = (arc.outerRadius + arc.innerRadius) / 2;\n  const arcLength = (arc.endAngle - arc.startAngle - 2 * arc.padAngle) * midRadius;\n\n  return thickness >= LABEL_FONT_SIZE * 1.4 && arcLength >= estimateTextWidth(label, LABEL_FONT_SIZE) + 8;\n}\n\nconst SEMI_START = -Math.PI / 2; // -90° = 9-o'clock (left)\nconst SEMI_END = Math.PI / 2; // +90° = 3-o'clock (right) → true 180° half-circle\n\nfunction semiAngles(variant: PieChartConfig['variant']): { end: number; start: number } {\n  return variant === 'semi' ? { end: SEMI_END, start: SEMI_START } : { end: TWO_PI, start: 0 };\n}\n\nexport function createPieChart(container: HTMLElement, config: PieChartConfig): ChartHandle<PieSliceConfig[]> {\n  const variant = config.variant ?? 'pie';\n  const padPixels = config.padPixels ?? (variant === 'pie' ? 0 : 8);\n  const cornerRadius = config.cornerRadius ?? (variant === 'pie' ? 0 : 8);\n  let data = config.data;\n\n  // Pie SVG elements live directly on the SVG (not inside chartArea groups).\n  // We create them once and reuse across renders.\n  const bgCircle = createSvgElement('circle', { class: 'prism-pie-bg', 'pointer-events': 'none' });\n  const pieGroup = createSvgElement('g', {\n    class: 'prism-pie-slices',\n    'shape-rendering': 'geometricPrecision',\n  });\n  const labelGroup = createSvgElement('g', { class: 'prism-pie-labels', 'pointer-events': 'none' });\n\n  // Current arcs shared between renderFn and event handlers via closure.\n  let currentArcs: Arc[] = [];\n  // The geometry actually on screen right now (mid-tween included): the update\n  // morph interpolates from this, so interrupting a tween never jumps.\n  let drawnArcs: Arc[] = [];\n  let activeTween: (() => void) | null = null;\n\n  function renderLabels(slices: PieSliceConfig[]): void {\n    labelGroup.replaceChildren();\n\n    for (let i = 0; i < currentArcs.length; i++) {\n      const arc = currentArcs[i];\n      const slice = slices[i];\n\n      if (!slice?.label || !labelFits(arc, slice.label)) continue;\n\n      const { x, y } = arcCentroid(arc);\n      const text = createSvgElement('text', { class: 'prism-pie-label' });\n\n      setAttributes(text, {\n        'dominant-baseline': 'middle',\n        fill: 'var(--prism-pie-label-color, #fff)',\n        'font-family': 'var(--prism-font-family, system-ui)',\n        'font-size': 'var(--prism-pie-label-size, 12px)',\n        'text-anchor': 'middle',\n        x,\n        y,\n      });\n\n      text.textContent = slice.label;\n      labelGroup.appendChild(text);\n    }\n  }\n\n  return createRadialScaffold(\n    container,\n    {\n      a11y: config.a11y,\n      legend: config.legend,\n      tooltip: config.tooltip,\n    },\n    (ctx): ChartEventHandlers => {\n      const { legend, svg, tooltip } = ctx;\n      const hasSlices = data.some((slice) => slice.value > 0);\n      legend?.update(\n        hasSlices ? data.map((slice, i) => ({ color: slice.color ?? seriesColor(i), name: slice.label ?? '' })) : [],\n      );\n\n      // Append pie groups to SVG on first render (idempotent).\n      if (!svg.contains(bgCircle)) {\n        svg.appendChild(bgCircle);\n        svg.appendChild(pieGroup);\n        svg.appendChild(labelGroup);\n      }\n\n      const { height: h, width: w } = ctx.dimensions;\n      const isSemi = variant === 'semi';\n      const cx = w / 2;\n      const cy = isSemi ? h * 0.85 : h / 2;\n      const padding = 8;\n      const outer = isSemi ? Math.min(cx, cy) - padding : Math.min(w, h) / 2 - padding;\n      const defaultInner = variant === 'pie' ? 0 : Math.round(outer * 0.55);\n      const inner = config.innerRadius !== undefined ? config.innerRadius : defaultInner;\n      const outerR = Math.max(inner + 1, outer);\n\n      const slices = data;\n      const { end, start } = semiAngles(variant);\n\n      currentArcs = computeArcs(\n        slices,\n        cx,\n        cy,\n        outerR,\n        inner,\n        start,\n        end,\n        padPixels,\n        cornerRadius,\n        (i) => seriesColor(i),\n        false,\n      );\n\n      setAttributes(bgCircle, { cx, cy, r: inner > 0 ? inner : 0 });\n      bgCircle.setAttribute('style', 'fill:var(--prism-bg,#fff)');\n\n      while (pieGroup.children.length > currentArcs.length) pieGroup.removeChild(pieGroup.lastChild!);\n\n      labelGroup.replaceChildren();\n\n      const motion = resolveMotion(config.transition);\n      const dur = motion.duration;\n      const easing = resolveEasing(motion.easing);\n\n      for (let i = 0; i < currentArcs.length; i++) {\n        const arc = currentArcs[i];\n        let path = pieGroup.children[i] as SVGPathElement | undefined;\n\n        if (!path) {\n          path = createSvgElement('path', { class: 'prism-pie-slice' });\n          pieGroup.appendChild(path);\n        }\n\n        path.setAttribute('fill', arc.color);\n        path.setAttribute('stroke', 'none');\n        path.style.cursor = config.onClick || config.onHover ? 'pointer' : '';\n      }\n\n      activeTween?.();\n\n      // Mount sweeps the ring in once; an update morphs every slice from its\n      // drawn angles to the new ones, which reads as the data changing rather\n      // than the chart redrawing.\n      const isMount = drawnArcs.length === 0;\n      const fromArcs = drawnArcs;\n\n      activeTween = startTween({\n        count: 1,\n        duration: dur,\n        easing,\n        onComplete: () => renderLabels(slices),\n        onFrame: (progress) => {\n          const e = progress(0);\n\n          if (isMount) {\n            const revealAngle = tweenNumber(start, end, e);\n\n            drawnArcs = currentArcs.map((a, j) => {\n              const el = pieGroup.children[j] as SVGPathElement | undefined;\n\n              if (!el) return a;\n\n              if (revealAngle <= a.startAngle) {\n                setAttributes(el, { d: '' });\n\n                return { ...a, endAngle: a.startAngle };\n              }\n\n              const visibleEnd = Math.min(a.endAngle, revealAngle);\n\n              setAttributes(el, { d: arcPath({ ...a, endAngle: visibleEnd }) });\n\n              return { ...a, endAngle: visibleEnd };\n            });\n\n            return;\n          }\n\n          drawnArcs = currentArcs.map((to, j) => {\n            const el = pieGroup.children[j] as SVGPathElement | undefined;\n            const lastDrawn = fromArcs.at(-1);\n            // A slice that was not drawn before grows out of the end of the last drawn one.\n            const from: Arc = fromArcs[j] ?? {\n              ...to,\n              endAngle: lastDrawn?.endAngle ?? start,\n              startAngle: lastDrawn?.endAngle ?? start,\n            };\n            const morphed: Arc = {\n              ...to,\n              endAngle: tweenNumber(from.endAngle, to.endAngle, e),\n              innerRadius: tweenNumber(from.innerRadius, to.innerRadius, e),\n              outerRadius: tweenNumber(from.outerRadius, to.outerRadius, e),\n              padAngle: tweenNumber(from.padAngle, to.padAngle, e),\n              startAngle: tweenNumber(from.startAngle, to.startAngle, e),\n            };\n\n            if (!el) return morphed;\n\n            setAttributes(el, {\n              d: morphed.endAngle - morphed.startAngle <= 1e-6 ? '' : arcPath(morphed),\n            });\n\n            return morphed;\n          });\n        },\n        signal: ctx.disposalSignal,\n      });\n\n      tooltip?.hide();\n\n      const total = currentArcs.reduce((sum, arc) => sum + Math.max(0, arc.slice.value), 0);\n      let activeIndex = -1;\n\n      const describe = (arc: Arc): string => {\n        const percent = total > 0 ? Math.round((Math.max(0, arc.slice.value) / total) * 1000) / 10 : 0;\n\n        return `${arc.slice.label ?? `Slice ${arc.index + 1}`}: ${arc.slice.value} (${percent}%)`;\n      };\n\n      const setActive = (index: number): void => {\n        activeIndex = index;\n        pieGroup.classList.toggle('prism-pie-focused', index >= 0);\n        for (const [i, el] of [...pieGroup.children].entries())\n          el.classList.toggle('prism-pie-slice--active', i === index);\n      };\n\n      const activate = (index: number, originalEvent: Event): void => {\n        const arc = currentArcs[index];\n\n        if (!arc) return;\n\n        setActive(index);\n        config.onHover?.({ index, originalEvent, slice: arc.slice });\n\n        const text = describe(arc);\n\n        if (!tooltip) {\n          ctx.announcer.announce(text);\n\n          return;\n        }\n\n        const { x, y } = arcCentroid(arc);\n        const svgRect = svg.getBoundingClientRect();\n        const contR = container.getBoundingClientRect();\n\n        tooltip.show(\n          x + (svgRect.left - contR.left),\n          y + (svgRect.top - contR.top),\n          { key: index, value: arc.slice.value },\n          { color: arc.color, data: [], name: arc.slice.label ?? '' },\n          text,\n        );\n      };\n\n      const deactivate = (): void => {\n        setActive(-1);\n        tooltip?.hide();\n        ctx.announcer.clear();\n        config.onHover?.(null);\n      };\n\n      const hitAt = (e: MouseEvent): number => {\n        const svgRect = svg.getBoundingClientRect();\n\n        return hitTestArc(currentArcs, e.clientX - svgRect.left, e.clientY - svgRect.top, variant);\n      };\n\n      const onMouseMove = (e: MouseEvent): void => {\n        const hit = hitAt(e);\n\n        if (hit >= 0) {\n          if (hit !== activeIndex) activate(hit, e);\n        } else if (activeIndex >= 0) {\n          deactivate();\n        }\n      };\n\n      const onClick = (e: MouseEvent): void => {\n        if (!config.onClick) return;\n\n        const hit = hitAt(e);\n\n        if (hit >= 0) config.onClick({ index: hit, originalEvent: e, slice: currentArcs[hit].slice });\n      };\n\n      const onKeyDown = (e: KeyboardEvent): void => {\n        const count = currentArcs.length;\n\n        if (count === 0) return;\n\n        const step: Record<string, number> = { ArrowDown: 1, ArrowLeft: -1, ArrowRight: 1, ArrowUp: -1 };\n\n        if (e.key in step) {\n          e.preventDefault();\n          activate(\n            activeIndex < 0 ? (step[e.key] > 0 ? 0 : count - 1) : (activeIndex + step[e.key] + count) % count,\n            e,\n          );\n        } else if (e.key === 'Home' || e.key === 'End') {\n          e.preventDefault();\n          activate(e.key === 'Home' ? 0 : count - 1, e);\n        } else if ((e.key === 'Enter' || e.key === ' ') && activeIndex >= 0 && config.onClick) {\n          e.preventDefault();\n          config.onClick({ index: activeIndex, originalEvent: e, slice: currentArcs[activeIndex].slice });\n        } else if (e.key === 'Escape') {\n          deactivate();\n        }\n      };\n\n      return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n    },\n    (next) => {\n      data = next;\n    },\n  );\n}\n\nfunction hitTestArc(arcs: Arc[], mx: number, my: number, variant: PieChartConfig['variant']): number {\n  for (let i = 0; i < arcs.length; i++) {\n    const arc = arcs[i];\n    const dx = mx - arc.centerX;\n    const dy = my - arc.centerY;\n    const dist = Math.sqrt(dx * dx + dy * dy);\n\n    if (dist < arc.outerRadius && dist >= arc.innerRadius) {\n      const rawAngle = Math.atan2(dx, -dy);\n\n      if (variant === 'semi') {\n        if (rawAngle >= arc.startAngle - 1e-9 && rawAngle <= arc.endAngle + 1e-9) return i;\n      } else {\n        const angle = rawAngle < 0 ? rawAngle + TWO_PI : rawAngle;\n\n        if (angle >= arc.startAngle - 1e-9 && angle <= arc.endAngle + 1e-9) return i;\n      }\n    }\n  }\n\n  return -1;\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/interaction/legend.cjs

@@ -1,2 +1,2 @@
-function resolvePosition(e){return e===!0?`bottom`:e.position??`bottom`}function createLegend(e,t){let n=resolvePosition(t),r=document.createElement(`div`);r.className=`prism-legend prism-legend-${n}`,n===`top`?e.insertBefore(r,e.firstChild):e.appendChild(r);let disposeHandle=()=>{r.remove()};return{dispose:disposeHandle,el:r,[Symbol.dispose]:disposeHandle,update(e){r.replaceChildren();for(let t of e){let e=document.createElement(`div`);e.className=`prism-legend-item`;let n=document.createElement(`span`);n.className=`prism-legend-dot`,n.style.backgroundColor=t.color;let i=document.createElement(`span`);i.className=`prism-legend-label`,i.textContent=t.name,e.appendChild(n),e.appendChild(i),r.appendChild(e)}}}}exports.createLegend=createLegend;
+function resolvePosition(e){return e===!0?`bottom`:e.position??`bottom`}function createLegend(e,t,n){let r=resolvePosition(t),i=document.createElement(`div`);i.className=`prism-legend prism-legend-${r}`,r===`top`?e.insertBefore(i,e.firstChild):e.appendChild(i);let disposeHandle=()=>{i.remove()};return{dispose:disposeHandle,el:i,[Symbol.dispose]:disposeHandle,update(e){i.replaceChildren();for(let t of e){let e=document.createElement(`div`);e.className=`prism-legend-item`;let n=document.createElement(`span`);n.className=`prism-legend-dot`,n.style.backgroundColor=t.color;let r=document.createElement(`span`);r.className=`prism-legend-label`,r.textContent=t.name,e.appendChild(n),e.appendChild(r),i.appendChild(e)}n?.()}}}exports.createLegend=createLegend;
 //# sourceMappingURL=legend.cjs.map

package/dist/interaction/legend.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"legend.cjs","names":[],"sources":["../../src/interaction/legend.ts"],"sourcesContent":["import type { LegendConfig, LegendPosition } from '../types';\n\nexport interface LegendState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  update(series: { color: string; name: string }[]): void;\n  [Symbol.dispose](): void;\n}\n\nfunction resolvePosition(config: LegendConfig | true): LegendPosition {\n  if (config === true) return 'bottom';\n\n  return config.position ?? 'bottom';\n}\n\nexport function createLegend(container: HTMLElement, config: LegendConfig | true): LegendState {\n  const position = resolvePosition(config);\n  const el = document.createElement('div');\n\n  el.className = `prism-legend prism-legend-${position}`;\n\n  if (position === 'top') {\n    container.insertBefore(el, container.firstChild);\n  } else {\n    container.appendChild(el);\n  }\n\n  const disposeHandle = (): void => {\n    el.remove();\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    [Symbol.dispose]: disposeHandle,\n    update(series) {\n      el.replaceChildren();\n      for (const s of series) {\n        const item = document.createElement('div');\n\n        item.className = 'prism-legend-item';\n\n        const dot = document.createElement('span');\n\n        dot.className = 'prism-legend-dot';\n        dot.style.backgroundColor = s.color;\n\n        const label = document.createElement('span');\n\n        label.className = 'prism-legend-label';\n        label.textContent = s.name;\n\n        item.appendChild(dot);\n        item.appendChild(label);\n        el.appendChild(item);\n      }\n    },\n  };\n}\n"],"mappings":"AASA,SAAS,gBAAgB,EAA6C,CAGpE,OAFI,IAAW,GAAa,SAErB,EAAO,UAAY,QAC5B,CAEA,SAAgB,aAAa,EAAwB,EAA0C,CAC7F,IAAM,EAAW,gBAAgB,CAAM,EACjC,EAAK,SAAS,cAAc,KAAK,EAEvC,EAAG,UAAY,6BAA6B,IAExC,IAAa,MACf,EAAU,aAAa,EAAI,EAAU,UAAU,EAE/C,EAAU,YAAY,CAAE,EAG1B,IAAM,kBAA4B,CAChC,EAAG,OAAO,CACZ,EAEA,MAAO,CACL,QAAS,cACT,MACC,OAAO,SAAU,cAClB,OAAO,EAAQ,CACb,EAAG,gBAAgB,EACnB,IAAK,IAAM,KAAK,EAAQ,CACtB,IAAM,EAAO,SAAS,cAAc,KAAK,EAEzC,EAAK,UAAY,oBAEjB,IAAM,EAAM,SAAS,cAAc,MAAM,EAEzC,EAAI,UAAY,mBAChB,EAAI,MAAM,gBAAkB,EAAE,MAE9B,IAAM,EAAQ,SAAS,cAAc,MAAM,EAE3C,EAAM,UAAY,qBAClB,EAAM,YAAc,EAAE,KAEtB,EAAK,YAAY,CAAG,EACpB,EAAK,YAAY,CAAK,EACtB,EAAG,YAAY,CAAI,CACrB,CACF,CACF,CACF"}
+{"version":3,"file":"legend.cjs","names":[],"sources":["../../src/interaction/legend.ts"],"sourcesContent":["import type { LegendConfig, LegendPosition } from '../types';\n\nexport interface LegendState {\n  dispose(): void;\n  el: HTMLDivElement | null;\n  update(series: { color: string; name: string }[]): void;\n  [Symbol.dispose](): void;\n}\n\nfunction resolvePosition(config: LegendConfig | true): LegendPosition {\n  if (config === true) return 'bottom';\n\n  return config.position ?? 'bottom';\n}\n\nexport function createLegend(container: HTMLElement, config: LegendConfig | true, onLayout?: () => void): LegendState {\n  const position = resolvePosition(config);\n  const el = document.createElement('div');\n\n  el.className = `prism-legend prism-legend-${position}`;\n\n  if (position === 'top') {\n    container.insertBefore(el, container.firstChild);\n  } else {\n    container.appendChild(el);\n  }\n\n  const disposeHandle = (): void => {\n    el.remove();\n  };\n\n  return {\n    dispose: disposeHandle,\n    el,\n    [Symbol.dispose]: disposeHandle,\n    update(series) {\n      el.replaceChildren();\n      for (const s of series) {\n        const item = document.createElement('div');\n\n        item.className = 'prism-legend-item';\n\n        const dot = document.createElement('span');\n\n        dot.className = 'prism-legend-dot';\n        dot.style.backgroundColor = s.color;\n\n        const label = document.createElement('span');\n\n        label.className = 'prism-legend-label';\n        label.textContent = s.name;\n\n        item.appendChild(dot);\n        item.appendChild(label);\n        el.appendChild(item);\n      }\n      onLayout?.();\n    },\n  };\n}\n"],"mappings":"AASA,SAAS,gBAAgB,EAA6C,CAGpE,OAFI,IAAW,GAAa,SAErB,EAAO,UAAY,QAC5B,CAEA,SAAgB,aAAa,EAAwB,EAA6B,EAAoC,CACpH,IAAM,EAAW,gBAAgB,CAAM,EACjC,EAAK,SAAS,cAAc,KAAK,EAEvC,EAAG,UAAY,6BAA6B,IAExC,IAAa,MACf,EAAU,aAAa,EAAI,EAAU,UAAU,EAE/C,EAAU,YAAY,CAAE,EAG1B,IAAM,kBAA4B,CAChC,EAAG,OAAO,CACZ,EAEA,MAAO,CACL,QAAS,cACT,MACC,OAAO,SAAU,cAClB,OAAO,EAAQ,CACb,EAAG,gBAAgB,EACnB,IAAK,IAAM,KAAK,EAAQ,CACtB,IAAM,EAAO,SAAS,cAAc,KAAK,EAEzC,EAAK,UAAY,oBAEjB,IAAM,EAAM,SAAS,cAAc,MAAM,EAEzC,EAAI,UAAY,mBAChB,EAAI,MAAM,gBAAkB,EAAE,MAE9B,IAAM,EAAQ,SAAS,cAAc,MAAM,EAE3C,EAAM,UAAY,qBAClB,EAAM,YAAc,EAAE,KAEtB,EAAK,YAAY,CAAG,EACpB,EAAK,YAAY,CAAK,EACtB,EAAG,YAAY,CAAI,CACrB,CACA,IAAW,CACb,CACF,CACF"}

package/dist/interaction/legend.d.ts

@@ -8,5 +8,5 @@ export interface LegendState {
     }[]): void;
     [Symbol.dispose](): void;
 }
-export declare function createLegend(container: HTMLElement, config: LegendConfig | true): LegendState;
+export declare function createLegend(container: HTMLElement, config: LegendConfig | true, onLayout?: () => void): LegendState;
 //# sourceMappingURL=legend.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/interaction/legend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,OAAO,IAAI,IAAI,CAAC;IAChB,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IACxD,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;CAC1B;AAQD,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,WAAW,CA2C7F"}
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../src/interaction/legend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,WAAW;IAC1B,OAAO,IAAI,IAAI,CAAC;IAChB,EAAE,EAAE,cAAc,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,IAAI,CAAC;IACxD,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;CAC1B;AAQD,wBAAgB,YAAY,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,WAAW,CA4CpH"}

package/dist/interaction/legend.js

@@ -1,2 +1,2 @@
-function resolvePosition(e){return e===!0?`bottom`:e.position??`bottom`}function createLegend(e,t){let n=resolvePosition(t),r=document.createElement(`div`);r.className=`prism-legend prism-legend-${n}`,n===`top`?e.insertBefore(r,e.firstChild):e.appendChild(r);let disposeHandle=()=>{r.remove()};return{dispose:disposeHandle,el:r,[Symbol.dispose]:disposeHandle,update(e){r.replaceChildren();for(let t of e){let e=document.createElement(`div`);e.className=`prism-legend-item`;let n=document.createElement(`span`);n.className=`prism-legend-dot`,n.style.backgroundColor=t.color;let i=document.createElement(`span`);i.className=`prism-legend-label`,i.textContent=t.name,e.appendChild(n),e.appendChild(i),r.appendChild(e)}}}}export{createLegend};
+function resolvePosition(e){return e===!0?`bottom`:e.position??`bottom`}function createLegend(e,t,n){let r=resolvePosition(t),i=document.createElement(`div`);i.className=`prism-legend prism-legend-${r}`,r===`top`?e.insertBefore(i,e.firstChild):e.appendChild(i);let disposeHandle=()=>{i.remove()};return{dispose:disposeHandle,el:i,[Symbol.dispose]:disposeHandle,update(e){i.replaceChildren();for(let t of e){let e=document.createElement(`div`);e.className=`prism-legend-item`;let n=document.createElement(`span`);n.className=`prism-legend-dot`,n.style.backgroundColor=t.color;let r=document.createElement(`span`);r.className=`prism-legend-label`,r.textContent=t.name,e.appendChild(n),e.appendChild(r),i.appendChild(e)}n?.()}}}export{createLegend};
 //# sourceMappingURL=legend.js.map