@chartts/core 0.1.0

package/dist/calendar-type-Br5mpdea.d.cts

@@ -0,0 +1,15 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.cjs';
+
+/**
+ * Calendar heatmap — GitHub-style contribution grid.
+ *
+ * Data format:
+ * - labels: dates as strings (YYYY-MM-DD) or numbers (day index)
+ * - series[0]: values for each day (intensity)
+ *
+ * Renders a 7-row (days of week) x N-column (weeks) grid.
+ * If labels aren't dates, treats data as a flat grid: 7 rows.
+ */
+declare const calendarChartType: ChartTypePlugin;
+
+export { calendarChartType as c };

package/dist/calendar-type-yJWPY6qT.d.ts

@@ -0,0 +1,15 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.js';
+
+/**
+ * Calendar heatmap — GitHub-style contribution grid.
+ *
+ * Data format:
+ * - labels: dates as strings (YYYY-MM-DD) or numbers (day index)
+ * - series[0]: values for each day (intensity)
+ *
+ * Renders a 7-row (days of week) x N-column (weeks) grid.
+ * If labels aren't dates, treats data as a flat grid: 7 rows.
+ */
+declare const calendarChartType: ChartTypePlugin;
+
+export { calendarChartType as c };

package/dist/calendar.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkH4RNJ7FK_cjs = require('./chunk-H4RNJ7FK.cjs');
+require('./chunk-5QOQR5FE.cjs');
+var chunkQHJHYV3H_cjs = require('./chunk-QHJHYV3H.cjs');
+var chunkXHQWWR5M_cjs = require('./chunk-XHQWWR5M.cjs');
+
+// src/entries/calendar.ts
+var Calendar = chunkQHJHYV3H_cjs.createConvenience(chunkH4RNJ7FK_cjs.calendarChartType);
+
+Object.defineProperty(exports, "calendarChartType", {
+  enumerable: true,
+  get: function () { return chunkH4RNJ7FK_cjs.calendarChartType; }
+});
+Object.defineProperty(exports, "applyTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.applyTheme; }
+});
+Object.defineProperty(exports, "createChart", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.createChart; }
+});
+Object.defineProperty(exports, "renderToString", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.renderToString; }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.resolveTheme; }
+});
+exports.Calendar = Calendar;
+//# sourceMappingURL=calendar.cjs.map
+//# sourceMappingURL=calendar.cjs.map

package/dist/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/calendar.ts"],"names":["createConvenience","calendarChartType"],"mappings":";;;;;;;;AAGO,IAAM,QAAA,GAAWA,oCAAkBC,mCAAiB","file":"calendar.cjs","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { calendarChartType } from '../charts/calendar/calendar-type'\n\nexport const Calendar = createConvenience(calendarChartType)\nexport { calendarChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/calendar.d.cts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.cjs';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.cjs';
+import { C as ChartConfig } from './factory-dbngWV4d.cjs';
+export { c as calendarChartType } from './calendar-type-Br5mpdea.cjs';
+
+declare const Calendar: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { Calendar, ChartConfig, ChartInstance };

package/dist/calendar.d.ts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.js';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.js';
+import { C as ChartConfig } from './factory-jRzNNxwj.js';
+export { c as calendarChartType } from './calendar-type-yJWPY6qT.js';
+
+declare const Calendar: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { Calendar, ChartConfig, ChartInstance };

package/dist/calendar.js

@@ -0,0 +1,12 @@
+import { calendarChartType } from './chunk-BR3KTAGW.js';
+export { calendarChartType } from './chunk-BR3KTAGW.js';
+import './chunk-3XVGEBR4.js';
+import { createConvenience } from './chunk-GM3ZO5WV.js';
+export { applyTheme, createChart, renderToString, resolveTheme } from './chunk-3BRQGYDX.js';
+
+// src/entries/calendar.ts
+var Calendar = createConvenience(calendarChartType);
+
+export { Calendar };
+//# sourceMappingURL=calendar.js.map
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/calendar.ts"],"names":[],"mappings":";;;;;;;AAGO,IAAM,QAAA,GAAW,kBAAkB,iBAAiB","file":"calendar.js","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { calendarChartType } from '../charts/calendar/calendar-type'\n\nexport const Calendar = createConvenience(calendarChartType)\nexport { calendarChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/candlestick-type-CazXUb77.d.cts

@@ -0,0 +1,22 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.cjs';
+
+/**
+ * Candlestick / OHLC chart for financial data.
+ *
+ * Pass OHLC data via options:
+ * ```ts
+ * Candlestick('#el', {
+ *   data: { labels: ['Mon','Tue','Wed'], series: [{ name: 'AAPL', values: [150, 152, 148] }] },
+ *   ohlc: {
+ *     open:  [148, 150, 152],
+ *     high:  [153, 155, 154],
+ *     low:   [146, 149, 147],
+ *     close: [150, 152, 148],
+ *   }
+ * })
+ * ```
+ * The series values are used as close prices for scale computation.
+ */
+declare const candlestickChartType: ChartTypePlugin;
+
+export { candlestickChartType as c };

package/dist/candlestick-type-CtLZy_uC.d.ts

@@ -0,0 +1,22 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.js';
+
+/**
+ * Candlestick / OHLC chart for financial data.
+ *
+ * Pass OHLC data via options:
+ * ```ts
+ * Candlestick('#el', {
+ *   data: { labels: ['Mon','Tue','Wed'], series: [{ name: 'AAPL', values: [150, 152, 148] }] },
+ *   ohlc: {
+ *     open:  [148, 150, 152],
+ *     high:  [153, 155, 154],
+ *     low:   [146, 149, 147],
+ *     close: [150, 152, 148],
+ *   }
+ * })
+ * ```
+ * The series values are used as close prices for scale computation.
+ */
+declare const candlestickChartType: ChartTypePlugin;
+
+export { candlestickChartType as c };

package/dist/candlestick.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkL54BZYAI_cjs = require('./chunk-L54BZYAI.cjs');
+require('./chunk-NHGKZMD7.cjs');
+var chunkQHJHYV3H_cjs = require('./chunk-QHJHYV3H.cjs');
+var chunkXHQWWR5M_cjs = require('./chunk-XHQWWR5M.cjs');
+
+// src/entries/candlestick.ts
+var Candlestick = chunkQHJHYV3H_cjs.createConvenience(chunkL54BZYAI_cjs.candlestickChartType);
+
+Object.defineProperty(exports, "candlestickChartType", {
+  enumerable: true,
+  get: function () { return chunkL54BZYAI_cjs.candlestickChartType; }
+});
+Object.defineProperty(exports, "applyTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.applyTheme; }
+});
+Object.defineProperty(exports, "createChart", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.createChart; }
+});
+Object.defineProperty(exports, "renderToString", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.renderToString; }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.resolveTheme; }
+});
+exports.Candlestick = Candlestick;
+//# sourceMappingURL=candlestick.cjs.map
+//# sourceMappingURL=candlestick.cjs.map

package/dist/candlestick.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/candlestick.ts"],"names":["createConvenience","candlestickChartType"],"mappings":";;;;;;;;AAGO,IAAM,WAAA,GAAcA,oCAAkBC,sCAAoB","file":"candlestick.cjs","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { candlestickChartType } from '../charts/candlestick/candlestick-type'\n\nexport const Candlestick = createConvenience(candlestickChartType)\nexport { candlestickChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/candlestick.d.cts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.cjs';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.cjs';
+import { C as ChartConfig } from './factory-dbngWV4d.cjs';
+export { c as candlestickChartType } from './candlestick-type-CazXUb77.cjs';
+
+declare const Candlestick: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { Candlestick, ChartConfig, ChartInstance };

package/dist/candlestick.d.ts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.js';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.js';
+import { C as ChartConfig } from './factory-jRzNNxwj.js';
+export { c as candlestickChartType } from './candlestick-type-CtLZy_uC.js';
+
+declare const Candlestick: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { Candlestick, ChartConfig, ChartInstance };

package/dist/candlestick.js

@@ -0,0 +1,12 @@
+import { candlestickChartType } from './chunk-LB4MV5CG.js';
+export { candlestickChartType } from './chunk-LB4MV5CG.js';
+import './chunk-E6PR75X7.js';
+import { createConvenience } from './chunk-GM3ZO5WV.js';
+export { applyTheme, createChart, renderToString, resolveTheme } from './chunk-3BRQGYDX.js';
+
+// src/entries/candlestick.ts
+var Candlestick = createConvenience(candlestickChartType);
+
+export { Candlestick };
+//# sourceMappingURL=candlestick.js.map
+//# sourceMappingURL=candlestick.js.map

package/dist/candlestick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/candlestick.ts"],"names":[],"mappings":";;;;;;;AAGO,IAAM,WAAA,GAAc,kBAAkB,oBAAoB","file":"candlestick.js","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { candlestickChartType } from '../charts/candlestick/candlestick-type'\n\nexport const Candlestick = createConvenience(candlestickChartType)\nexport { candlestickChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/chord-type-ChIZaOZd.d.cts

@@ -0,0 +1,5 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.cjs';
+
+declare const chordChartType: ChartTypePlugin;
+
+export { chordChartType as c };

package/dist/chord-type-ruvHboZl.d.ts

@@ -0,0 +1,5 @@
+import { c as ChartTypePlugin } from './engine-CNukbv7k.js';
+
+declare const chordChartType: ChartTypePlugin;
+
+export { chordChartType as c };

package/dist/chord.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var chunkM4AQD6WX_cjs = require('./chunk-M4AQD6WX.cjs');
+require('./chunk-5QOQR5FE.cjs');
+var chunkQHJHYV3H_cjs = require('./chunk-QHJHYV3H.cjs');
+var chunkXHQWWR5M_cjs = require('./chunk-XHQWWR5M.cjs');
+
+// src/entries/chord.ts
+var Chord = chunkQHJHYV3H_cjs.createConvenience(chunkM4AQD6WX_cjs.chordChartType);
+
+Object.defineProperty(exports, "chordChartType", {
+  enumerable: true,
+  get: function () { return chunkM4AQD6WX_cjs.chordChartType; }
+});
+Object.defineProperty(exports, "applyTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.applyTheme; }
+});
+Object.defineProperty(exports, "createChart", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.createChart; }
+});
+Object.defineProperty(exports, "renderToString", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.renderToString; }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () { return chunkXHQWWR5M_cjs.resolveTheme; }
+});
+exports.Chord = Chord;
+//# sourceMappingURL=chord.cjs.map
+//# sourceMappingURL=chord.cjs.map

package/dist/chord.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/chord.ts"],"names":["createConvenience","chordChartType"],"mappings":";;;;;;;;AAGO,IAAM,KAAA,GAAQA,oCAAkBC,gCAAc","file":"chord.cjs","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { chordChartType } from '../charts/chord/chord-type'\n\nexport const Chord = createConvenience(chordChartType)\nexport { chordChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/chord.d.cts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.cjs';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.cjs';
+import { C as ChartConfig } from './factory-dbngWV4d.cjs';
+export { c as chordChartType } from './chord-type-ChIZaOZd.cjs';
+
+declare const Chord: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { ChartConfig, ChartInstance, Chord };

package/dist/chord.d.ts

@@ -0,0 +1,8 @@
+import { C as ChartInstance } from './engine-CNukbv7k.js';
+export { a as ChartData, b as ChartOptions, c as ChartTypePlugin, R as RenderContext, d as RenderNode, S as Series, T as ThemeConfig, e as applyTheme, f as createChart, r as renderToString, g as resolveTheme } from './engine-CNukbv7k.js';
+import { C as ChartConfig } from './factory-jRzNNxwj.js';
+export { c as chordChartType } from './chord-type-ruvHboZl.js';
+
+declare const Chord: (target: string | HTMLElement, config: ChartConfig) => ChartInstance;
+
+export { ChartConfig, ChartInstance, Chord };

package/dist/chord.js

@@ -0,0 +1,12 @@
+import { chordChartType } from './chunk-O5KGKQSU.js';
+export { chordChartType } from './chunk-O5KGKQSU.js';
+import './chunk-3XVGEBR4.js';
+import { createConvenience } from './chunk-GM3ZO5WV.js';
+export { applyTheme, createChart, renderToString, resolveTheme } from './chunk-3BRQGYDX.js';
+
+// src/entries/chord.ts
+var Chord = createConvenience(chordChartType);
+
+export { Chord };
+//# sourceMappingURL=chord.js.map
+//# sourceMappingURL=chord.js.map

package/dist/chord.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entries/chord.ts"],"names":[],"mappings":";;;;;;;AAGO,IAAM,KAAA,GAAQ,kBAAkB,cAAc","file":"chord.js","sourcesContent":["import { createConvenience } from '../api/factory'\nimport { chordChartType } from '../charts/chord/chord-type'\n\nexport const Chord = createConvenience(chordChartType)\nexport { chordChartType }\nexport { createChart } from '../api/create'\nexport { renderToString } from '../render/string'\nexport { resolveTheme, applyTheme } from '../theme/engine'\nexport type {\n  ChartData, ChartOptions, ChartInstance, ChartTypePlugin,\n  ThemeConfig, Series, RenderContext, RenderNode,\n} from '../types'\nexport type { ChartConfig } from '../api/factory'\n"]}

package/dist/chunk-22LR6CFM.js

@@ -0,0 +1,176 @@
+import { prepareNoAxes } from './chunk-3XVGEBR4.js';
+import { PathBuilder, path, circle, text, group } from './chunk-3BRQGYDX.js';
+
+// src/charts/lines/lines-type.ts
+var linesChartType = {
+  type: "lines",
+  getScaleTypes() {
+    return { x: "categorical", y: "linear" };
+  },
+  prepareData(data, options) {
+    return prepareNoAxes(data, options);
+  },
+  render(ctx) {
+    const { data, area, theme, options } = ctx;
+    const nodes = [];
+    const lOpts = options;
+    const showNodes = lOpts.showNodes !== false;
+    const showArrows = lOpts.showArrows !== false;
+    const showLabels = lOpts.showLabels !== false;
+    const curvature = lOpts.curvature ?? 0.3;
+    const pointMap = /* @__PURE__ */ new Map();
+    if (lOpts.points) {
+      for (const p of lOpts.points) {
+        pointMap.set(p.name, {
+          x: area.x + p.x * area.width,
+          y: area.y + p.y * area.height
+        });
+      }
+    } else {
+      const names = /* @__PURE__ */ new Set();
+      for (const s of data.series) {
+        const parts = s.name.split(/\s*(?:→|->)\s*/);
+        if (parts.length >= 2) {
+          names.add(parts[0].trim());
+          names.add(parts[1].trim());
+        }
+      }
+      for (const l of data.labels) names.add(String(l));
+      const nameArr = [...names];
+      const cx = area.x + area.width / 2;
+      const cy = area.y + area.height / 2;
+      const r = Math.min(area.width, area.height) / 2 - 40;
+      nameArr.forEach((name, i) => {
+        const angle = i / nameArr.length * Math.PI * 2 - Math.PI / 2;
+        pointMap.set(name, {
+          x: cx + r * Math.cos(angle),
+          y: cy + r * Math.sin(angle)
+        });
+      });
+    }
+    const flows = [];
+    for (const s of data.series) {
+      const parts = s.name.split(/\s*(?:→|->)\s*/);
+      if (parts.length >= 2) {
+        flows.push({
+          source: parts[0].trim(),
+          target: parts[1].trim(),
+          value: s.values[0] ?? 1
+        });
+      }
+    }
+    if (flows.length === 0 && pointMap.size === 0) return nodes;
+    const maxFlow = Math.max(...flows.map((f) => Math.abs(f.value)), 1);
+    for (let fi = 0; fi < flows.length; fi++) {
+      const flow = flows[fi];
+      const src = pointMap.get(flow.source);
+      const tgt = pointMap.get(flow.target);
+      if (!src || !tgt) continue;
+      const color = options.colors[fi % options.colors.length];
+      const lineWidth = 1 + Math.abs(flow.value) / maxFlow * 4;
+      const dx = tgt.x - src.x;
+      const dy = tgt.y - src.y;
+      const mx = (src.x + tgt.x) / 2;
+      const my = (src.y + tgt.y) / 2;
+      const cpx = mx - dy * curvature;
+      const cpy = my + dx * curvature;
+      const pb = new PathBuilder();
+      pb.moveTo(src.x, src.y);
+      pb.quadTo(cpx, cpy, tgt.x, tgt.y);
+      nodes.push(path(pb.build(), {
+        class: "chartts-lines-flow",
+        fill: "none",
+        stroke: color,
+        strokeWidth: lineWidth,
+        strokeOpacity: 0.6,
+        strokeLinecap: "round",
+        "data-series": fi,
+        "data-index": 0,
+        tabindex: 0,
+        role: "img",
+        ariaLabel: `${flow.source} \u2192 ${flow.target}: ${flow.value}`
+      }));
+      if (showArrows) {
+        const t = 0.95;
+        const ax = (1 - t) * (1 - t) * src.x + 2 * (1 - t) * t * cpx + t * t * tgt.x;
+        const ay = (1 - t) * (1 - t) * src.y + 2 * (1 - t) * t * cpy + t * t * tgt.y;
+        const angle = Math.atan2(tgt.y - ay, tgt.x - ax);
+        const arrowSize = 6 + lineWidth;
+        const apb = new PathBuilder();
+        apb.moveTo(tgt.x, tgt.y);
+        apb.lineTo(
+          tgt.x - arrowSize * Math.cos(angle - 0.4),
+          tgt.y - arrowSize * Math.sin(angle - 0.4)
+        );
+        apb.lineTo(
+          tgt.x - arrowSize * Math.cos(angle + 0.4),
+          tgt.y - arrowSize * Math.sin(angle + 0.4)
+        );
+        apb.close();
+        nodes.push(path(apb.build(), {
+          class: "chartts-lines-arrow",
+          fill: color,
+          fillOpacity: 0.8
+        }));
+      }
+    }
+    if (showNodes) {
+      const nodeNodes = [];
+      let idx = 0;
+      for (const [name, pos] of pointMap) {
+        const color = options.colors[idx % options.colors.length];
+        nodeNodes.push(circle(pos.x, pos.y, 6, {
+          class: "chartts-lines-node",
+          fill: color,
+          stroke: theme.background === "transparent" ? "#fff" : theme.background,
+          strokeWidth: 2,
+          "data-series": idx,
+          "data-index": 0
+        }));
+        if (showLabels) {
+          nodeNodes.push(text(pos.x, pos.y - 14, name, {
+            class: "chartts-lines-label",
+            fill: theme.textColor,
+            textAnchor: "middle",
+            dominantBaseline: "auto",
+            fontSize: theme.fontSizeSmall,
+            fontFamily: theme.fontFamily,
+            fontWeight: 600
+          }));
+        }
+        idx++;
+      }
+      nodes.push(group(nodeNodes, { class: "chartts-lines-nodes" }));
+    }
+    return nodes;
+  },
+  hitTest(ctx, mx, my) {
+    const { options } = ctx;
+    const lOpts = options;
+    const pointMap = /* @__PURE__ */ new Map();
+    if (lOpts.points) {
+      const { area } = ctx;
+      for (const p of lOpts.points) {
+        pointMap.set(p.name, {
+          x: area.x + p.x * area.width,
+          y: area.y + p.y * area.height
+        });
+      }
+    }
+    let idx = 0;
+    for (const [, pos] of pointMap) {
+      const dx = mx - pos.x;
+      const dy = my - pos.y;
+      const dist = Math.sqrt(dx * dx + dy * dy);
+      if (dist < 12) {
+        return { seriesIndex: idx, pointIndex: 0, distance: dist };
+      }
+      idx++;
+    }
+    return null;
+  }
+};
+
+export { linesChartType };
+//# sourceMappingURL=chunk-22LR6CFM.js.map
+//# sourceMappingURL=chunk-22LR6CFM.js.map

package/dist/chunk-22LR6CFM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/lines/lines-type.ts"],"names":[],"mappings":"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","file":"chunk-22LR6CFM.js","sourcesContent":["import type {\n  ChartTypePlugin, ChartData, ResolvedOptions, PreparedData,\n  RenderContext, RenderNode, HitResult, ScaleType,\n} from '../../types'\nimport { prepareNoAxes } from '../../utils/prepare'\nimport { circle, text, group } from '../../render/tree'\nimport { PathBuilder } from '../../render/tree'\nimport { path } from '../../render/tree'\n\n/**\n * Lines (flow lines) chart — curved connection lines between named points.\n *\n * Data convention:\n * - labels: point/city names\n * - series use arrow notation: \"A → B\" with values[0] = flow magnitude\n *\n * Options:\n * - points: array of {name, x, y} defining positions in 0..1 normalized space\n * - showNodes: show circles at point positions (default true)\n * - showArrows: show arrowheads (default true)\n * - showLabels: show point name labels (default true)\n * - curvature: bezier curve amount 0..1 (default 0.3)\n */\n\nexport interface LinesPoint {\n  name: string\n  x: number  // 0..1 normalized\n  y: number  // 0..1 normalized\n}\n\nexport interface LinesOptions {\n  points?: LinesPoint[]\n  showNodes?: boolean\n  showArrows?: boolean\n  showLabels?: boolean\n  curvature?: number\n}\n\ninterface ParsedFlow {\n  source: string\n  target: string\n  value: number\n}\n\nexport const linesChartType: ChartTypePlugin = {\n  type: 'lines',\n\n  getScaleTypes(): { x: ScaleType; y: ScaleType } {\n    return { x: 'categorical', y: 'linear' }\n  },\n\n  prepareData(data: ChartData, options: ResolvedOptions): PreparedData {\n    return prepareNoAxes(data, options)\n  },\n\n  render(ctx: RenderContext): RenderNode[] {\n    const { data, area, theme, options } = ctx\n    const nodes: RenderNode[] = []\n\n    const lOpts = options as unknown as LinesOptions\n    const showNodes = lOpts.showNodes !== false\n    const showArrows = lOpts.showArrows !== false\n    const showLabels = lOpts.showLabels !== false\n    const curvature = lOpts.curvature ?? 0.3\n\n    // Build point positions\n    const pointMap = new Map<string, { x: number; y: number }>()\n\n    if (lOpts.points) {\n      for (const p of lOpts.points) {\n        pointMap.set(p.name, {\n          x: area.x + p.x * area.width,\n          y: area.y + p.y * area.height,\n        })\n      }\n    } else {\n      // Auto-layout: arrange points in a circle\n      const names = new Set<string>()\n      for (const s of data.series) {\n        const parts = s.name.split(/\\s*(?:→|->)\\s*/)\n        if (parts.length >= 2) {\n          names.add(parts[0]!.trim())\n          names.add(parts[1]!.trim())\n        }\n      }\n      // Also add labels\n      for (const l of data.labels) names.add(String(l))\n\n      const nameArr = [...names]\n      const cx = area.x + area.width / 2\n      const cy = area.y + area.height / 2\n      const r = Math.min(area.width, area.height) / 2 - 40\n\n      nameArr.forEach((name, i) => {\n        const angle = (i / nameArr.length) * Math.PI * 2 - Math.PI / 2\n        pointMap.set(name, {\n          x: cx + r * Math.cos(angle),\n          y: cy + r * Math.sin(angle),\n        })\n      })\n    }\n\n    // Parse flows from series\n    const flows: ParsedFlow[] = []\n    for (const s of data.series) {\n      const parts = s.name.split(/\\s*(?:→|->)\\s*/)\n      if (parts.length >= 2) {\n        flows.push({\n          source: parts[0]!.trim(),\n          target: parts[1]!.trim(),\n          value: s.values[0] ?? 1,\n        })\n      }\n    }\n\n    if (flows.length === 0 && pointMap.size === 0) return nodes\n\n    // Max flow for line width scaling\n    const maxFlow = Math.max(...flows.map(f => Math.abs(f.value)), 1)\n\n    // Render flow lines\n    for (let fi = 0; fi < flows.length; fi++) {\n      const flow = flows[fi]!\n      const src = pointMap.get(flow.source)\n      const tgt = pointMap.get(flow.target)\n      if (!src || !tgt) continue\n\n      const color = options.colors[fi % options.colors.length]!\n      const lineWidth = 1 + (Math.abs(flow.value) / maxFlow) * 4\n\n      // Curved bezier\n      const dx = tgt.x - src.x\n      const dy = tgt.y - src.y\n      const mx = (src.x + tgt.x) / 2\n      const my = (src.y + tgt.y) / 2\n      const cpx = mx - dy * curvature\n      const cpy = my + dx * curvature\n\n      const pb = new PathBuilder()\n      pb.moveTo(src.x, src.y)\n      pb.quadTo(cpx, cpy, tgt.x, tgt.y)\n\n      nodes.push(path(pb.build(), {\n        class: 'chartts-lines-flow',\n        fill: 'none',\n        stroke: color,\n        strokeWidth: lineWidth,\n        strokeOpacity: 0.6,\n        strokeLinecap: 'round',\n        'data-series': fi,\n        'data-index': 0,\n        tabindex: 0,\n        role: 'img',\n        ariaLabel: `${flow.source} → ${flow.target}: ${flow.value}`,\n      }))\n\n      // Arrowhead at target\n      if (showArrows) {\n        const t = 0.95 // position along curve for arrow direction\n        const ax = (1 - t) * (1 - t) * src.x + 2 * (1 - t) * t * cpx + t * t * tgt.x\n        const ay = (1 - t) * (1 - t) * src.y + 2 * (1 - t) * t * cpy + t * t * tgt.y\n        const angle = Math.atan2(tgt.y - ay, tgt.x - ax)\n        const arrowSize = 6 + lineWidth\n\n        const apb = new PathBuilder()\n        apb.moveTo(tgt.x, tgt.y)\n        apb.lineTo(\n          tgt.x - arrowSize * Math.cos(angle - 0.4),\n          tgt.y - arrowSize * Math.sin(angle - 0.4),\n        )\n        apb.lineTo(\n          tgt.x - arrowSize * Math.cos(angle + 0.4),\n          tgt.y - arrowSize * Math.sin(angle + 0.4),\n        )\n        apb.close()\n\n        nodes.push(path(apb.build(), {\n          class: 'chartts-lines-arrow',\n          fill: color,\n          fillOpacity: 0.8,\n        }))\n      }\n    }\n\n    // Render nodes\n    if (showNodes) {\n      const nodeNodes: RenderNode[] = []\n      let idx = 0\n      for (const [name, pos] of pointMap) {\n        const color = options.colors[idx % options.colors.length]!\n\n        nodeNodes.push(circle(pos.x, pos.y, 6, {\n          class: 'chartts-lines-node',\n          fill: color,\n          stroke: theme.background === 'transparent' ? '#fff' : theme.background,\n          strokeWidth: 2,\n          'data-series': idx,\n          'data-index': 0,\n        }))\n\n        if (showLabels) {\n          nodeNodes.push(text(pos.x, pos.y - 14, name, {\n            class: 'chartts-lines-label',\n            fill: theme.textColor,\n            textAnchor: 'middle',\n            dominantBaseline: 'auto',\n            fontSize: theme.fontSizeSmall,\n            fontFamily: theme.fontFamily,\n            fontWeight: 600,\n          }))\n        }\n        idx++\n      }\n      nodes.push(group(nodeNodes, { class: 'chartts-lines-nodes' }))\n    }\n\n    return nodes\n  },\n\n  hitTest(ctx: RenderContext, mx: number, my: number): HitResult | null {\n    const { options } = ctx\n    const lOpts = options as unknown as LinesOptions\n    const pointMap = new Map<string, { x: number; y: number }>()\n\n    if (lOpts.points) {\n      const { area } = ctx\n      for (const p of lOpts.points) {\n        pointMap.set(p.name, {\n          x: area.x + p.x * area.width,\n          y: area.y + p.y * area.height,\n        })\n      }\n    }\n\n    let idx = 0\n    for (const [, pos] of pointMap) {\n      const dx = mx - pos.x\n      const dy = my - pos.y\n      const dist = Math.sqrt(dx * dx + dy * dy)\n      if (dist < 12) {\n        return { seriesIndex: idx, pointIndex: 0, distance: dist }\n      }\n      idx++\n    }\n    return null\n  },\n}\n"]}