@chartts/core 0.1.0

package/dist/chunk-XBIM73HV.cjs

@@ -0,0 +1,126 @@
+'use strict';
+
+var chunkNHGKZMD7_cjs = require('./chunk-NHGKZMD7.cjs');
+var chunkXHQWWR5M_cjs = require('./chunk-XHQWWR5M.cjs');
+
+// src/charts/waterfall/waterfall-type.ts
+var waterfallChartType = {
+  type: "waterfall",
+  getScaleTypes() {
+    return { x: "categorical", y: "linear" };
+  },
+  prepareData(data, options) {
+    const prepared = chunkXHQWWR5M_cjs.prepareData(data, options);
+    const wOpts = options;
+    const series = data.series[0];
+    if (!series) return prepared;
+    const totals = new Set(wOpts.totals ?? [series.values.length - 1]);
+    let running = 0;
+    let yMin = 0;
+    let yMax = 0;
+    for (let i = 0; i < series.values.length; i++) {
+      if (totals.has(i)) {
+        running = series.values[i];
+      } else {
+        running += series.values[i];
+      }
+      if (running < yMin) yMin = running;
+      if (running > yMax) yMax = running;
+    }
+    prepared.bounds.yMin = Math.min(0, yMin);
+    prepared.bounds.yMax = Math.max(0, yMax);
+    return prepared;
+  },
+  render(ctx) {
+    const { data, xScale, yScale, options, theme } = ctx;
+    const nodes = [];
+    const series = data.series[0];
+    if (!series || series.values.length === 0) return nodes;
+    const wOpts = options;
+    const totals = new Set(wOpts.totals ?? [series.values.length - 1]);
+    const upColor = wOpts.upColor ?? "var(--color-emerald-500, #10b981)";
+    const downColor = wOpts.downColor ?? "var(--color-red-500, #ef4444)";
+    const totalColor = wOpts.totalColor ?? "var(--color-blue-500, #3b82f6)";
+    const showConnectors = wOpts.connectors ?? true;
+    const bw = chunkNHGKZMD7_cjs.getBandwidth(xScale);
+    const barWidth = bw * 0.6;
+    const barNodes = [];
+    const connectorNodes = [];
+    let running = 0;
+    let prevTop = yScale.map(0);
+    for (let i = 0; i < series.values.length; i++) {
+      const val = series.values[i];
+      const cx = xScale.map(i);
+      const isTotal = totals.has(i);
+      let barTop;
+      let barBottom;
+      let color;
+      if (isTotal) {
+        running = val;
+        barTop = yScale.map(Math.max(0, val));
+        barBottom = yScale.map(Math.min(0, val));
+        color = totalColor;
+      } else {
+        const from = running;
+        running += val;
+        barTop = yScale.map(Math.max(from, running));
+        barBottom = yScale.map(Math.min(from, running));
+        color = val >= 0 ? upColor : downColor;
+      }
+      const barH = Math.max(barBottom - barTop, 1);
+      barNodes.push(chunkXHQWWR5M_cjs.rect(cx - barWidth / 2, barTop, barWidth, barH, {
+        rx: 3,
+        ry: 3,
+        class: "chartts-waterfall-bar",
+        fill: color,
+        "data-series": 0,
+        "data-index": i,
+        tabindex: 0,
+        role: "img",
+        ariaLabel: `${data.labels[i] ?? i}: ${val}${isTotal ? " (total)" : ""}`
+      }));
+      if (showConnectors && i > 0 && !isTotal) {
+        connectorNodes.push({
+          type: "line",
+          x1: xScale.map(i - 1) + barWidth / 2,
+          y1: prevTop,
+          x2: cx - barWidth / 2,
+          y2: prevTop,
+          attrs: {
+            class: "chartts-waterfall-connector",
+            stroke: theme.gridColor,
+            strokeWidth: 1,
+            strokeDasharray: "3,2"
+          }
+        });
+      }
+      prevTop = barTop;
+    }
+    if (connectorNodes.length > 0) {
+      nodes.push(chunkXHQWWR5M_cjs.group(connectorNodes, { class: "chartts-waterfall-connectors" }));
+    }
+    nodes.push(chunkXHQWWR5M_cjs.group(barNodes, {
+      class: "chartts-series chartts-series-0",
+      "data-series-name": series.name
+    }));
+    return nodes;
+  },
+  hitTest(ctx, mx, _my) {
+    const { data, xScale } = ctx;
+    const series = data.series[0];
+    if (!series) return null;
+    const bw = chunkNHGKZMD7_cjs.getBandwidth(xScale);
+    const barWidth = bw * 0.6;
+    for (let i = 0; i < series.values.length; i++) {
+      const cx = xScale.map(i);
+      if (mx >= cx - barWidth / 2 - 4 && mx <= cx + barWidth / 2 + 4) {
+        return { seriesIndex: 0, pointIndex: i, distance: Math.abs(mx - cx) };
+      }
+    }
+    return null;
+  }
+};
+
+exports.waterfallChartType = waterfallChartType;
+//# sourceMappingURL=chunk-XBIM73HV.cjs.map
+//# sourceMappingURL=chunk-XBIM73HV.cjs.map

package/dist/chunk-XBIM73HV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/waterfall/waterfall-type.ts"],"names":["prepareData","getBandwidth","rect","group"],"mappings":"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","file":"chunk-XBIM73HV.cjs","sourcesContent":["import type {\n  ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n  RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareData } from '../../data/prepare'\nimport { group, rect } from '../../render/tree'\nimport { getBandwidth } from '../../utils/scale'\n\nexport interface WaterfallOptions {\n  /** Indices that represent totals (absolute, not cumulative). Default: last index. */\n  totals?: number[]\n  /** Up color. Default emerald. */\n  upColor?: string\n  /** Down color. Default red. */\n  downColor?: string\n  /** Total color. Default blue. */\n  totalColor?: string\n  /** Show connector lines between bars. Default true. */\n  connectors?: boolean\n}\n\n/**\n * Waterfall chart — running totals with floating bars.\n * Each value is a delta from the previous running total.\n * Positive = up (green), negative = down (red), totals = absolute (blue).\n */\nexport const waterfallChartType: ChartTypePlugin = {\n  type: 'waterfall',\n\n  getScaleTypes(): { x: ScaleType; y: ScaleType } {\n    return { x: 'categorical', y: 'linear' }\n  },\n\n  prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n    const prepared = prepareData(data, options)\n\n    const wOpts = options as unknown as WaterfallOptions\n    const series = data.series[0]\n    if (!series) return prepared\n\n    const totals = new Set(wOpts.totals ?? [series.values.length - 1])\n\n    // Compute running totals to find proper y bounds\n    let running = 0\n    let yMin = 0\n    let yMax = 0\n    for (let i = 0; i < series.values.length; i++) {\n      if (totals.has(i)) {\n        running = series.values[i]!\n      } else {\n        running += series.values[i]!\n      }\n      if (running < yMin) yMin = running\n      if (running > yMax) yMax = running\n    }\n\n    // Include 0 in range\n    prepared.bounds.yMin = Math.min(0, yMin)\n    prepared.bounds.yMax = Math.max(0, yMax)\n\n    return prepared\n  },\n\n  render(ctx: RenderContext): RenderNode[] {\n    const { data, xScale, yScale, options, theme } = ctx\n    const nodes: RenderNode[] = []\n\n    const series = data.series[0]\n    if (!series || series.values.length === 0) return nodes\n\n    const wOpts = options as unknown as WaterfallOptions\n    const totals = new Set(wOpts.totals ?? [series.values.length - 1])\n    const upColor = wOpts.upColor ?? 'var(--color-emerald-500, #10b981)'\n    const downColor = wOpts.downColor ?? 'var(--color-red-500, #ef4444)'\n    const totalColor = wOpts.totalColor ?? 'var(--color-blue-500, #3b82f6)'\n    const showConnectors = wOpts.connectors ?? true\n\n    const bw = getBandwidth(xScale)\n    const barWidth = bw * 0.6\n    const barNodes: RenderNode[] = []\n    const connectorNodes: RenderNode[] = []\n\n    let running = 0\n    let prevTop = yScale.map(0)\n\n    for (let i = 0; i < series.values.length; i++) {\n      const val = series.values[i]!\n      const cx = xScale.map(i)\n      const isTotal = totals.has(i)\n\n      let barTop: number\n      let barBottom: number\n      let color: string\n\n      if (isTotal) {\n        // Total bar: from 0 to the value\n        running = val\n        barTop = yScale.map(Math.max(0, val))\n        barBottom = yScale.map(Math.min(0, val))\n        color = totalColor\n      } else {\n        // Delta bar: from running to running + val\n        const from = running\n        running += val\n        barTop = yScale.map(Math.max(from, running))\n        barBottom = yScale.map(Math.min(from, running))\n        color = val >= 0 ? upColor : downColor\n      }\n\n      const barH = Math.max(barBottom - barTop, 1)\n\n      barNodes.push(rect(cx - barWidth / 2, barTop, barWidth, barH, {\n        rx: 3, ry: 3,\n        class: 'chartts-waterfall-bar',\n        fill: color,\n        'data-series': 0,\n        'data-index': i,\n        tabindex: 0,\n        role: 'img',\n        ariaLabel: `${data.labels[i] ?? i}: ${val}${isTotal ? ' (total)' : ''}`,\n      }))\n\n      // Connector line from previous bar's end to this bar's start\n      if (showConnectors && i > 0 && !isTotal) {\n        connectorNodes.push({\n          type: 'line',\n          x1: xScale.map(i - 1) + barWidth / 2,\n          y1: prevTop,\n          x2: cx - barWidth / 2,\n          y2: prevTop,\n          attrs: {\n            class: 'chartts-waterfall-connector',\n            stroke: theme.gridColor,\n            strokeWidth: 1,\n            strokeDasharray: '3,2',\n          },\n        })\n      }\n\n      prevTop = barTop\n    }\n\n    if (connectorNodes.length > 0) {\n      nodes.push(group(connectorNodes, { class: 'chartts-waterfall-connectors' }))\n    }\n\n    nodes.push(group(barNodes, {\n      class: 'chartts-series chartts-series-0',\n      'data-series-name': series.name,\n    }))\n\n    return nodes\n  },\n\n  hitTest(ctx: RenderContext, mx: number, _my: number): HitResult | null {\n    const { data, xScale } = ctx\n    const series = data.series[0]\n    if (!series) return null\n\n    const bw = getBandwidth(xScale)\n    const barWidth = bw * 0.6\n\n    for (let i = 0; i < series.values.length; i++) {\n      const cx = xScale.map(i)\n      if (mx >= cx - barWidth / 2 - 4 && mx <= cx + barWidth / 2 + 4) {\n        return { seriesIndex: 0, pointIndex: i, distance: Math.abs(mx - cx) }\n      }\n    }\n\n    return null\n  },\n}\n"]}