@vielzeug/prism 2.2.5 → 3.0.0

package/README.md

@@ -1,72 +1,50 @@
 # @vielzeug/prism
 
-> Reactive SVG charting library — line, bar, area, pie, and sparkline charts with keyed data, accessible interactions, and signal-driven updates.
-
-[![npm version](https://img.shields.io/npm/v/@vielzeug/prism)](https://www.npmjs.com/package/@vielzeug/prism) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-<details>
-<summary>Quick Reference</summary>
-
-**Package:** `@vielzeug/prism` &nbsp;·&nbsp; **Category:** UI / Visualization
-
-**Key exports:** `createLineChart`, `createBarChart`, `createAreaChart`, `createPieChart`, `createSparkline`, `linearScale`, `timeScale`, `bandScale`, `seriesColor`, `setTheme`
-
-**When to use:** Data visualization with reactive charts that auto-update when signal-based data sources change. Renders accessible SVG, themeable via CSS custom properties.
-
-**Related:** [@vielzeug/ripple](https://vielzeug.dev/ripple/) · [@vielzeug/refine](https://vielzeug.dev/refine/) · [@vielzeug/orbit](https://vielzeug.dev/orbit/)
-
-</details>
-
-`@vielzeug/prism` is part of Vielzeug. It depends on Orbit for tooltips and Ripple for reactivity, and ships as a TypeScript package with ESM+CJS output.
+> Responsive SVG charts with explicit updates — line, bar, area, pie, sparkline
 
 ## Installation
 
 ```sh
-# pnpm
 pnpm add @vielzeug/prism
-# npm
 npm install @vielzeug/prism
-# yarn
 yarn add @vielzeug/prism
 ```
 
-## Sub-paths
-
-| Import                     | Purpose                                                        |
-| -------------------------- | -------------------------------------------------------------- |
-| `@vielzeug/prism`          | Chart factories, scales, and types                             |
-| `@vielzeug/prism/theme`    | Default CSS custom properties (light + dark mode)              |
-| `@vielzeug/prism/devtools` | `warn` / `issue` helpers (dev-only, tree-shaken in production) |
-
 ## Quick Start
 
 ```ts
 import { createLineChart, setTheme } from '@vielzeug/prism';
-import { signal } from '@vielzeug/ripple';
 import '@vielzeug/prism/theme';
 
 // Optional: apply a custom color palette at startup
 setTheme({ colors: ['#6366f1', '#22d3ee', '#f59e0b', '#10b981'] });
 
-const data = signal([
-  { x: 1, y: 10 },
-  { x: 2, y: 25 },
-  { x: 3, y: 18 },
-  { x: 4, y: 32 },
-]);
+let series = [
+  {
+    color: '#3b82f6',
+    data: [
+      { key: 1, value: 10 },
+      { key: 2, value: 25 },
+      { key: 3, value: 18 },
+      { key: 4, value: 32 },
+    ],
+    name: 'Revenue',
+  },
+];
 
 const chart = createLineChart(document.getElementById('chart')!, {
   a11y: { ariaLabel: 'Revenue by month' },
-  series: [{ name: 'Revenue', data, color: '#3b82f6' }],
+  series,
   xAxis: { position: 'bottom' },
   yAxis: { position: 'left', grid: true },
   tooltip: true,
   crosshair: true,
-  onHover: (event) => console.log(event?.point),
+  onHover: (event) => console.log(event?.datum),
 });
 
-// Data updates → chart re-renders automatically
-data.value = [...data.value, { x: 5, y: 28 }];
+// Replace data explicitly when application state changes
+series = [{ ...series[0]!, data: [...series[0]!.data, { key: 5, value: 28 }] }];
+chart.update(series);
 
 // Cleanup (also works with TC39 `using` declarations)
 chart.dispose();
@@ -78,6 +56,7 @@ chart.dispose();
 - [Usage Guide](https://vielzeug.dev/prism/usage)
 - [API Reference](https://vielzeug.dev/prism/api)
 - [Examples](https://vielzeug.dev/prism/examples)
+- [Migration Guide](https://vielzeug.dev/prism/migration)
 
 ## License
 

package/dist/_dev.cjs

@@ -1,2 +1,2 @@
-function e(e){}function t(e,...t){}exports.error=t,exports.warn=e;
+function e(e){}exports.warn=e;
 //# sourceMappingURL=_dev.cjs.map

package/dist/_dev.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"_dev.cjs","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AASA,SAAgB,EAAK,EAAmB,CAExC,CAMA,SAAgB,EAAM,EAAa,GAAG,EAAuB,CAE7D"}
+{"version":3,"file":"_dev.cjs","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":"AASA,SAAgB,EAAK,EAAmB,CAExC"}

package/dist/_dev.js

@@ -1,7 +1,6 @@
 //#region src/_dev.ts
 function e(e) {}
-function t(e, ...t) {}
 //#endregion
-export { t as error, e as warn };
+export { e as warn };
 
 //# sourceMappingURL=_dev.js.map

package/dist/_dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"_dev.js","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":";AASA,SAAgB,EAAK,GAAmB,CAExC;AAMA,SAAgB,EAAM,GAAa,GAAG,GAAuB,CAE7D"}
+{"version":3,"file":"_dev.js","names":[],"sources":["../src/_dev.ts"],"sourcesContent":["/** @internal */\nconst isDev = !(globalThis as { __PRISM_PROD__?: boolean }).__PRISM_PROD__;\n\n/**\n * Emits a `console.warn` in development builds only.\n * @internal\n * @security Messages may include user-supplied data (e.g. category names, x-values).\n * Never pass PII, tokens, or secrets as chart data labels.\n */\nexport function warn(msg: string): void {\n  if (isDev) console.warn(`[@vielzeug/prism] ${msg}`);\n}\n\n/**\n * Emits a `console.error` in development builds only.\n * @internal\n */\nexport function error(msg: string, ...args: unknown[]): void {\n  if (isDev) console.error(`[@vielzeug/prism] ${msg}`, ...args);\n}\n\n/** @internal — Run fn only in dev builds. Use when dev-only logic goes beyond a single warn() / error() call. */\nexport function devOnly(fn: () => void): void {\n  if (isDev) fn();\n}\n"],"mappings":";AASA,SAAgB,EAAK,GAAmB,CAExC"}

package/dist/axes/axis.cjs

@@ -1,2 +1,2 @@
-const e=require("../svg/element.cjs"),t=require("../svg/text.cjs"),n=require("./scale-utils.cjs");var r=e=>e instanceof Date?e.toLocaleDateString(void 0,{month:`short`,year:`numeric`}):String(e);function i(e,t,n){let r=e.position??n,i=r===`bottom`||r===`top`?Math.max(2,Math.floor(t/80)):Math.max(2,Math.floor(t/50));return e.tickCount??i}function a(a,o,s,c,l=`bottom`){e.removeChildren(a);let u=s.position??l,d=u===`bottom`||u===`top`,f=u===`top`||u===`left`,p=f?-1:1,m=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-line`,x1:0,x2:d?c:0,y1:0,y2:d?0:c});a.appendChild(m);let h=o.ticks(i(s,c,l)),g=s.tickFormat??r;for(let r of h){let i=n.mapTick(o,r),s=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-tick`,x1:d?i:0,x2:d?i:6*p,y1:d?0:i,y2:d?6*p:i});a.appendChild(s);let c=t.createTextElement(g(r),{"aria-hidden":`true`,class:`prism-axis-label`,"dominant-baseline":d?f?`auto`:`hanging`:`middle`,"text-anchor":d?`middle`:f?`end`:`start`,x:d?i:6*p*1.5,y:d?6*p*1.5:i});a.appendChild(c)}if(s.label){let n=t.createTextElement(s.label,{class:`prism-axis-title`,"dominant-baseline":`middle`,"text-anchor":`middle`});d?e.setAttributes(n,{x:c/2,y:6*p*3.5}):e.setAttributes(n,{transform:`translate(${6*p*4}, ${c/2}) rotate(-90)`}),a.appendChild(n)}}exports.renderAxis=a,exports.resolveTickCount=i;
+const e=require("../svg/element.cjs"),t=require("../svg/text.cjs"),n=require("./scale-utils.cjs");var r=e=>e instanceof Date?e.toLocaleDateString(void 0,{month:`short`,year:`numeric`}):String(e);function i(e,t,n,r){let i=t===`bottom`?`translate(0,${r})`:t===`right`?`translate(${n},0)`:void 0;i?e.setAttribute(`transform`,i):e.removeAttribute(`transform`)}function a(e,t,n){let r=e.position??n,i=r===`bottom`||r===`top`?Math.max(2,Math.floor(t/80)):Math.max(2,Math.floor(t/50));return e.tickCount??i}function o(i,o,s,c,l=`bottom`){e.removeChildren(i);let u=s.position??l,d=u===`bottom`||u===`top`,f=u===`top`||u===`left`,p=f?-1:1,m=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-line`,x1:0,x2:d?c:0,y1:0,y2:d?0:c});i.appendChild(m);let h=o.ticks(a(s,c,l)),g=s.tickFormat??r;for(let r of h){let a=n.mapTick(o,r),s=e.createSvgElement(`line`,{"aria-hidden":`true`,class:`prism-axis-tick`,x1:d?a:0,x2:d?a:6*p,y1:d?0:a,y2:d?6*p:a});i.appendChild(s);let c=t.createTextElement(g(r),{"aria-hidden":`true`,class:`prism-axis-label`,"dominant-baseline":d?f?`auto`:`hanging`:`middle`,"text-anchor":d?`middle`:f?`end`:`start`,x:d?a:6*p*1.5,y:d?6*p*1.5:a});i.appendChild(c)}if(s.label){let n=t.createTextElement(s.label,{class:`prism-axis-title`,"dominant-baseline":`middle`,"text-anchor":`middle`});d?e.setAttributes(n,{x:c/2,y:6*p*6}):e.setAttributes(n,{transform:`translate(${6*p*7}, ${c/2}) rotate(-90)`}),i.appendChild(n)}}exports.positionAxis=i,exports.renderAxis=o,exports.resolveTickCount=a;
 //# sourceMappingURL=axis.cjs.map

package/dist/axes/axis.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"axis.cjs","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport type { AxisConfig, AxisPosition } from '../types';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 3.5 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 4}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":"kGAKA,IAAM,EAAqB,GACzB,aAAa,KAAO,EAAE,mBAAmB,IAAA,GAAW,CAAE,MAAO,QAAS,KAAM,SAAU,CAAC,EAAI,OAAO,CAAC,EAOrG,SAAgB,EAAiB,EAAoB,EAAgB,EAAuC,CAC1G,IAAM,EAAW,EAAO,UAAY,EAE9B,EADe,IAAa,UAAY,IAAa,MACnB,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAAI,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAElH,OAAO,EAAO,WAAa,CAC7B,CAOA,SAAgB,EACd,EACA,EACA,EACA,EACA,EAAgC,SAC1B,CACN,EAAA,eAAe,CAAM,EAErB,IAAM,EAAW,EAAO,UAAY,EAC9B,EAAe,IAAa,UAAY,IAAa,MACrD,EAAa,IAAa,OAAS,IAAa,OAEhD,EAAgB,EAAa,GAAK,EAElC,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAmB,EACnB,GAAI,EAAe,EAAS,EAC5B,GAAmB,EACnB,GAAI,EAAe,EAAI,CACzB,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAM,MAAM,EAAiB,EAAQ,EAAQ,CAAe,CAAC,EACrE,EAAS,EAAO,YAAc,EAEpC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAM,EAAA,QAAQ,EAAO,CAAI,EACzB,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAI,EAAe,EAAM,EACzB,GAAI,EAAe,EAAM,EAAW,EACpC,GAAI,EAAe,EAAI,EACvB,GAAI,EAAe,EAAW,EAAgB,CAChD,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAA,kBAAkB,EAAO,CAAI,EAAG,CAC5C,cAAe,OACf,MAAO,mBACP,oBAAqB,EAAgB,EAAa,OAAS,UAAa,SACxE,cAAe,EAAe,SAAW,EAAa,MAAQ,QAC9D,EAAG,EAAe,EAAM,EAAW,EAAgB,IACnD,EAAG,EAAe,EAAW,EAAgB,IAAM,CACrD,CAAC,EAED,EAAO,YAAY,CAAK,CAC1B,CAEA,GAAI,EAAO,MAAO,CAChB,IAAM,EAAU,EAAA,kBAAkB,EAAO,MAAO,CAC9C,MAAO,mBACP,oBAAqB,SACrB,cAAe,QACjB,CAAC,EAEG,EACF,EAAA,cAAc,EAAS,CAAE,EAAG,EAAS,EAAG,EAAG,EAAW,EAAgB,GAAI,CAAC,EAE3E,EAAA,cAAc,EAAS,CACrB,UAAW,aAAa,EAAW,EAAgB,EAAE,IAAI,EAAS,EAAE,cACtE,CAAC,EAGH,EAAO,YAAY,CAAO,CAC5B,CACF"}
+{"version":3,"file":"axis.cjs","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport type { AxisConfig, AxisPosition } from '../types';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function positionAxis(parent: SVGGElement, position: AxisPosition, width: number, height: number): void {\n  const transform =\n    position === 'bottom' ? `translate(0,${height})` : position === 'right' ? `translate(${width},0)` : undefined;\n\n  if (transform) parent.setAttribute('transform', transform);\n  else parent.removeAttribute('transform');\n}\n\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 6 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 7}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":"kGAKA,IAAM,EAAqB,GACzB,aAAa,KAAO,EAAE,mBAAmB,IAAA,GAAW,CAAE,MAAO,QAAS,KAAM,SAAU,CAAC,EAAI,OAAO,CAAC,EAOrG,SAAgB,EAAa,EAAqB,EAAwB,EAAe,EAAsB,CAC7G,IAAM,EACJ,IAAa,SAAW,eAAe,EAAO,GAAK,IAAa,QAAU,aAAa,EAAM,KAAO,IAAA,GAElG,EAAW,EAAO,aAAa,YAAa,CAAS,EACpD,EAAO,gBAAgB,WAAW,CACzC,CAEA,SAAgB,EAAiB,EAAoB,EAAgB,EAAuC,CAC1G,IAAM,EAAW,EAAO,UAAY,EAE9B,EADe,IAAa,UAAY,IAAa,MACnB,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAAI,KAAK,IAAI,EAAG,KAAK,MAAM,EAAS,EAAE,CAAC,EAElH,OAAO,EAAO,WAAa,CAC7B,CAOA,SAAgB,EACd,EACA,EACA,EACA,EACA,EAAgC,SAC1B,CACN,EAAA,eAAe,CAAM,EAErB,IAAM,EAAW,EAAO,UAAY,EAC9B,EAAe,IAAa,UAAY,IAAa,MACrD,EAAa,IAAa,OAAS,IAAa,OAEhD,EAAgB,EAAa,GAAK,EAElC,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAmB,EACnB,GAAI,EAAe,EAAS,EAC5B,GAAmB,EACnB,GAAI,EAAe,EAAI,CACzB,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAM,MAAM,EAAiB,EAAQ,EAAQ,CAAe,CAAC,EACrE,EAAS,EAAO,YAAc,EAEpC,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAM,EAAA,QAAQ,EAAO,CAAI,EACzB,EAAW,EAAA,iBAAiB,OAAQ,CACxC,cAAe,OACf,MAAO,kBACP,GAAI,EAAe,EAAM,EACzB,GAAI,EAAe,EAAM,EAAW,EACpC,GAAI,EAAe,EAAI,EACvB,GAAI,EAAe,EAAW,EAAgB,CAChD,CAAC,EAED,EAAO,YAAY,CAAQ,EAE3B,IAAM,EAAQ,EAAA,kBAAkB,EAAO,CAAI,EAAG,CAC5C,cAAe,OACf,MAAO,mBACP,oBAAqB,EAAgB,EAAa,OAAS,UAAa,SACxE,cAAe,EAAe,SAAW,EAAa,MAAQ,QAC9D,EAAG,EAAe,EAAM,EAAW,EAAgB,IACnD,EAAG,EAAe,EAAW,EAAgB,IAAM,CACrD,CAAC,EAED,EAAO,YAAY,CAAK,CAC1B,CAEA,GAAI,EAAO,MAAO,CAChB,IAAM,EAAU,EAAA,kBAAkB,EAAO,MAAO,CAC9C,MAAO,mBACP,oBAAqB,SACrB,cAAe,QACjB,CAAC,EAEG,EACF,EAAA,cAAc,EAAS,CAAE,EAAG,EAAS,EAAG,EAAG,EAAW,EAAgB,CAAE,CAAC,EAEzE,EAAA,cAAc,EAAS,CACrB,UAAW,aAAa,EAAW,EAAgB,EAAE,IAAI,EAAS,EAAE,cACtE,CAAC,EAGH,EAAO,YAAY,CAAO,CAC5B,CACF"}

package/dist/axes/axis.d.ts

@@ -5,6 +5,7 @@ import { type AnyScale } from './scale-utils';
  * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the
  * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).
  */
+export declare function positionAxis(parent: SVGGElement, position: AxisPosition, width: number, height: number): void;
 export declare function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number;
 /**
  * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an

package/dist/axes/axis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../src/axes/axis.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,eAAe,CAAC;AAKvD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,GAAG,MAAM,CAM1G;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,YAAuB,GACvC,IAAI,CAiEN"}
+{"version":3,"file":"axis.d.ts","sourceRoot":"","sources":["../../src/axes/axis.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,eAAe,CAAC;AAKvD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAM7G;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,YAAY,GAAG,MAAM,CAM1G;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,MAAM,EACd,eAAe,GAAE,YAAuB,GACvC,IAAI,CAiEN"}

package/dist/axes/axis.js

@@ -6,12 +6,16 @@ var a = (e) => e instanceof Date ? e.toLocaleDateString(void 0, {
 	month: "short",
 	year: "numeric"
 }) : String(e);
-function o(e, t, n) {
+function o(e, t, n, r) {
+	let i = t === "bottom" ? `translate(0,${r})` : t === "right" ? `translate(${n},0)` : void 0;
+	i ? e.setAttribute("transform", i) : e.removeAttribute("transform");
+}
+function s(e, t, n) {
 	let r = e.position ?? n, i = r === "bottom" || r === "top" ? Math.max(2, Math.floor(t / 80)) : Math.max(2, Math.floor(t / 50));
 	return e.tickCount ?? i;
 }
-function s(s, c, l, u, d = "bottom") {
-	t(s);
+function c(o, c, l, u, d = "bottom") {
+	t(o);
 	let f = l.position ?? d, p = f === "bottom" || f === "top", m = f === "top" || f === "left", h = m ? -1 : 1, g = e("line", {
 		"aria-hidden": "true",
 		class: "prism-axis-line",
@@ -20,8 +24,8 @@ function s(s, c, l, u, d = "bottom") {
 		y1: 0,
 		y2: p ? 0 : u
 	});
-	s.appendChild(g);
-	let _ = c.ticks(o(l, u, d)), v = l.tickFormat ?? a;
+	o.appendChild(g);
+	let _ = c.ticks(s(l, u, d)), v = l.tickFormat ?? a;
 	for (let t of _) {
 		let n = i(c, t), a = e("line", {
 			"aria-hidden": "true",
@@ -31,8 +35,8 @@ function s(s, c, l, u, d = "bottom") {
 			y1: p ? 0 : n,
 			y2: p ? 6 * h : n
 		});
-		s.appendChild(a);
-		let o = r(v(t), {
+		o.appendChild(a);
+		let s = r(v(t), {
 			"aria-hidden": "true",
 			class: "prism-axis-label",
 			"dominant-baseline": p ? m ? "auto" : "hanging" : "middle",
@@ -40,7 +44,7 @@ function s(s, c, l, u, d = "bottom") {
 			x: p ? n : 6 * h * 1.5,
 			y: p ? 6 * h * 1.5 : n
 		});
-		s.appendChild(o);
+		o.appendChild(s);
 	}
 	if (l.label) {
 		let e = r(l.label, {
@@ -50,11 +54,11 @@ function s(s, c, l, u, d = "bottom") {
 		});
 		p ? n(e, {
 			x: u / 2,
-			y: 6 * h * 3.5
-		}) : n(e, { transform: `translate(${6 * h * 4}, ${u / 2}) rotate(-90)` }), s.appendChild(e);
+			y: 6 * h * 6
+		}) : n(e, { transform: `translate(${6 * h * 7}, ${u / 2}) rotate(-90)` }), o.appendChild(e);
 	}
 }
 //#endregion
-export { s as renderAxis, o as resolveTickCount };
+export { o as positionAxis, c as renderAxis, s as resolveTickCount };
 
 //# sourceMappingURL=axis.js.map

package/dist/axes/axis.js.map

@@ -1 +1 @@
-{"version":3,"file":"axis.js","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport type { AxisConfig, AxisPosition } from '../types';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 3.5 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 4}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":";;;;AAKA,IAAM,KAAqB,MACzB,aAAa,OAAO,EAAE,mBAAmB,KAAA,GAAW;CAAE,OAAO;CAAS,MAAM;AAAU,CAAC,IAAI,OAAO,CAAC;AAOrG,SAAgB,EAAiB,GAAoB,GAAgB,GAAuC;CAC1G,IAAM,IAAW,EAAO,YAAY,GAE9B,IADe,MAAa,YAAY,MAAa,QACnB,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC;CAElH,OAAO,EAAO,aAAa;AAC7B;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAgC,UAC1B;CACN,EAAe,CAAM;CAErB,IAAM,IAAW,EAAO,YAAY,GAC9B,IAAe,MAAa,YAAY,MAAa,OACrD,IAAa,MAAa,SAAS,MAAa,QAEhD,IAAgB,IAAa,KAAK,GAElC,IAAW,EAAiB,QAAQ;EACxC,eAAe;EACf,OAAO;EACP,IAAmB;EACnB,IAAI,IAAe,IAAS;EAC5B,IAAmB;EACnB,IAAI,IAAe,IAAI;CACzB,CAAC;CAED,EAAO,YAAY,CAAQ;CAE3B,IAAM,IAAQ,EAAM,MAAM,EAAiB,GAAQ,GAAQ,CAAe,CAAC,GACrE,IAAS,EAAO,cAAc;CAEpC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,EAAQ,GAAO,CAAI,GACzB,IAAW,EAAiB,QAAQ;GACxC,eAAe;GACf,OAAO;GACP,IAAI,IAAe,IAAM;GACzB,IAAI,IAAe,IAAM,IAAW;GACpC,IAAI,IAAe,IAAI;GACvB,IAAI,IAAe,IAAW,IAAgB;EAChD,CAAC;EAED,EAAO,YAAY,CAAQ;EAE3B,IAAM,IAAQ,EAAkB,EAAO,CAAI,GAAG;GAC5C,eAAe;GACf,OAAO;GACP,qBAAqB,IAAgB,IAAa,SAAS,YAAa;GACxE,eAAe,IAAe,WAAW,IAAa,QAAQ;GAC9D,GAAG,IAAe,IAAM,IAAW,IAAgB;GACnD,GAAG,IAAe,IAAW,IAAgB,MAAM;EACrD,CAAC;EAED,EAAO,YAAY,CAAK;CAC1B;CAEA,IAAI,EAAO,OAAO;EAChB,IAAM,IAAU,EAAkB,EAAO,OAAO;GAC9C,OAAO;GACP,qBAAqB;GACrB,eAAe;EACjB,CAAC;EAUD,AARI,IACF,EAAc,GAAS;GAAE,GAAG,IAAS;GAAG,GAAG,IAAW,IAAgB;EAAI,CAAC,IAE3E,EAAc,GAAS,EACrB,WAAW,aAAa,IAAW,IAAgB,EAAE,IAAI,IAAS,EAAE,eACtE,CAAC,GAGH,EAAO,YAAY,CAAO;CAC5B;AACF"}
+{"version":3,"file":"axis.js","names":[],"sources":["../../src/axes/axis.ts"],"sourcesContent":["import { createSvgElement, removeChildren, setAttributes } from '../svg/element';\nimport { createTextElement } from '../svg/text';\nimport type { AxisConfig, AxisPosition } from '../types';\nimport { type AnyScale, mapTick } from './scale-utils';\n\nconst defaultTickFormat = (v: Date | number | string): string =>\n  v instanceof Date ? v.toLocaleDateString(undefined, { month: 'short', year: 'numeric' }) : String(v);\n\n/**\n * Resolves the tick count an axis will render for a given scale/length — shared with\n * `renderGrid` so gridlines line up with axis ticks. `defaultPosition` must match the\n * one passed to the corresponding `renderAxis` call ('bottom' for xAxis, 'left' for yAxis).\n */\nexport function positionAxis(parent: SVGGElement, position: AxisPosition, width: number, height: number): void {\n  const transform =\n    position === 'bottom' ? `translate(0,${height})` : position === 'right' ? `translate(${width},0)` : undefined;\n\n  if (transform) parent.setAttribute('transform', transform);\n  else parent.removeAttribute('transform');\n}\n\nexport function resolveTickCount(config: AxisConfig, length: number, defaultPosition: AxisPosition): number {\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const defaultTickCount = isHorizontal ? Math.max(2, Math.floor(length / 80)) : Math.max(2, Math.floor(length / 50));\n\n  return config.tickCount ?? defaultTickCount;\n}\n\n/**\n * `defaultPosition` is applied when `config.position` is unset — pass `'bottom'` for an\n * xAxis call and `'left'` for a yAxis call so an unconfigured axis renders on its\n * conventional side instead of always defaulting to a horizontal bottom axis.\n */\nexport function renderAxis(\n  parent: SVGGElement,\n  scale: AnyScale,\n  config: AxisConfig,\n  length: number,\n  defaultPosition: AxisPosition = 'bottom',\n): void {\n  removeChildren(parent);\n\n  const position = config.position ?? defaultPosition;\n  const isHorizontal = position === 'bottom' || position === 'top';\n  const isInverted = position === 'top' || position === 'left';\n  const tickSize = 6;\n  const tickDirection = isInverted ? -1 : 1;\n\n  const axisLine = createSvgElement('line', {\n    'aria-hidden': 'true',\n    class: 'prism-axis-line',\n    x1: isHorizontal ? 0 : 0,\n    x2: isHorizontal ? length : 0,\n    y1: isHorizontal ? 0 : 0,\n    y2: isHorizontal ? 0 : length,\n  });\n\n  parent.appendChild(axisLine);\n\n  const ticks = scale.ticks(resolveTickCount(config, length, defaultPosition));\n  const format = config.tickFormat ?? defaultTickFormat;\n\n  for (const tick of ticks) {\n    const pos = mapTick(scale, tick);\n    const tickLine = createSvgElement('line', {\n      'aria-hidden': 'true',\n      class: 'prism-axis-tick',\n      x1: isHorizontal ? pos : 0,\n      x2: isHorizontal ? pos : tickSize * tickDirection,\n      y1: isHorizontal ? 0 : pos,\n      y2: isHorizontal ? tickSize * tickDirection : pos,\n    });\n\n    parent.appendChild(tickLine);\n\n    const label = createTextElement(format(tick), {\n      'aria-hidden': 'true',\n      class: 'prism-axis-label',\n      'dominant-baseline': isHorizontal ? (isInverted ? 'auto' : 'hanging') : 'middle',\n      'text-anchor': isHorizontal ? 'middle' : isInverted ? 'end' : 'start',\n      x: isHorizontal ? pos : tickSize * tickDirection * 1.5,\n      y: isHorizontal ? tickSize * tickDirection * 1.5 : pos,\n    });\n\n    parent.appendChild(label);\n  }\n\n  if (config.label) {\n    const labelEl = createTextElement(config.label, {\n      class: 'prism-axis-title',\n      'dominant-baseline': 'middle',\n      'text-anchor': 'middle',\n    });\n\n    if (isHorizontal) {\n      setAttributes(labelEl, { x: length / 2, y: tickSize * tickDirection * 6 });\n    } else {\n      setAttributes(labelEl, {\n        transform: `translate(${tickSize * tickDirection * 7}, ${length / 2}) rotate(-90)`,\n      });\n    }\n\n    parent.appendChild(labelEl);\n  }\n}\n"],"mappings":";;;;AAKA,IAAM,KAAqB,MACzB,aAAa,OAAO,EAAE,mBAAmB,KAAA,GAAW;CAAE,OAAO;CAAS,MAAM;AAAU,CAAC,IAAI,OAAO,CAAC;AAOrG,SAAgB,EAAa,GAAqB,GAAwB,GAAe,GAAsB;CAC7G,IAAM,IACJ,MAAa,WAAW,eAAe,EAAO,KAAK,MAAa,UAAU,aAAa,EAAM,OAAO,KAAA;CAEtG,AAAI,IAAW,EAAO,aAAa,aAAa,CAAS,IACpD,EAAO,gBAAgB,WAAW;AACzC;AAEA,SAAgB,EAAiB,GAAoB,GAAgB,GAAuC;CAC1G,IAAM,IAAW,EAAO,YAAY,GAE9B,IADe,MAAa,YAAY,MAAa,QACnB,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,IAAS,EAAE,CAAC;CAElH,OAAO,EAAO,aAAa;AAC7B;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACA,IAAgC,UAC1B;CACN,EAAe,CAAM;CAErB,IAAM,IAAW,EAAO,YAAY,GAC9B,IAAe,MAAa,YAAY,MAAa,OACrD,IAAa,MAAa,SAAS,MAAa,QAEhD,IAAgB,IAAa,KAAK,GAElC,IAAW,EAAiB,QAAQ;EACxC,eAAe;EACf,OAAO;EACP,IAAmB;EACnB,IAAI,IAAe,IAAS;EAC5B,IAAmB;EACnB,IAAI,IAAe,IAAI;CACzB,CAAC;CAED,EAAO,YAAY,CAAQ;CAE3B,IAAM,IAAQ,EAAM,MAAM,EAAiB,GAAQ,GAAQ,CAAe,CAAC,GACrE,IAAS,EAAO,cAAc;CAEpC,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,EAAQ,GAAO,CAAI,GACzB,IAAW,EAAiB,QAAQ;GACxC,eAAe;GACf,OAAO;GACP,IAAI,IAAe,IAAM;GACzB,IAAI,IAAe,IAAM,IAAW;GACpC,IAAI,IAAe,IAAI;GACvB,IAAI,IAAe,IAAW,IAAgB;EAChD,CAAC;EAED,EAAO,YAAY,CAAQ;EAE3B,IAAM,IAAQ,EAAkB,EAAO,CAAI,GAAG;GAC5C,eAAe;GACf,OAAO;GACP,qBAAqB,IAAgB,IAAa,SAAS,YAAa;GACxE,eAAe,IAAe,WAAW,IAAa,QAAQ;GAC9D,GAAG,IAAe,IAAM,IAAW,IAAgB;GACnD,GAAG,IAAe,IAAW,IAAgB,MAAM;EACrD,CAAC;EAED,EAAO,YAAY,CAAK;CAC1B;CAEA,IAAI,EAAO,OAAO;EAChB,IAAM,IAAU,EAAkB,EAAO,OAAO;GAC9C,OAAO;GACP,qBAAqB;GACrB,eAAe;EACjB,CAAC;EAUD,AARI,IACF,EAAc,GAAS;GAAE,GAAG,IAAS;GAAG,GAAG,IAAW,IAAgB;EAAE,CAAC,IAEzE,EAAc,GAAS,EACrB,WAAW,aAAa,IAAW,IAAgB,EAAE,IAAI,IAAS,EAAE,eACtE,CAAC,GAGH,EAAO,YAAY,CAAO;CAC5B;AACF"}

package/dist/charts/area/area-chart.cjs

@@ -1,2 +1,2 @@
-require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../axes/axis.cjs"),n=require("../../axes/grid.cjs"),r=require("../../core/cartesian-scales.cjs"),i=require("../../core/layout.cjs"),a=require("../../core/chart-scaffold.cjs"),o=require("../../interaction/crosshair.cjs"),s=require("../../interaction/series-interaction.cjs"),c=require("../../theme/index.cjs"),l=require("./area-renderer.cjs");let u=require("@vielzeug/ripple");function d(d,f){let p=null;return a.createChartScaffold(d,f,d=>{let{groups:m,legend:h,tooltip:g}=d,_=d.dimensions.value,v=i.chartArea(_.width,_.height,_.margin),y=(0,u.isReactive)(f.series)?f.series.value:f.series,b=y.map(e=>(0,u.isReactive)(e.data)?e.data.value:e.data),x=b.flat().map(e=>e.key),S=b.flat().map(e=>e.value);if(x.length===0){a.clearCartesianDom(m,h,g,p);return}f.crosshair&&!p&&(p=o.createCrosshair(d.chartArea,f.crosshair));let C=r.buildXScale(x,v.width),w=r.buildYScale(S,v.height),T=w.map(0);for(f.yAxis?.grid&&n.renderGrid(m.grid,w,f.yAxis.grid,v.width,`horizontal`,t.resolveTickCount(f.yAxis,v.height,`left`)),f.xAxis?.grid&&n.renderGrid(m.grid,C,f.xAxis.grid,v.height,`vertical`,t.resolveTickCount(f.xAxis,v.width,`bottom`)),f.xAxis&&(m.xAxis.setAttribute(`transform`,`translate(0,${v.height})`),t.renderAxis(m.xAxis,C,f.xAxis,v.width,`bottom`)),f.yAxis&&t.renderAxis(m.yAxis,w,f.yAxis,v.height,`left`);m.series.children.length>y.length;)m.series.removeChild(m.series.lastChild);let E=[];for(let t=0;t<y.length;t++){let n=y[t],r=m.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-area-series`}),m.series.appendChild(r));let i=l.computeAreaPoints(b[t],C,w);E.push(i),l.renderArea(r,i,T,{color:c.seriesColor(t,n.color),curve:n.curve??`linear`,disposalSignal:d.disposalSignal,fillOpacity:n.fillOpacity??.3,showLine:n.showLine!==!1,transition:f.transition})}return h?.update(y.map((e,t)=>({color:c.seriesColor(t,e.color),name:e.name}))),g?.hide(),s.createSeriesInteraction({crosshair:p,dims:()=>d.dimensions.value,getData:()=>b,getPoints:()=>E,getSeriesList:()=>(0,u.isReactive)(f.series)?f.series.value:f.series,onClick:f.onClick,onHover:f.onHover,svg:d.svg,tooltip:g})})}exports.createAreaChart=d;
+const e=require("../../svg/element.cjs"),t=require("../../axes/axis.cjs"),n=require("../../axes/grid.cjs"),r=require("../../core/cartesian-scales.cjs"),i=require("../../core/layout.cjs"),a=require("../../core/chart-scaffold.cjs"),o=require("../../interaction/crosshair.cjs"),s=require("../../interaction/series-interaction.cjs"),c=require("../../theme/index.cjs"),l=require("./area-renderer.cjs");function u(u,d){let f=null,p=d.series;return a.createChartScaffold(u,d,u=>{let{groups:m,legend:h,tooltip:g}=u,_=u.dimensions,v=i.chartArea(_.width,_.height,_.margin),y=p.map(e=>e.data),b=y.flat().map(e=>e.key),x=y.flat().map(e=>e.value);if(b.length===0){a.clearCartesianDom(m,h,g,f);return}d.crosshair&&!f&&(f=o.createCrosshair(u.chartArea,d.crosshair));let S=r.buildXScale(b,v.width),C=r.buildYScale(x,v.height),w=C.map(0);for(d.yAxis?.grid&&n.renderGrid(m.grid,C,d.yAxis.grid,v.width,`horizontal`,t.resolveTickCount(d.yAxis,v.height,`left`)),d.xAxis?.grid&&n.renderGrid(m.grid,S,d.xAxis.grid,v.height,`vertical`,t.resolveTickCount(d.xAxis,v.width,`bottom`)),d.xAxis&&(t.positionAxis(m.xAxis,d.xAxis.position??`bottom`,v.width,v.height),t.renderAxis(m.xAxis,S,d.xAxis,v.width,`bottom`)),d.yAxis&&(t.positionAxis(m.yAxis,d.yAxis.position??`left`,v.width,v.height),t.renderAxis(m.yAxis,C,d.yAxis,v.height,`left`));m.series.children.length>p.length;)m.series.removeChild(m.series.lastChild);let T=[];for(let t=0;t<p.length;t++){let n=p[t],r=m.series.children[t];r||(r=e.createSvgElement(`g`,{class:`prism-area-series`}),m.series.appendChild(r));let i=l.computeAreaPoints(y[t],S,C);T.push(i),l.renderArea(r,i,w,{color:c.seriesColor(t,n.color),curve:n.curve??`linear`,disposalSignal:u.disposalSignal,fillOpacity:n.fillOpacity??.3,showLine:n.showLine!==!1,transition:d.transition})}return h?.update(p.map((e,t)=>({color:c.seriesColor(t,e.color),name:e.name}))),g?.hide(),s.createSeriesInteraction({crosshair:f,dims:()=>u.dimensions,getData:()=>y,getPoints:()=>T,getSeriesList:()=>p,onClick:d.onClick,onHover:d.onHover,svg:u.svg,tooltip:g})},e=>{p=e})}exports.createAreaChart=u;
 //# sourceMappingURL=area-chart.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"area-chart.cjs","names":[],"sources":["../../../src/charts/area/area-chart.ts"],"sourcesContent":["import { isReactive } from '@vielzeug/ripple';\nimport { warn } from '../../_dev';\nimport { renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { AreaChartConfig, ChartHandle } from '../../types';\nimport { computeAreaPoints, renderArea } from './area-renderer';\n\nexport function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n\n  return createChartScaffold(container, config, (ctx) => {\n    const { groups, legend, tooltip } = ctx;\n    const dims = ctx.dimensions.value;\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const seriesList = isReactive(config.series) ? config.series.value : config.series;\n    const allData = seriesList.map((s) => (isReactive(s.data) ? s.data.value : s.data));\n    const allX = allData.flat().map((d) => d.key as Date | number);\n    const allY = allData.flat().map((d) => d.value);\n\n    if (allX.length === 0) {\n      warn('createAreaChart: no data');\n      clearCartesianDom(groups, legend, tooltip, crosshair);\n\n      return;\n    }\n\n    if (config.crosshair && !crosshair) {\n      crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n    }\n\n    const xScale = buildXScale(allX as (Date | number)[], area.width);\n    const yScale = buildYScale(allY, area.height);\n    const baselineY = yScale.map(0);\n\n    if (config.yAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        yScale,\n        config.yAxis.grid,\n        area.width,\n        'horizontal',\n        resolveTickCount(config.yAxis, area.height, 'left'),\n      );\n    }\n\n    if (config.xAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        xScale,\n        config.xAxis.grid,\n        area.height,\n        'vertical',\n        resolveTickCount(config.xAxis, area.width, 'bottom'),\n      );\n    }\n\n    if (config.xAxis) {\n      groups.xAxis.setAttribute('transform', `translate(0,${area.height})`);\n      renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n    }\n\n    if (config.yAxis) renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\n\n    while (groups.series.children.length > seriesList.length) {\n      groups.series.removeChild(groups.series.lastChild!);\n    }\n\n    const allPoints: Point[][] = [];\n\n    for (let i = 0; i < seriesList.length; i++) {\n      const series = seriesList[i];\n      let group = groups.series.children[i] as SVGGElement | undefined;\n\n      if (!group) {\n        group = createSvgElement('g', { class: 'prism-area-series' });\n        groups.series.appendChild(group);\n      }\n\n      const points = computeAreaPoints(allData[i], xScale, yScale);\n\n      allPoints.push(points);\n\n      renderArea(group, points, baselineY, {\n        color: seriesColor(i, series.color),\n        curve: series.curve ?? 'linear',\n        disposalSignal: ctx.disposalSignal,\n        fillOpacity: series.fillOpacity ?? 0.3,\n        showLine: series.showLine !== false,\n        transition: config.transition,\n      });\n    }\n\n    legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n    tooltip?.hide();\n\n    return createSeriesInteraction({\n      crosshair,\n      dims: () => ctx.dimensions.value,\n      getData: () => allData,\n      getPoints: () => allPoints,\n      getSeriesList: () => (isReactive(config.series) ? config.series.value : config.series),\n      onClick: config.onClick,\n      onHover: config.onHover,\n      svg: ctx.svg,\n      tooltip,\n    });\n  });\n}\n"],"mappings":"ycAeA,SAAgB,EAAgB,EAAwB,EAAsC,CAC5F,IAAI,EAAuD,KAE3D,OAAO,EAAA,oBAAoB,EAAW,EAAS,GAAQ,CACrD,GAAM,CAAE,SAAQ,SAAQ,WAAY,EAC9B,EAAO,EAAI,WAAW,MACtB,EAAO,EAAA,UAAU,EAAK,MAAO,EAAK,OAAQ,EAAK,MAAM,EACrD,GAAA,EAAa,EAAA,WAAA,CAAW,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OACtE,EAAU,EAAW,IAAK,IAAA,EAAO,EAAA,WAAA,CAAW,EAAE,IAAI,EAAI,EAAE,KAAK,MAAQ,EAAE,IAAK,EAC5E,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,GAAoB,EACvD,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,KAAK,EAE9C,GAAI,EAAK,SAAW,EAAG,CAErB,EAAA,kBAAkB,EAAQ,EAAQ,EAAS,CAAS,EAEpD,MACF,CAEI,EAAO,WAAa,CAAC,IACvB,EAAY,EAAA,gBAAgB,EAAI,UAAW,EAAO,SAAS,GAG7D,IAAM,EAAS,EAAA,YAAY,EAA2B,EAAK,KAAK,EAC1D,EAAS,EAAA,YAAY,EAAM,EAAK,MAAM,EACtC,EAAY,EAAO,IAAI,CAAC,EA+B9B,IA7BI,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,MACL,aACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,OAAQ,MAAM,CACpD,EAGE,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,OACL,WACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,MAAO,QAAQ,CACrD,EAGE,EAAO,QACT,EAAO,MAAM,aAAa,YAAa,eAAe,EAAK,OAAO,EAAE,EACpE,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,MAAO,QAAQ,GAGjE,EAAO,OAAO,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,OAAQ,MAAM,EAE7E,EAAO,OAAO,SAAS,OAAS,EAAW,QAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU,EAGpD,IAAM,EAAuB,CAAC,EAE9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAW,OAAQ,IAAK,CAC1C,IAAM,EAAS,EAAW,GACtB,EAAQ,EAAO,OAAO,SAAS,GAE9B,IACH,EAAQ,EAAA,iBAAiB,IAAK,CAAE,MAAO,mBAAoB,CAAC,EAC5D,EAAO,OAAO,YAAY,CAAK,GAGjC,IAAM,EAAS,EAAA,kBAAkB,EAAQ,GAAI,EAAQ,CAAM,EAE3D,EAAU,KAAK,CAAM,EAErB,EAAA,WAAW,EAAO,EAAQ,EAAW,CACnC,MAAO,EAAA,YAAY,EAAG,EAAO,KAAK,EAClC,MAAO,EAAO,OAAS,SACvB,eAAgB,EAAI,eACpB,YAAa,EAAO,aAAe,GACnC,SAAU,EAAO,WAAa,GAC9B,WAAY,EAAO,UACrB,CAAC,CACH,CAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO,EAAA,YAAY,EAAG,EAAE,KAAK,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAC3F,GAAS,KAAK,EAEP,EAAA,wBAAwB,CAC7B,YACA,SAAY,EAAI,WAAW,MAC3B,YAAe,EACf,cAAiB,EACjB,mBAAA,EAAsB,EAAA,WAAA,CAAW,EAAO,MAAM,EAAI,EAAO,OAAO,MAAQ,EAAO,OAC/E,QAAS,EAAO,QAChB,QAAS,EAAO,QAChB,IAAK,EAAI,IACT,SACF,CAAC,CACH,CAAC,CACH"}
+{"version":3,"file":"area-chart.cjs","names":[],"sources":["../../../src/charts/area/area-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { AreaChartConfig, AreaSeriesConfig, ChartHandle } from '../../types';\nimport { computeAreaPoints, renderArea } from './area-renderer';\n\nexport function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle<AreaSeriesConfig[]> {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n  let seriesList = config.series;\n\n  return createChartScaffold(\n    container,\n    config,\n    (ctx) => {\n      const { groups, legend, tooltip } = ctx;\n      const dims = ctx.dimensions;\n      const area = chartArea(dims.width, dims.height, dims.margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const allY = allData.flat().map((d) => d.value);\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\n\n        return;\n      }\n\n      if (config.crosshair && !crosshair) {\n        crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n      }\n\n      const xScale = buildXScale(allX, area.width);\n      const yScale = buildYScale(allY, area.height);\n      const baselineY = yScale.map(0);\n\n      if (config.yAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          config.yAxis.grid,\n          area.width,\n          'horizontal',\n          resolveTickCount(config.yAxis, area.height, 'left'),\n        );\n      }\n\n      if (config.xAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          config.xAxis.grid,\n          area.height,\n          'vertical',\n          resolveTickCount(config.xAxis, area.width, 'bottom'),\n        );\n      }\n\n      if (config.xAxis) {\n        positionAxis(groups.xAxis, config.xAxis.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n      }\n\n      if (config.yAxis) {\n        positionAxis(groups.yAxis, config.yAxis.position ?? 'left', area.width, area.height);\n        renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\n      }\n\n      while (groups.series.children.length > seriesList.length) {\n        groups.series.removeChild(groups.series.lastChild!);\n      }\n\n      const allPoints: Point[][] = [];\n\n      for (let i = 0; i < seriesList.length; i++) {\n        const series = seriesList[i];\n        let group = groups.series.children[i] as SVGGElement | undefined;\n\n        if (!group) {\n          group = createSvgElement('g', { class: 'prism-area-series' });\n          groups.series.appendChild(group);\n        }\n\n        const points = computeAreaPoints(allData[i], xScale, yScale);\n\n        allPoints.push(points);\n\n        renderArea(group, points, baselineY, {\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          fillOpacity: series.fillOpacity ?? 0.3,\n          showLine: series.showLine !== false,\n          transition: config.transition,\n        });\n      }\n\n      legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n      tooltip?.hide();\n\n      return createSeriesInteraction({\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        svg: ctx.svg,\n        tooltip,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":"6YAaA,SAAgB,EAAgB,EAAwB,EAA0D,CAChH,IAAI,EAAuD,KACvD,EAAa,EAAO,OAExB,OAAO,EAAA,oBACL,EACA,EACC,GAAQ,CACP,GAAM,CAAE,SAAQ,SAAQ,WAAY,EAC9B,EAAO,EAAI,WACX,EAAO,EAAA,UAAU,EAAK,MAAO,EAAK,OAAQ,EAAK,MAAM,EACrD,EAAU,EAAW,IAAK,GAAW,EAAO,IAAI,EAChD,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAU,EAAM,GAAG,EAC9C,EAAO,EAAQ,KAAK,CAAC,CAAC,IAAK,GAAM,EAAE,KAAK,EAE9C,GAAI,EAAK,SAAW,EAAG,CACrB,EAAA,kBAAkB,EAAQ,EAAQ,EAAS,CAAS,EAEpD,MACF,CAEI,EAAO,WAAa,CAAC,IACvB,EAAY,EAAA,gBAAgB,EAAI,UAAW,EAAO,SAAS,GAG7D,IAAM,EAAS,EAAA,YAAY,EAAM,EAAK,KAAK,EACrC,EAAS,EAAA,YAAY,EAAM,EAAK,MAAM,EACtC,EAAY,EAAO,IAAI,CAAC,EAkC9B,IAhCI,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,MACL,aACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,OAAQ,MAAM,CACpD,EAGE,EAAO,OAAO,MAChB,EAAA,WACE,EAAO,KACP,EACA,EAAO,MAAM,KACb,EAAK,OACL,WACA,EAAA,iBAAiB,EAAO,MAAO,EAAK,MAAO,QAAQ,CACrD,EAGE,EAAO,QACT,EAAA,aAAa,EAAO,MAAO,EAAO,MAAM,UAAY,SAAU,EAAK,MAAO,EAAK,MAAM,EACrF,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,MAAO,QAAQ,GAGjE,EAAO,QACT,EAAA,aAAa,EAAO,MAAO,EAAO,MAAM,UAAY,OAAQ,EAAK,MAAO,EAAK,MAAM,EACnF,EAAA,WAAW,EAAO,MAAO,EAAQ,EAAO,MAAO,EAAK,OAAQ,MAAM,GAG7D,EAAO,OAAO,SAAS,OAAS,EAAW,QAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU,EAGpD,IAAM,EAAuB,CAAC,EAE9B,IAAK,IAAI,EAAI,EAAG,EAAI,EAAW,OAAQ,IAAK,CAC1C,IAAM,EAAS,EAAW,GACtB,EAAQ,EAAO,OAAO,SAAS,GAE9B,IACH,EAAQ,EAAA,iBAAiB,IAAK,CAAE,MAAO,mBAAoB,CAAC,EAC5D,EAAO,OAAO,YAAY,CAAK,GAGjC,IAAM,EAAS,EAAA,kBAAkB,EAAQ,GAAI,EAAQ,CAAM,EAE3D,EAAU,KAAK,CAAM,EAErB,EAAA,WAAW,EAAO,EAAQ,EAAW,CACnC,MAAO,EAAA,YAAY,EAAG,EAAO,KAAK,EAClC,MAAO,EAAO,OAAS,SACvB,eAAgB,EAAI,eACpB,YAAa,EAAO,aAAe,GACnC,SAAU,EAAO,WAAa,GAC9B,WAAY,EAAO,UACrB,CAAC,CACH,CAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,EAAG,KAAO,CAAE,MAAO,EAAA,YAAY,EAAG,EAAE,KAAK,EAAG,KAAM,EAAE,IAAK,EAAE,CAAC,EAC3F,GAAS,KAAK,EAEP,EAAA,wBAAwB,CAC7B,YACA,SAAY,EAAI,WAChB,YAAe,EACf,cAAiB,EACjB,kBAAqB,EACrB,QAAS,EAAO,QAChB,QAAS,EAAO,QAChB,IAAK,EAAI,IACT,SACF,CAAC,CACH,EACC,GAAS,CACR,EAAa,CACf,CACF,CACF"}

package/dist/charts/area/area-chart.d.ts

@@ -1,3 +1,3 @@
-import type { AreaChartConfig, ChartHandle } from '../../types';
-export declare function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle;
+import type { AreaChartConfig, AreaSeriesConfig, ChartHandle } from '../../types';
+export declare function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle<AreaSeriesConfig[]>;
 //# sourceMappingURL=area-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/area/area-chart.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGhE,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,WAAW,CAoG5F"}
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/charts/area/area-chart.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGlF,wBAAgB,eAAe,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,GAAG,WAAW,CAAC,gBAAgB,EAAE,CAAC,CA6GhH"}

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

@@ -1,55 +1,55 @@
-import "../../_dev.js";
 import { createSvgElement as e } from "../../svg/element.js";
-import { renderAxis as t, resolveTickCount as n } from "../../axes/axis.js";
-import { renderGrid as r } from "../../axes/grid.js";
-import { buildXScale as i, buildYScale as a } from "../../core/cartesian-scales.js";
-import { chartArea as o } from "../../core/layout.js";
-import { clearCartesianDom as s, createChartScaffold as c } from "../../core/chart-scaffold.js";
-import { createCrosshair as l } from "../../interaction/crosshair.js";
-import { createSeriesInteraction as u } from "../../interaction/series-interaction.js";
-import { seriesColor as d } from "../../theme/index.js";
-import { computeAreaPoints as f, renderArea as p } from "./area-renderer.js";
-import { isReactive as m } from "@vielzeug/ripple";
+import { positionAxis as t, renderAxis as n, resolveTickCount as r } from "../../axes/axis.js";
+import { renderGrid as i } from "../../axes/grid.js";
+import { buildXScale as a, buildYScale as o } from "../../core/cartesian-scales.js";
+import { chartArea as s } from "../../core/layout.js";
+import { clearCartesianDom as c, createChartScaffold as l } from "../../core/chart-scaffold.js";
+import { createCrosshair as u } from "../../interaction/crosshair.js";
+import { createSeriesInteraction as d } from "../../interaction/series-interaction.js";
+import { seriesColor as f } from "../../theme/index.js";
+import { computeAreaPoints as p, renderArea as m } from "./area-renderer.js";
 //#region src/charts/area/area-chart.ts
 function h(h, g) {
-	let _ = null;
-	return c(h, g, (c) => {
-		let { groups: h, legend: v, tooltip: y } = c, b = c.dimensions.value, x = o(b.width, b.height, b.margin), S = m(g.series) ? g.series.value : g.series, C = S.map((e) => m(e.data) ? e.data.value : e.data), w = C.flat().map((e) => e.key), T = C.flat().map((e) => e.value);
+	let _ = null, v = g.series;
+	return l(h, g, (l) => {
+		let { groups: h, legend: y, tooltip: b } = l, x = l.dimensions, S = s(x.width, x.height, x.margin), C = v.map((e) => e.data), w = C.flat().map((e) => e.key), T = C.flat().map((e) => e.value);
 		if (w.length === 0) {
-			s(h, v, y, _);
+			c(h, y, b, _);
 			return;
 		}
-		g.crosshair && !_ && (_ = l(c.chartArea, g.crosshair));
-		let E = i(w, x.width), D = a(T, x.height), O = D.map(0);
-		for (g.yAxis?.grid && r(h.grid, D, g.yAxis.grid, x.width, "horizontal", n(g.yAxis, x.height, "left")), g.xAxis?.grid && r(h.grid, E, g.xAxis.grid, x.height, "vertical", n(g.xAxis, x.width, "bottom")), g.xAxis && (h.xAxis.setAttribute("transform", `translate(0,${x.height})`), t(h.xAxis, E, g.xAxis, x.width, "bottom")), g.yAxis && t(h.yAxis, D, g.yAxis, x.height, "left"); h.series.children.length > S.length;) h.series.removeChild(h.series.lastChild);
+		g.crosshair && !_ && (_ = u(l.chartArea, g.crosshair));
+		let E = a(w, S.width), D = o(T, S.height), O = D.map(0);
+		for (g.yAxis?.grid && i(h.grid, D, g.yAxis.grid, S.width, "horizontal", r(g.yAxis, S.height, "left")), g.xAxis?.grid && i(h.grid, E, g.xAxis.grid, S.height, "vertical", r(g.xAxis, S.width, "bottom")), g.xAxis && (t(h.xAxis, g.xAxis.position ?? "bottom", S.width, S.height), n(h.xAxis, E, g.xAxis, S.width, "bottom")), g.yAxis && (t(h.yAxis, g.yAxis.position ?? "left", S.width, S.height), n(h.yAxis, D, g.yAxis, S.height, "left")); h.series.children.length > v.length;) h.series.removeChild(h.series.lastChild);
 		let k = [];
-		for (let t = 0; t < S.length; t++) {
-			let n = S[t], r = h.series.children[t];
+		for (let t = 0; t < v.length; t++) {
+			let n = v[t], r = h.series.children[t];
 			r || (r = e("g", { class: "prism-area-series" }), h.series.appendChild(r));
-			let i = f(C[t], E, D);
-			k.push(i), p(r, i, O, {
-				color: d(t, n.color),
+			let i = p(C[t], E, D);
+			k.push(i), m(r, i, O, {
+				color: f(t, n.color),
 				curve: n.curve ?? "linear",
-				disposalSignal: c.disposalSignal,
+				disposalSignal: l.disposalSignal,
 				fillOpacity: n.fillOpacity ?? .3,
 				showLine: n.showLine !== !1,
 				transition: g.transition
 			});
 		}
-		return v?.update(S.map((e, t) => ({
-			color: d(t, e.color),
+		return y?.update(v.map((e, t) => ({
+			color: f(t, e.color),
 			name: e.name
-		}))), y?.hide(), u({
+		}))), b?.hide(), d({
 			crosshair: _,
-			dims: () => c.dimensions.value,
+			dims: () => l.dimensions,
 			getData: () => C,
 			getPoints: () => k,
-			getSeriesList: () => m(g.series) ? g.series.value : g.series,
+			getSeriesList: () => v,
 			onClick: g.onClick,
 			onHover: g.onHover,
-			svg: c.svg,
-			tooltip: y
+			svg: l.svg,
+			tooltip: b
 		});
+	}, (e) => {
+		v = e;
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"area-chart.js","names":[],"sources":["../../../src/charts/area/area-chart.ts"],"sourcesContent":["import { isReactive } from '@vielzeug/ripple';\nimport { warn } from '../../_dev';\nimport { renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { AreaChartConfig, ChartHandle } from '../../types';\nimport { computeAreaPoints, renderArea } from './area-renderer';\n\nexport function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n\n  return createChartScaffold(container, config, (ctx) => {\n    const { groups, legend, tooltip } = ctx;\n    const dims = ctx.dimensions.value;\n    const area = chartArea(dims.width, dims.height, dims.margin);\n    const seriesList = isReactive(config.series) ? config.series.value : config.series;\n    const allData = seriesList.map((s) => (isReactive(s.data) ? s.data.value : s.data));\n    const allX = allData.flat().map((d) => d.key as Date | number);\n    const allY = allData.flat().map((d) => d.value);\n\n    if (allX.length === 0) {\n      warn('createAreaChart: no data');\n      clearCartesianDom(groups, legend, tooltip, crosshair);\n\n      return;\n    }\n\n    if (config.crosshair && !crosshair) {\n      crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n    }\n\n    const xScale = buildXScale(allX as (Date | number)[], area.width);\n    const yScale = buildYScale(allY, area.height);\n    const baselineY = yScale.map(0);\n\n    if (config.yAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        yScale,\n        config.yAxis.grid,\n        area.width,\n        'horizontal',\n        resolveTickCount(config.yAxis, area.height, 'left'),\n      );\n    }\n\n    if (config.xAxis?.grid) {\n      renderGrid(\n        groups.grid,\n        xScale,\n        config.xAxis.grid,\n        area.height,\n        'vertical',\n        resolveTickCount(config.xAxis, area.width, 'bottom'),\n      );\n    }\n\n    if (config.xAxis) {\n      groups.xAxis.setAttribute('transform', `translate(0,${area.height})`);\n      renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n    }\n\n    if (config.yAxis) renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\n\n    while (groups.series.children.length > seriesList.length) {\n      groups.series.removeChild(groups.series.lastChild!);\n    }\n\n    const allPoints: Point[][] = [];\n\n    for (let i = 0; i < seriesList.length; i++) {\n      const series = seriesList[i];\n      let group = groups.series.children[i] as SVGGElement | undefined;\n\n      if (!group) {\n        group = createSvgElement('g', { class: 'prism-area-series' });\n        groups.series.appendChild(group);\n      }\n\n      const points = computeAreaPoints(allData[i], xScale, yScale);\n\n      allPoints.push(points);\n\n      renderArea(group, points, baselineY, {\n        color: seriesColor(i, series.color),\n        curve: series.curve ?? 'linear',\n        disposalSignal: ctx.disposalSignal,\n        fillOpacity: series.fillOpacity ?? 0.3,\n        showLine: series.showLine !== false,\n        transition: config.transition,\n      });\n    }\n\n    legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n    tooltip?.hide();\n\n    return createSeriesInteraction({\n      crosshair,\n      dims: () => ctx.dimensions.value,\n      getData: () => allData,\n      getPoints: () => allPoints,\n      getSeriesList: () => (isReactive(config.series) ? config.series.value : config.series),\n      onClick: config.onClick,\n      onHover: config.onHover,\n      svg: ctx.svg,\n      tooltip,\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,EAAgB,GAAwB,GAAsC;CAC5F,IAAI,IAAuD;CAE3D,OAAO,EAAoB,GAAW,IAAS,MAAQ;EACrD,IAAM,EAAE,WAAQ,WAAQ,eAAY,GAC9B,IAAO,EAAI,WAAW,OACtB,IAAO,EAAU,EAAK,OAAO,EAAK,QAAQ,EAAK,MAAM,GACrD,IAAa,EAAW,EAAO,MAAM,IAAI,EAAO,OAAO,QAAQ,EAAO,QACtE,IAAU,EAAW,KAAK,MAAO,EAAW,EAAE,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,IAAK,GAC5E,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,GAAoB,GACvD,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE9C,IAAI,EAAK,WAAW,GAAG;GAErB,EAAkB,GAAQ,GAAQ,GAAS,CAAS;GAEpD;EACF;EAEA,AAAI,EAAO,aAAa,CAAC,MACvB,IAAY,EAAgB,EAAI,WAAW,EAAO,SAAS;EAG7D,IAAM,IAAS,EAAY,GAA2B,EAAK,KAAK,GAC1D,IAAS,EAAY,GAAM,EAAK,MAAM,GACtC,IAAY,EAAO,IAAI,CAAC;EA+B9B,KA7BI,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,OACL,cACA,EAAiB,EAAO,OAAO,EAAK,QAAQ,MAAM,CACpD,GAGE,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,QACL,YACA,EAAiB,EAAO,OAAO,EAAK,OAAO,QAAQ,CACrD,GAGE,EAAO,UACT,EAAO,MAAM,aAAa,aAAa,eAAe,EAAK,OAAO,EAAE,GACpE,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,OAAO,QAAQ,IAGjE,EAAO,SAAO,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,QAAQ,MAAM,GAE7E,EAAO,OAAO,SAAS,SAAS,EAAW,SAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU;EAGpD,IAAM,IAAuB,CAAC;EAE9B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;GAC1C,IAAM,IAAS,EAAW,IACtB,IAAQ,EAAO,OAAO,SAAS;GAEnC,AAAK,MACH,IAAQ,EAAiB,KAAK,EAAE,OAAO,oBAAoB,CAAC,GAC5D,EAAO,OAAO,YAAY,CAAK;GAGjC,IAAM,IAAS,EAAkB,EAAQ,IAAI,GAAQ,CAAM;GAI3D,AAFA,EAAU,KAAK,CAAM,GAErB,EAAW,GAAO,GAAQ,GAAW;IACnC,OAAO,EAAY,GAAG,EAAO,KAAK;IAClC,OAAO,EAAO,SAAS;IACvB,gBAAgB,EAAI;IACpB,aAAa,EAAO,eAAe;IACnC,UAAU,EAAO,aAAa;IAC9B,YAAY,EAAO;GACrB,CAAC;EACH;EAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,GAAG,OAAO;GAAE,OAAO,EAAY,GAAG,EAAE,KAAK;GAAG,MAAM,EAAE;EAAK,EAAE,CAAC,GAC3F,GAAS,KAAK,GAEP,EAAwB;GAC7B;GACA,YAAY,EAAI,WAAW;GAC3B,eAAe;GACf,iBAAiB;GACjB,qBAAsB,EAAW,EAAO,MAAM,IAAI,EAAO,OAAO,QAAQ,EAAO;GAC/E,SAAS,EAAO;GAChB,SAAS,EAAO;GAChB,KAAK,EAAI;GACT;EACF,CAAC;CACH,CAAC;AACH"}
+{"version":3,"file":"area-chart.js","names":[],"sources":["../../../src/charts/area/area-chart.ts"],"sourcesContent":["import { positionAxis, renderAxis, resolveTickCount } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { buildXScale, buildYScale } from '../../core/cartesian-scales';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { createCrosshair } from '../../interaction/crosshair';\nimport { createSeriesInteraction } from '../../interaction/series-interaction';\nimport { createSvgElement } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { seriesColor } from '../../theme';\nimport type { AreaChartConfig, AreaSeriesConfig, ChartHandle } from '../../types';\nimport { computeAreaPoints, renderArea } from './area-renderer';\n\nexport function createAreaChart(container: HTMLElement, config: AreaChartConfig): ChartHandle<AreaSeriesConfig[]> {\n  let crosshair: ReturnType<typeof createCrosshair> | null = null;\n  let seriesList = config.series;\n\n  return createChartScaffold(\n    container,\n    config,\n    (ctx) => {\n      const { groups, legend, tooltip } = ctx;\n      const dims = ctx.dimensions;\n      const area = chartArea(dims.width, dims.height, dims.margin);\n      const allData = seriesList.map((series) => series.data);\n      const allX = allData.flat().map((datum) => datum.key);\n      const allY = allData.flat().map((d) => d.value);\n\n      if (allX.length === 0) {\n        clearCartesianDom(groups, legend, tooltip, crosshair);\n\n        return;\n      }\n\n      if (config.crosshair && !crosshair) {\n        crosshair = createCrosshair(ctx.chartArea, config.crosshair);\n      }\n\n      const xScale = buildXScale(allX, area.width);\n      const yScale = buildYScale(allY, area.height);\n      const baselineY = yScale.map(0);\n\n      if (config.yAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          yScale,\n          config.yAxis.grid,\n          area.width,\n          'horizontal',\n          resolveTickCount(config.yAxis, area.height, 'left'),\n        );\n      }\n\n      if (config.xAxis?.grid) {\n        renderGrid(\n          groups.grid,\n          xScale,\n          config.xAxis.grid,\n          area.height,\n          'vertical',\n          resolveTickCount(config.xAxis, area.width, 'bottom'),\n        );\n      }\n\n      if (config.xAxis) {\n        positionAxis(groups.xAxis, config.xAxis.position ?? 'bottom', area.width, area.height);\n        renderAxis(groups.xAxis, xScale, config.xAxis, area.width, 'bottom');\n      }\n\n      if (config.yAxis) {\n        positionAxis(groups.yAxis, config.yAxis.position ?? 'left', area.width, area.height);\n        renderAxis(groups.yAxis, yScale, config.yAxis, area.height, 'left');\n      }\n\n      while (groups.series.children.length > seriesList.length) {\n        groups.series.removeChild(groups.series.lastChild!);\n      }\n\n      const allPoints: Point[][] = [];\n\n      for (let i = 0; i < seriesList.length; i++) {\n        const series = seriesList[i];\n        let group = groups.series.children[i] as SVGGElement | undefined;\n\n        if (!group) {\n          group = createSvgElement('g', { class: 'prism-area-series' });\n          groups.series.appendChild(group);\n        }\n\n        const points = computeAreaPoints(allData[i], xScale, yScale);\n\n        allPoints.push(points);\n\n        renderArea(group, points, baselineY, {\n          color: seriesColor(i, series.color),\n          curve: series.curve ?? 'linear',\n          disposalSignal: ctx.disposalSignal,\n          fillOpacity: series.fillOpacity ?? 0.3,\n          showLine: series.showLine !== false,\n          transition: config.transition,\n        });\n      }\n\n      legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n      tooltip?.hide();\n\n      return createSeriesInteraction({\n        crosshair,\n        dims: () => ctx.dimensions,\n        getData: () => allData,\n        getPoints: () => allPoints,\n        getSeriesList: () => seriesList,\n        onClick: config.onClick,\n        onHover: config.onHover,\n        svg: ctx.svg,\n        tooltip,\n      });\n    },\n    (data) => {\n      seriesList = data;\n    },\n  );\n}\n"],"mappings":";;;;;;;;;;;AAaA,SAAgB,EAAgB,GAAwB,GAA0D;CAChH,IAAI,IAAuD,MACvD,IAAa,EAAO;CAExB,OAAO,EACL,GACA,IACC,MAAQ;EACP,IAAM,EAAE,WAAQ,WAAQ,eAAY,GAC9B,IAAO,EAAI,YACX,IAAO,EAAU,EAAK,OAAO,EAAK,QAAQ,EAAK,MAAM,GACrD,IAAU,EAAW,KAAK,MAAW,EAAO,IAAI,GAChD,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAU,EAAM,GAAG,GAC9C,IAAO,EAAQ,KAAK,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK;EAE9C,IAAI,EAAK,WAAW,GAAG;GACrB,EAAkB,GAAQ,GAAQ,GAAS,CAAS;GAEpD;EACF;EAEA,AAAI,EAAO,aAAa,CAAC,MACvB,IAAY,EAAgB,EAAI,WAAW,EAAO,SAAS;EAG7D,IAAM,IAAS,EAAY,GAAM,EAAK,KAAK,GACrC,IAAS,EAAY,GAAM,EAAK,MAAM,GACtC,IAAY,EAAO,IAAI,CAAC;EAkC9B,KAhCI,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,OACL,cACA,EAAiB,EAAO,OAAO,EAAK,QAAQ,MAAM,CACpD,GAGE,EAAO,OAAO,QAChB,EACE,EAAO,MACP,GACA,EAAO,MAAM,MACb,EAAK,QACL,YACA,EAAiB,EAAO,OAAO,EAAK,OAAO,QAAQ,CACrD,GAGE,EAAO,UACT,EAAa,EAAO,OAAO,EAAO,MAAM,YAAY,UAAU,EAAK,OAAO,EAAK,MAAM,GACrF,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,OAAO,QAAQ,IAGjE,EAAO,UACT,EAAa,EAAO,OAAO,EAAO,MAAM,YAAY,QAAQ,EAAK,OAAO,EAAK,MAAM,GACnF,EAAW,EAAO,OAAO,GAAQ,EAAO,OAAO,EAAK,QAAQ,MAAM,IAG7D,EAAO,OAAO,SAAS,SAAS,EAAW,SAChD,EAAO,OAAO,YAAY,EAAO,OAAO,SAAU;EAGpD,IAAM,IAAuB,CAAC;EAE9B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;GAC1C,IAAM,IAAS,EAAW,IACtB,IAAQ,EAAO,OAAO,SAAS;GAEnC,AAAK,MACH,IAAQ,EAAiB,KAAK,EAAE,OAAO,oBAAoB,CAAC,GAC5D,EAAO,OAAO,YAAY,CAAK;GAGjC,IAAM,IAAS,EAAkB,EAAQ,IAAI,GAAQ,CAAM;GAI3D,AAFA,EAAU,KAAK,CAAM,GAErB,EAAW,GAAO,GAAQ,GAAW;IACnC,OAAO,EAAY,GAAG,EAAO,KAAK;IAClC,OAAO,EAAO,SAAS;IACvB,gBAAgB,EAAI;IACpB,aAAa,EAAO,eAAe;IACnC,UAAU,EAAO,aAAa;IAC9B,YAAY,EAAO;GACrB,CAAC;EACH;EAKA,OAHA,GAAQ,OAAO,EAAW,KAAK,GAAG,OAAO;GAAE,OAAO,EAAY,GAAG,EAAE,KAAK;GAAG,MAAM,EAAE;EAAK,EAAE,CAAC,GAC3F,GAAS,KAAK,GAEP,EAAwB;GAC7B;GACA,YAAY,EAAI;GAChB,eAAe;GACf,iBAAiB;GACjB,qBAAqB;GACrB,SAAS,EAAO;GAChB,SAAS,EAAO;GAChB,KAAK,EAAI;GACT;EACF,CAAC;CACH,IACC,MAAS;EACR,IAAa;CACf,CACF;AACF"}

package/dist/charts/area/area-renderer.cjs

@@ -1,2 +1,2 @@
-const e=require("../../animation/easing.cjs"),t=require("../../animation/motion.cjs"),n=require("../../animation/tween.cjs");require("../../_dev.cjs");const r=require("../../svg/element.cjs"),i=require("../../svg/path.cjs");var a=new WeakMap,o=new WeakMap;function s(e,t){return t===`monotone`?i.monotonePath(e):t===`step`?i.stepPath(e):i.linePath(e)}function c(c,l,u,d){let f=t.resolveMotion(d.transition,0),p=f.duration,m=e.resolveEasing(f.easing),h=c.querySelector(`.prism-area-fill`);h||(h=r.createSvgElement(`path`,{class:`prism-area-fill`}),c.appendChild(h)),r.setAttributes(h,{fill:d.color,"fill-opacity":d.fillOpacity,stroke:`none`});let g=null;if(d.showLine?(g=c.querySelector(`.prism-area-line`),g||(g=r.createSvgElement(`path`,{class:`prism-area-line`,fill:`none`}),c.appendChild(g)),r.setAttributes(g,{stroke:d.color,"stroke-width":2})):c.querySelector(`.prism-area-line`)?.remove(),p===0){let e=l.map(e=>({x:e.x,y:u}));r.setAttributes(h,{d:i.areaPath(l,e,d.curve)}),g&&r.setAttributes(g,{d:s(l,d.curve)});return}if(a.get(c)?.(),!h.hasAttribute(`d`)){let e=l.map(e=>({x:e.x,y:u}));r.setAttributes(h,{d:i.areaPath(l,e,d.curve)}),g&&r.setAttributes(g,{d:s(l,d.curve)}),o.set(c,l);return}let _=o.get(c)??l,v=l.map((e,t)=>_[t]??_[_.length-1]??l[t]),y=null;function b(e){if(d.disposalSignal?.aborted){a.delete(c);return}y===null&&(y=e);let t=Math.min(1,(e-y)/p),f=m(t),_=l.map((e,t)=>({x:n.tweenNumber(v[t].x,e.x,f),y:n.tweenNumber(v[t].y,e.y,f)})),x=_.map(e=>({x:e.x,y:u}));if(r.setAttributes(h,{d:i.areaPath(_,x,d.curve)}),g&&r.setAttributes(g,{d:s(_,d.curve)}),t<1){let e=requestAnimationFrame(b);a.set(c,()=>cancelAnimationFrame(e))}else a.delete(c),o.set(c,l)}o.set(c,v);let x=requestAnimationFrame(b);a.set(c,()=>cancelAnimationFrame(x))}function l(e,t,n){return e.some(e=>e.key==null)||e.some(e=>typeof e.key==`string`),e.map(e=>({x:t.map(e.key),y:n.map(e.value)}))}exports.computeAreaPoints=l,exports.renderArea=c;
+require("../../_dev.cjs");const e=require("../../svg/element.cjs"),t=require("../../animation/easing.cjs"),n=require("../../animation/motion.cjs"),r=require("../../animation/tween.cjs"),i=require("../../svg/path.cjs");var a=new WeakMap,o=new WeakMap;function s(e,t){return t===`monotone`?i.monotonePath(e):t===`step`?i.stepPath(e):i.linePath(e)}function c(c,l,u,d){let f=n.resolveMotion(d.transition,0),p=f.duration,m=t.resolveEasing(f.easing),h=c.querySelector(`.prism-area-fill`);h||(h=e.createSvgElement(`path`,{class:`prism-area-fill`}),c.appendChild(h)),e.setAttributes(h,{fill:d.color,"fill-opacity":d.fillOpacity,stroke:`none`});let g=null;if(d.showLine?(g=c.querySelector(`.prism-area-line`),g||(g=e.createSvgElement(`path`,{class:`prism-area-line`,fill:`none`}),c.appendChild(g)),e.setAttributes(g,{stroke:d.color,"stroke-width":2})):c.querySelector(`.prism-area-line`)?.remove(),p===0){let t=l.map(e=>({x:e.x,y:u}));e.setAttributes(h,{d:i.areaPath(l,t,d.curve)}),g&&e.setAttributes(g,{d:s(l,d.curve)});return}if(a.get(c)?.(),!h.hasAttribute(`d`)){let t=l.map(e=>({x:e.x,y:u}));e.setAttributes(h,{d:i.areaPath(l,t,d.curve)}),g&&e.setAttributes(g,{d:s(l,d.curve)}),o.set(c,l);return}let _=o.get(c)??l,v=l.map((e,t)=>_[t]??_[_.length-1]??l[t]),y=null;function b(t){if(d.disposalSignal?.aborted){a.delete(c);return}y===null&&(y=t);let n=Math.min(1,(t-y)/p),f=m(n),_=l.map((e,t)=>({x:r.tweenNumber(v[t].x,e.x,f),y:r.tweenNumber(v[t].y,e.y,f)})),x=_.map(e=>({x:e.x,y:u}));if(e.setAttributes(h,{d:i.areaPath(_,x,d.curve)}),g&&e.setAttributes(g,{d:s(_,d.curve)}),n<1){let e=requestAnimationFrame(b);a.set(c,()=>cancelAnimationFrame(e))}else a.delete(c),o.set(c,l)}o.set(c,v);let x=requestAnimationFrame(b);a.set(c,()=>cancelAnimationFrame(x))}function l(e,t,n){return e.some(e=>e.key==null)||e.some(e=>typeof e.key==`string`),e.map(e=>({x:t.map(e.key),y:n.map(e.value)}))}exports.computeAreaPoints=l,exports.renderArea=c;
 //# sourceMappingURL=area-renderer.cjs.map

package/dist/charts/area/area-renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"area-renderer.cjs","names":[],"sources":["../../../src/charts/area/area-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { areaPath, linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { Datum, Scale, TransitionConfig } from '../../types';\n\nexport interface AreaRenderOptions {\n  color: string;\n  curve: 'linear' | 'monotone' | 'step';\n  /** Aborted when the owning chart is disposed — stops the transition's `requestAnimationFrame` loop from rescheduling. */\n  disposalSignal?: AbortSignal;\n  fillOpacity: number;\n  showLine: boolean;\n  transition?: TransitionConfig;\n}\n\nconst activeAreaAnimations = new WeakMap<SVGGElement, () => void>();\nconst previousPoints = new WeakMap<SVGGElement, Point[]>();\n\nfunction buildLinePath(pts: Point[], curve: AreaRenderOptions['curve']): string {\n  return curve === 'monotone' ? monotonePath(pts) : curve === 'step' ? stepPath(pts) : linePath(pts);\n}\n\nexport function renderArea(parent: SVGGElement, points: Point[], baselineY: number, options: AreaRenderOptions): void {\n  const motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let fill = parent.querySelector<SVGPathElement>('.prism-area-fill');\n\n  if (!fill) {\n    fill = createSvgElement('path', { class: 'prism-area-fill' });\n    parent.appendChild(fill);\n  }\n\n  setAttributes(fill, { fill: options.color, 'fill-opacity': options.fillOpacity, stroke: 'none' });\n\n  let line: SVGPathElement | null = null;\n\n  if (options.showLine) {\n    line = parent.querySelector<SVGPathElement>('.prism-area-line');\n\n    if (!line) {\n      line = createSvgElement('path', { class: 'prism-area-line', fill: 'none' });\n      parent.appendChild(line);\n    }\n\n    setAttributes(line, { stroke: options.color, 'stroke-width': 2 });\n  } else {\n    parent.querySelector('.prism-area-line')?.remove();\n  }\n\n  if (dur === 0) {\n    const bottomPoints = points.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill, { d: areaPath(points, bottomPoints, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(points, options.curve) });\n\n    return;\n  }\n\n  activeAreaAnimations.get(parent)?.();\n\n  const hasExisting = fill.hasAttribute('d');\n\n  if (!hasExisting) {\n    const bottomPoints = points.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill, { d: areaPath(points, bottomPoints, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(points, options.curve) });\n\n    previousPoints.set(parent, points);\n\n    return;\n  }\n\n  const rawFrom = previousPoints.get(parent) ?? points;\n  const fromPoints: Point[] = points.map((_, i) => rawFrom[i] ?? rawFrom[rawFrom.length - 1] ?? points[i]);\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAreaAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\n    const interpolated: Point[] = points.map((to, i) => ({\n      x: tweenNumber(fromPoints[i].x, to.x, e),\n      y: tweenNumber(fromPoints[i].y, to.y, e),\n    }));\n    const interpolatedBottom = interpolated.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill!, { d: areaPath(interpolated, interpolatedBottom, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(interpolated, options.curve) });\n\n    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAreaAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAreaAnimations.delete(parent);\n      previousPoints.set(parent, points);\n    }\n  }\n\n  previousPoints.set(parent, fromPoints);\n\n  const id = requestAnimationFrame(frame);\n\n  activeAreaAnimations.set(parent, () => cancelAnimationFrame(id));\n}\n\nexport function computeAreaPoints(data: Datum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[] {\n  if (data.some((d) => d.key == null)) {\n    warn(\n      'computeAreaPoints: datum.key is null or undefined — data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n    );\n  } else if (data.some((d) => typeof d.key === 'string')) {\n    warn('computeAreaPoints: string keys are not supported for line/area charts — use numeric or Date keys.');\n  }\n\n  return data.map((d) => ({\n    x: xScale.map(d.key as Date | number),\n    y: yScale.map(d.value),\n  }));\n}\n"],"mappings":"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"}
+{"version":3,"file":"area-renderer.cjs","names":[],"sources":["../../../src/charts/area/area-renderer.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { resolveEasing } from '../../animation/easing';\nimport { resolveMotion } from '../../animation/motion';\nimport { tweenNumber } from '../../animation/tween';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { Point } from '../../svg/path';\nimport { areaPath, linePath, monotonePath, stepPath } from '../../svg/path';\nimport type { ContinuousDatum, Scale, TransitionConfig } from '../../types';\n\nexport interface AreaRenderOptions {\n  color: string;\n  curve: 'linear' | 'monotone' | 'step';\n  /** Aborted when the owning chart is disposed — stops the transition's `requestAnimationFrame` loop from rescheduling. */\n  disposalSignal?: AbortSignal;\n  fillOpacity: number;\n  showLine: boolean;\n  transition?: TransitionConfig;\n}\n\nconst activeAreaAnimations = new WeakMap<SVGGElement, () => void>();\nconst previousPoints = new WeakMap<SVGGElement, Point[]>();\n\nfunction buildLinePath(pts: Point[], curve: AreaRenderOptions['curve']): string {\n  return curve === 'monotone' ? monotonePath(pts) : curve === 'step' ? stepPath(pts) : linePath(pts);\n}\n\nexport function renderArea(parent: SVGGElement, points: Point[], baselineY: number, options: AreaRenderOptions): void {\n  const motion = resolveMotion(options.transition, 0);\n  const dur = motion.duration;\n  const easing = resolveEasing(motion.easing);\n\n  let fill = parent.querySelector<SVGPathElement>('.prism-area-fill');\n\n  if (!fill) {\n    fill = createSvgElement('path', { class: 'prism-area-fill' });\n    parent.appendChild(fill);\n  }\n\n  setAttributes(fill, { fill: options.color, 'fill-opacity': options.fillOpacity, stroke: 'none' });\n\n  let line: SVGPathElement | null = null;\n\n  if (options.showLine) {\n    line = parent.querySelector<SVGPathElement>('.prism-area-line');\n\n    if (!line) {\n      line = createSvgElement('path', { class: 'prism-area-line', fill: 'none' });\n      parent.appendChild(line);\n    }\n\n    setAttributes(line, { stroke: options.color, 'stroke-width': 2 });\n  } else {\n    parent.querySelector('.prism-area-line')?.remove();\n  }\n\n  if (dur === 0) {\n    const bottomPoints = points.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill, { d: areaPath(points, bottomPoints, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(points, options.curve) });\n\n    return;\n  }\n\n  activeAreaAnimations.get(parent)?.();\n\n  const hasExisting = fill.hasAttribute('d');\n\n  if (!hasExisting) {\n    const bottomPoints = points.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill, { d: areaPath(points, bottomPoints, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(points, options.curve) });\n\n    previousPoints.set(parent, points);\n\n    return;\n  }\n\n  const rawFrom = previousPoints.get(parent) ?? points;\n  const fromPoints: Point[] = points.map((_, i) => rawFrom[i] ?? rawFrom[rawFrom.length - 1] ?? points[i]);\n\n  let startTime: number | null = null;\n\n  function frame(ts: number) {\n    if (options.disposalSignal?.aborted) {\n      activeAreaAnimations.delete(parent);\n\n      return;\n    }\n\n    if (startTime === null) startTime = ts;\n\n    const t = Math.min(1, (ts - startTime) / dur);\n    const e = easing(t);\n    const interpolated: Point[] = points.map((to, i) => ({\n      x: tweenNumber(fromPoints[i].x, to.x, e),\n      y: tweenNumber(fromPoints[i].y, to.y, e),\n    }));\n    const interpolatedBottom = interpolated.map((p) => ({ x: p.x, y: baselineY }));\n\n    setAttributes(fill!, { d: areaPath(interpolated, interpolatedBottom, options.curve) });\n\n    if (line) setAttributes(line, { d: buildLinePath(interpolated, options.curve) });\n\n    if (t < 1) {\n      const id = requestAnimationFrame(frame);\n\n      activeAreaAnimations.set(parent, () => cancelAnimationFrame(id));\n    } else {\n      activeAreaAnimations.delete(parent);\n      previousPoints.set(parent, points);\n    }\n  }\n\n  previousPoints.set(parent, fromPoints);\n\n  const id = requestAnimationFrame(frame);\n\n  activeAreaAnimations.set(parent, () => cancelAnimationFrame(id));\n}\n\nexport function computeAreaPoints(\n  data: ContinuousDatum[],\n  xScale: Scale<Date | number>,\n  yScale: Scale<number>,\n): Point[] {\n  if (data.some((d) => d.key == null)) {\n    warn(\n      'computeAreaPoints: datum.key is null or undefined — data must use the Datum shape { key, value }. Did you pass { x, y } instead?',\n    );\n  } else if (data.some((d) => typeof d.key === 'string')) {\n    warn('computeAreaPoints: string keys are not supported for line/area charts — use numeric or Date keys.');\n  }\n\n  return data.map((d) => ({\n    x: xScale.map(d.key as Date | number),\n    y: yScale.map(d.value),\n  }));\n}\n"],"mappings":"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"}

package/dist/charts/area/area-renderer.d.ts

@@ -1,5 +1,5 @@
 import type { Point } from '../../svg/path';
-import type { Datum, Scale, TransitionConfig } from '../../types';
+import type { ContinuousDatum, Scale, TransitionConfig } from '../../types';
 export interface AreaRenderOptions {
     color: string;
     curve: 'linear' | 'monotone' | 'step';
@@ -10,5 +10,5 @@ export interface AreaRenderOptions {
     transition?: TransitionConfig;
 }
 export declare function renderArea(parent: SVGGElement, points: Point[], baselineY: number, options: AreaRenderOptions): void;
-export declare function computeAreaPoints(data: Datum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[];
+export declare function computeAreaPoints(data: ContinuousDatum[], xScale: Scale<Date | number>, yScale: Scale<number>): Point[];
 //# sourceMappingURL=area-renderer.d.ts.map

package/dist/charts/area/area-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"area-renderer.d.ts","sourceRoot":"","sources":["../../../src/charts/area/area-renderer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,yHAAyH;IACzH,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AASD,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAgGpH;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAa7G"}
+{"version":3,"file":"area-renderer.d.ts","sourceRoot":"","sources":["../../../src/charts/area/area-renderer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,yHAAyH;IACzH,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AASD,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAgGpH;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,eAAe,EAAE,EACvB,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GACpB,KAAK,EAAE,CAaT"}