chartjs-chart-sankey 0.14.3 → 0.14.4

package/dist/chartjs-chart-sankey.cjs

@@ -1,5 +1,5 @@
 /*!
- * chartjs-chart-sankey v0.14.3
+ * chartjs-chart-sankey v0.14.4
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license
@@ -126,6 +126,12 @@ function buildNodesFromData(data, { size, priority, column }) {
 }
 
 const SMALL_VALUE = 1e-6;
+function nodeX$1(node) {
+    return node.x ?? 0;
+}
+function nodeY$1(node) {
+    return node.y ?? 0;
+}
  const getAllKeysForward = (nodes, visited = new Set())=>{
     const keys = [];
     for (const node of nodes){
@@ -183,7 +189,7 @@ function calculateX(nodeMap, data, mode) {
             x++;
         }
     }
-    const maxX = allNodes.reduce((max, node)=>Math.max(max, node.x), 0);
+    const maxX = allNodes.reduce((max, node)=>Math.max(max, nodeX$1(node)), 0);
     if (mode === 'edge') {
         const from = new Set(data.map((dataPoint)=>dataPoint.from));
         allKeys.filter((key)=>!from.has(key)).forEach((key)=>{
@@ -223,7 +229,7 @@ function processFrom(node, y) {
         }
         y = Math.max(n.y + n.out, y);
     }
-    return node.y + node.size;
+    return nodeY$1(node) + node.size;
 }
 function processTo(node, y) {
     if (!node.to.length) return y;
@@ -236,7 +242,7 @@ function processTo(node, y) {
         }
         y = Math.max(n.y + Math.max(n.in, n.out), y);
     }
-    return node.y + node.size;
+    return nodeY$1(node) + node.size;
 }
 function setOrGetY(node, value) {
     if (defined(node.y)) {
@@ -250,9 +256,9 @@ function processRest(nodeArray, maxX) {
     const rightNodes = nodeArray.filter((node)=>node.x === maxX);
     const leftToDo = leftNodes.filter((node)=>!defined(node.y));
     const rightToDo = rightNodes.filter((node)=>!defined(node.y));
-    const centerToDo = nodeArray.filter((node)=>node.x > 0 && node.x < maxX && !defined(node.y));
-    let leftY = leftNodes.reduce((acc, cur)=>Math.max(acc, cur.y + cur.out || 0), 0) + SMALL_VALUE;
-    let rightY = rightNodes.reduce((acc, cur)=>Math.max(acc, cur.y + cur.in || 0), 0) + SMALL_VALUE;
+    const centerToDo = nodeArray.filter((node)=>nodeX$1(node) > 0 && nodeX$1(node) < maxX && !defined(node.y));
+    let leftY = leftNodes.reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + cur.out || 0), 0) + SMALL_VALUE;
+    let rightY = rightNodes.reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + cur.in || 0), 0) + SMALL_VALUE;
     let centerY = 0;
     if (leftY >= rightY) {
         leftToDo.forEach((node)=>{
@@ -273,7 +279,7 @@ function processRest(nodeArray, maxX) {
         });
     }
     centerToDo.forEach((node)=>{
-        let y = nodeArray.filter((n)=>n.x === node.x && defined(n.y)).reduce((acc, cur)=>Math.max(acc, cur.y + Math.max(cur.in, cur.out)), 0);
+        let y = nodeArray.filter((n)=>nodeX$1(n) === nodeX$1(node) && defined(n.y)).reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + Math.max(cur.in, cur.out)), 0);
         y = setOrGetY(node, y);
         y = Math.max(y + node.in, processFrom(node, y));
         y = Math.max(y + node.out, processTo(node, y));
@@ -284,25 +290,29 @@ function processRest(nodeArray, maxX) {
 const fixTop = (nodeArray, maxX)=>{
     let maxY = 0;
     for(let x = 0; x <= maxX; x++){
-        const nodes = nodeArray.filter((n)=>n.x === x).sort((a, b)=>a.y - b.y);
+        const nodes = nodeArray.filter((n)=>nodeX$1(n) === x).sort((a, b)=>nodeY$1(a) - nodeY$1(b));
         let minY = 0;
         for (const node of nodes){
-            if (node.y < minY) node.y = minY;
-            minY = node.y + node.size;
+            if (nodeY$1(node) < minY) node.y = minY;
+            minY = nodeY$1(node) + node.size;
         }
         maxY = Math.max(maxY, minY);
     }
     return maxY;
 };
 const findStartNode = (nodeArray, maxX)=>{
-    const size = [
+    const sorted = [
         ...nodeArray
-    ].sort((a, b)=>a.size - b.size).pop().size;
+    ].sort((a, b)=>a.size - b.size);
+    const largest = sorted[sorted.length - 1];
+    const size = largest.size;
     const biggest = nodeArray.filter((n)=>n.size === size);
-    if (biggest.length === 1) return biggest[0];
-    biggest.sort((a, b)=>a.x - b.x);
-    if (biggest[0].x === 0) return biggest[0];
-    if (biggest[biggest.length - 1].x === maxX) return biggest.pop();
+    const first = biggest[0];
+    if (biggest.length === 1) return first;
+    biggest.sort((a, b)=>nodeX$1(a) - nodeX$1(b));
+    if (nodeX$1(first) === 0) return first;
+    const last = biggest[biggest.length - 1];
+    if (nodeX$1(last) === maxX) return last;
     const mid = Math.floor(biggest.length / 2);
     return biggest[mid];
 };
@@ -320,8 +330,8 @@ function calculateYUsingPriority(nodeArray, maxX) {
     let nextYStart = 0;
     for(let x = 0; x <= maxX; x++){
         let y = nextYStart;
-        const nodes = nodeArray.filter((node)=>node.x === x).sort((a, b)=>(a.priority ?? 0) - (b.priority ?? 0));
-        nextYStart = nodes.length ? nodes[0].to.filter((to)=>to.node.x > x + 1).reduce((acc, cur)=>acc + cur.flow, 0) || 0 : 0;
+        const nodes = nodeArray.filter((node)=>nodeX$1(node) === x).sort((a, b)=>(a.priority ?? 0) - (b.priority ?? 0));
+        nextYStart = nodes.length ? nodes[0].to.filter((to)=>nodeX$1(to.node) > x + 1).reduce((acc, cur)=>acc + cur.flow, 0) || 0 : 0;
         for (const node of nodes){
             node.y = y;
             y += Math.max(node.out, node.in);
@@ -331,9 +341,9 @@ function calculateYUsingPriority(nodeArray, maxX) {
     return maxY;
 }
 const nodeByXYSize = (a, b)=>{
-    if (a.x !== b.x) return a.x - b.x;
-    if (a.y === b.y) return a.size - b.size;
-    return a.y - b.y;
+    if (nodeX$1(a) !== nodeX$1(b)) return nodeX$1(a) - nodeX$1(b);
+    if (nodeY$1(a) === nodeY$1(b)) return a.size - b.size;
+    return nodeY$1(a) - nodeY$1(b);
 };
  function addPadding(nodeArray, padding) {
     let maxY = 0;
@@ -341,31 +351,33 @@ const nodeByXYSize = (a, b)=>{
     const grid = [];
     const getColIndex = (x)=>{
         if (!columnXs.has(x)) {
-            columnXs.set(x, grid.length);
+            const index = grid.length;
+            columnXs.set(x, index);
             grid.push([]);
+            return index;
         }
-        return columnXs.get(x);
+        return columnXs.get(x) ?? 0;
     };
     nodeArray.sort(nodeByXYSize);
     for (const node of nodeArray){
-        const colIdx = getColIndex(node.x);
-        const column = grid[colIdx];
-        if (node.y) {
-            column.push(node.y);
+        const colIdx = getColIndex(nodeX$1(node));
+        const column = grid[colIdx] ?? [];
+        if (nodeY$1(node)) {
+            column.push(nodeY$1(node));
             let paddings = column.length;
             if (node.in) {
                 for(let col = 0; col < colIdx; col++){
-                    const otherColumn = grid[col];
+                    const otherColumn = grid[col] ?? [];
                     for(let row = 0; row < otherColumn.length; row++){
-                        if (otherColumn[row] > node.y) break;
+                        if (otherColumn[row] > nodeY$1(node)) break;
                         paddings = Math.max(row + 1, paddings);
                     }
                 }
-                while(column.length < paddings)column.push(node.y);
+                while(column.length < paddings)column.push(nodeY$1(node));
             }
-            node.y += paddings * padding;
+            node.y = nodeY$1(node) + paddings * padding;
         }
-        maxY = Math.max(maxY, node.y + Math.max(node.in, node.out));
+        maxY = Math.max(maxY, nodeY$1(node) + Math.max(node.in, node.out));
     }
     return maxY;
 }
@@ -376,7 +388,7 @@ function sortFlows(nodeArray) {
         const overlapTo = nodeSize < node.out;
         let addY = 0;
         let len = node.from.length;
-        node.from.sort((a, b)=>a.node.y + a.node.out / 2 - (b.node.y + b.node.out / 2)).forEach((flow, idx)=>{
+        node.from.sort((a, b)=>nodeY$1(a.node) + a.node.out / 2 - (nodeY$1(b.node) + b.node.out / 2)).forEach((flow, idx)=>{
             if (overlapFrom) {
                 flow.addY = idx * (nodeSize - flow.flow) / (len - 1);
             } else {
@@ -386,7 +398,7 @@ function sortFlows(nodeArray) {
         });
         addY = 0;
         len = node.to.length;
-        node.to.sort((a, b)=>a.node.y + a.node.in / 2 - (b.node.y + b.node.in / 2)).forEach((flow, idx)=>{
+        node.to.sort((a, b)=>nodeY$1(a.node) + a.node.in / 2 - (nodeY$1(b.node) + b.node.in / 2)).forEach((flow, idx)=>{
             if (overlapTo) {
                 flow.addY = idx * (nodeSize - flow.flow) / (len - 1);
             } else {
@@ -400,7 +412,7 @@ function layout(nodes, data, { priority, height, nodePadding, modeX }) {
     const nodeArray = [
         ...nodes.values()
     ];
-    const maxX = calculateX(nodes, data, modeX);
+    const maxX = calculateX(nodes, data, modeX ?? 'edge');
     const maxY = priority ? calculateYUsingPriority(nodeArray, maxX) : calculateY(nodeArray, maxX);
     const padding = maxY / height * nodePadding;
     const maxYWithPadding = addPadding(nodeArray, padding);
@@ -411,6 +423,12 @@ function layout(nodes, data, { priority, height, nodePadding, modeX }) {
     };
 }
 
+function nodeX(node) {
+    return node.x ?? 0;
+}
+function nodeY(node) {
+    return node.y ?? 0;
+}
 function getAddY(arr, key, index) {
     for (const item of arr){
         if (item.key === key && item.index === index) {
@@ -429,7 +447,7 @@ class SankeyController extends chart_js.DatasetController {
         const { maxX, maxY } = layout(nodes, sankeyData, {
             height: this.chart.canvas.height,
             modeX: this.options.modeX,
-            nodePadding: this.options.nodePadding,
+            nodePadding: this.options.nodePadding ?? 10,
             priority: !!this.options.priority
         });
         this._maxX = maxX;
@@ -440,18 +458,18 @@ class SankeyController extends chart_js.DatasetController {
             const from = nodes.get(dataPoint.from);
             const to = nodes.get(dataPoint.to);
             if (!from || !to) continue;
-            const fromY = (from.y ?? 0) + getAddY(from.to, dataPoint.to, i);
-            const toY = (to.y ?? 0) + getAddY(to.from, dataPoint.from, i);
+            const fromY = nodeY(from) + getAddY(from.to, dataPoint.to, i);
+            const toY = nodeY(to) + getAddY(to.from, dataPoint.from, i);
             parsed.push({
                 _custom: {
                     flow: dataPoint.flow,
                     from,
                     height: yScale.parse(dataPoint.flow, i),
                     to,
-                    x: xScale.parse(to.x, i),
+                    x: xScale.parse(nodeX(to), i),
                     y: yScale.parse(toY, i)
                 },
-                x: xScale.parse(from.x, i),
+                x: xScale.parse(nodeX(from), i),
                 y: yScale.parse(fromY, i)
             });
         }
@@ -490,7 +508,9 @@ class SankeyController extends chart_js.DatasetController {
                 y2: yScale.getPixelForValue(custom.y)
             }, mode);
         }
-        this.updateSharedOptions(sharedOptions, mode, firstOpts);
+        if (sharedOptions) {
+            this.updateSharedOptions(sharedOptions, mode, firstOpts);
+        }
     }
     _drawLabels() {
         const ctx = this.chart.ctx;
@@ -505,10 +525,10 @@ class SankeyController extends chart_js.DatasetController {
         ctx.save();
         const chartArea = this.chart.chartArea;
         for (const node of nodes.values()){
-            const x = xScale.getPixelForValue(node.x);
-            const y = yScale.getPixelForValue(node.y);
+            const x = xScale.getPixelForValue(nodeX(node));
+            const y = yScale.getPixelForValue(nodeY(node));
             const max = Math[size](node.in || node.out, node.out || node.in);
-            const height = Math.abs(yScale.getPixelForValue(node.y + max) - y);
+            const height = Math.abs(yScale.getPixelForValue(nodeY(node) + max) - y);
             const label = labels?.[node.key] ?? node.key;
             let textX = x;
             ctx.fillStyle = options.color ?? 'black';
@@ -525,7 +545,7 @@ class SankeyController extends chart_js.DatasetController {
         ctx.restore();
     }
     _drawLabel(label, y, height, ctx, textX) {
-        const font = helpers.toFont(this.options.font, this.chart.options.font);
+        const font = helpers.toFont(this.options.font ?? this.chart.options.font ?? chart_js.Chart.defaults.font);
         const lines = toTextLines(label);
         const lineCount = lines.length;
         const middle = y + height / 2;
@@ -554,10 +574,11 @@ class SankeyController extends chart_js.DatasetController {
         }
         for (const node of nodes.values()){
             ctx.fillStyle = node.color ?? 'black';
-            const x = xScale.getPixelForValue(node.x);
-            const y = yScale.getPixelForValue(node.y);
+            if (!xScale || !yScale) return;
+            const x = xScale.getPixelForValue(nodeX(node));
+            const y = yScale.getPixelForValue(nodeY(node));
             const max = Math[sizeMethod](node.in || node.out, node.out || node.in);
-            const height = Math.abs(yScale.getPixelForValue(node.y + max) - y);
+            const height = Math.abs(yScale.getPixelForValue(nodeY(node) + max) - y);
             if (borderWidth) {
                 ctx.strokeRect(x, y, nodeWidth, height);
             }
@@ -571,13 +592,19 @@ class SankeyController extends chart_js.DatasetController {
         const active = [];
         for(let i = 0, ilen = data.length; i < ilen; ++i){
             const flow = data[i];
-             flow.from.color = flow.options.colorFrom;
+             if (!flow.from || !flow.to) {
+                continue;
+            }
+            flow.from.color = flow.options.colorFrom;
             flow.to.color = flow.options.colorTo;
             if (flow.active) {
                 active.push(flow);
             }
         }
         for (const flow of active){
+            if (!flow.from || !flow.to) {
+                continue;
+            }
             flow.from.color = flow.options.colorFrom;
             flow.to.color = flow.options.colorTo;
         }
@@ -587,6 +614,9 @@ class SankeyController extends chart_js.DatasetController {
         }
         this._drawLabels();
     }
+    constructor(...args){
+        super(...args), this._nodes = new Map(), this._maxX = 0, this._maxY = 0;
+    }
 }
 SankeyController.id = 'sankey';
 SankeyController.defaults = {
@@ -677,7 +707,7 @@ SankeyController.overrides = {
             callbacks: {
                 label (context) {
                     const parsedCustom = context.parsed._custom;
-                    return parsedCustom.from.key + ' -> ' + parsedCustom.to.key + ': ' + parsedCustom.flow;
+                    return `${parsedCustom.from.key} -> ${parsedCustom.to.key}: ${parsedCustom.flow}`;
                 },
                 title () {
                     return '';
@@ -729,6 +759,7 @@ const pointInLine = (p1, p2, t)=>({
     });
 const applyAlpha = (original, alpha)=>helpers.color(original).alpha(alpha).rgbString();
 const getColorOption = (option, alpha)=>typeof option === 'string' ? applyAlpha(option, alpha) : option;
+const getHoverColorOption = (option)=>typeof option === 'string' ? helpers.getHoverColor(option) : option;
 function setStyle(ctx, { x, x2, options }) {
     let fill = 'black';
     if (options.colorMode === 'from') {
@@ -828,14 +859,14 @@ class Flow extends chart_js.Element {
             y: (y + y2 + height) / 2
         };
     }
-    tooltipPosition(useFinalPosition) {
+    tooltipPosition(useFinalPosition = false) {
         return this.getCenterPoint(useFinalPosition);
     }
  getRange(axis) {
         return axis === 'x' ? this.width / 2 : this.height / 2;
     }
     constructor(cfg){
-        super();
+        super(), this.x2 = 0, this.y2 = 0, this.width = 0, this.height = 0, this.progress = 1;
         if (cfg) {
             Object.assign(this, cfg);
         }
@@ -847,8 +878,8 @@ Flow.defaults = {
     colorFrom: 'red',
     colorMode: 'gradient',
     colorTo: 'green',
-    hoverColorFrom: (_ctx, options)=>helpers.getHoverColor(options.colorFrom),
-    hoverColorTo: (_ctx, options)=>helpers.getHoverColor(options.colorTo)
+    hoverColorFrom: (_ctx, options)=>getHoverColorOption(options.colorFrom),
+    hoverColorTo: (_ctx, options)=>getHoverColorOption(options.colorTo)
 };
 Flow.descriptors = {
     _scriptable: true

package/dist/chartjs-chart-sankey.esm.js

@@ -1,10 +1,10 @@
 /*!
- * chartjs-chart-sankey v0.14.3
+ * chartjs-chart-sankey v0.14.4
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license
  */
-import { DatasetController, Element } from 'chart.js';
+import { DatasetController, Chart, Element } from 'chart.js';
 import { toFont, valueOrDefault, getHoverColor, color } from 'chart.js/helpers';
 
 const defined = (x)=>x !== undefined;
@@ -123,6 +123,12 @@ function buildNodesFromData(data, { size, priority, column }) {
 }
 
 const SMALL_VALUE = 1e-6;
+function nodeX$1(node) {
+    return node.x ?? 0;
+}
+function nodeY$1(node) {
+    return node.y ?? 0;
+}
  const getAllKeysForward = (nodes, visited = new Set())=>{
     const keys = [];
     for (const node of nodes){
@@ -180,7 +186,7 @@ function calculateX(nodeMap, data, mode) {
             x++;
         }
     }
-    const maxX = allNodes.reduce((max, node)=>Math.max(max, node.x), 0);
+    const maxX = allNodes.reduce((max, node)=>Math.max(max, nodeX$1(node)), 0);
     if (mode === 'edge') {
         const from = new Set(data.map((dataPoint)=>dataPoint.from));
         allKeys.filter((key)=>!from.has(key)).forEach((key)=>{
@@ -220,7 +226,7 @@ function processFrom(node, y) {
         }
         y = Math.max(n.y + n.out, y);
     }
-    return node.y + node.size;
+    return nodeY$1(node) + node.size;
 }
 function processTo(node, y) {
     if (!node.to.length) return y;
@@ -233,7 +239,7 @@ function processTo(node, y) {
         }
         y = Math.max(n.y + Math.max(n.in, n.out), y);
     }
-    return node.y + node.size;
+    return nodeY$1(node) + node.size;
 }
 function setOrGetY(node, value) {
     if (defined(node.y)) {
@@ -247,9 +253,9 @@ function processRest(nodeArray, maxX) {
     const rightNodes = nodeArray.filter((node)=>node.x === maxX);
     const leftToDo = leftNodes.filter((node)=>!defined(node.y));
     const rightToDo = rightNodes.filter((node)=>!defined(node.y));
-    const centerToDo = nodeArray.filter((node)=>node.x > 0 && node.x < maxX && !defined(node.y));
-    let leftY = leftNodes.reduce((acc, cur)=>Math.max(acc, cur.y + cur.out || 0), 0) + SMALL_VALUE;
-    let rightY = rightNodes.reduce((acc, cur)=>Math.max(acc, cur.y + cur.in || 0), 0) + SMALL_VALUE;
+    const centerToDo = nodeArray.filter((node)=>nodeX$1(node) > 0 && nodeX$1(node) < maxX && !defined(node.y));
+    let leftY = leftNodes.reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + cur.out || 0), 0) + SMALL_VALUE;
+    let rightY = rightNodes.reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + cur.in || 0), 0) + SMALL_VALUE;
     let centerY = 0;
     if (leftY >= rightY) {
         leftToDo.forEach((node)=>{
@@ -270,7 +276,7 @@ function processRest(nodeArray, maxX) {
         });
     }
     centerToDo.forEach((node)=>{
-        let y = nodeArray.filter((n)=>n.x === node.x && defined(n.y)).reduce((acc, cur)=>Math.max(acc, cur.y + Math.max(cur.in, cur.out)), 0);
+        let y = nodeArray.filter((n)=>nodeX$1(n) === nodeX$1(node) && defined(n.y)).reduce((acc, cur)=>Math.max(acc, nodeY$1(cur) + Math.max(cur.in, cur.out)), 0);
         y = setOrGetY(node, y);
         y = Math.max(y + node.in, processFrom(node, y));
         y = Math.max(y + node.out, processTo(node, y));
@@ -281,25 +287,29 @@ function processRest(nodeArray, maxX) {
 const fixTop = (nodeArray, maxX)=>{
     let maxY = 0;
     for(let x = 0; x <= maxX; x++){
-        const nodes = nodeArray.filter((n)=>n.x === x).sort((a, b)=>a.y - b.y);
+        const nodes = nodeArray.filter((n)=>nodeX$1(n) === x).sort((a, b)=>nodeY$1(a) - nodeY$1(b));
         let minY = 0;
         for (const node of nodes){
-            if (node.y < minY) node.y = minY;
-            minY = node.y + node.size;
+            if (nodeY$1(node) < minY) node.y = minY;
+            minY = nodeY$1(node) + node.size;
         }
         maxY = Math.max(maxY, minY);
     }
     return maxY;
 };
 const findStartNode = (nodeArray, maxX)=>{
-    const size = [
+    const sorted = [
         ...nodeArray
-    ].sort((a, b)=>a.size - b.size).pop().size;
+    ].sort((a, b)=>a.size - b.size);
+    const largest = sorted[sorted.length - 1];
+    const size = largest.size;
     const biggest = nodeArray.filter((n)=>n.size === size);
-    if (biggest.length === 1) return biggest[0];
-    biggest.sort((a, b)=>a.x - b.x);
-    if (biggest[0].x === 0) return biggest[0];
-    if (biggest[biggest.length - 1].x === maxX) return biggest.pop();
+    const first = biggest[0];
+    if (biggest.length === 1) return first;
+    biggest.sort((a, b)=>nodeX$1(a) - nodeX$1(b));
+    if (nodeX$1(first) === 0) return first;
+    const last = biggest[biggest.length - 1];
+    if (nodeX$1(last) === maxX) return last;
     const mid = Math.floor(biggest.length / 2);
     return biggest[mid];
 };
@@ -317,8 +327,8 @@ function calculateYUsingPriority(nodeArray, maxX) {
     let nextYStart = 0;
     for(let x = 0; x <= maxX; x++){
         let y = nextYStart;
-        const nodes = nodeArray.filter((node)=>node.x === x).sort((a, b)=>(a.priority ?? 0) - (b.priority ?? 0));
-        nextYStart = nodes.length ? nodes[0].to.filter((to)=>to.node.x > x + 1).reduce((acc, cur)=>acc + cur.flow, 0) || 0 : 0;
+        const nodes = nodeArray.filter((node)=>nodeX$1(node) === x).sort((a, b)=>(a.priority ?? 0) - (b.priority ?? 0));
+        nextYStart = nodes.length ? nodes[0].to.filter((to)=>nodeX$1(to.node) > x + 1).reduce((acc, cur)=>acc + cur.flow, 0) || 0 : 0;
         for (const node of nodes){
             node.y = y;
             y += Math.max(node.out, node.in);
@@ -328,9 +338,9 @@ function calculateYUsingPriority(nodeArray, maxX) {
     return maxY;
 }
 const nodeByXYSize = (a, b)=>{
-    if (a.x !== b.x) return a.x - b.x;
-    if (a.y === b.y) return a.size - b.size;
-    return a.y - b.y;
+    if (nodeX$1(a) !== nodeX$1(b)) return nodeX$1(a) - nodeX$1(b);
+    if (nodeY$1(a) === nodeY$1(b)) return a.size - b.size;
+    return nodeY$1(a) - nodeY$1(b);
 };
  function addPadding(nodeArray, padding) {
     let maxY = 0;
@@ -338,31 +348,33 @@ const nodeByXYSize = (a, b)=>{
     const grid = [];
     const getColIndex = (x)=>{
         if (!columnXs.has(x)) {
-            columnXs.set(x, grid.length);
+            const index = grid.length;
+            columnXs.set(x, index);
             grid.push([]);
+            return index;
         }
-        return columnXs.get(x);
+        return columnXs.get(x) ?? 0;
     };
     nodeArray.sort(nodeByXYSize);
     for (const node of nodeArray){
-        const colIdx = getColIndex(node.x);
-        const column = grid[colIdx];
-        if (node.y) {
-            column.push(node.y);
+        const colIdx = getColIndex(nodeX$1(node));
+        const column = grid[colIdx] ?? [];
+        if (nodeY$1(node)) {
+            column.push(nodeY$1(node));
             let paddings = column.length;
             if (node.in) {
                 for(let col = 0; col < colIdx; col++){
-                    const otherColumn = grid[col];
+                    const otherColumn = grid[col] ?? [];
                     for(let row = 0; row < otherColumn.length; row++){
-                        if (otherColumn[row] > node.y) break;
+                        if (otherColumn[row] > nodeY$1(node)) break;
                         paddings = Math.max(row + 1, paddings);
                     }
                 }
-                while(column.length < paddings)column.push(node.y);
+                while(column.length < paddings)column.push(nodeY$1(node));
             }
-            node.y += paddings * padding;
+            node.y = nodeY$1(node) + paddings * padding;
         }
-        maxY = Math.max(maxY, node.y + Math.max(node.in, node.out));
+        maxY = Math.max(maxY, nodeY$1(node) + Math.max(node.in, node.out));
     }
     return maxY;
 }
@@ -373,7 +385,7 @@ function sortFlows(nodeArray) {
         const overlapTo = nodeSize < node.out;
         let addY = 0;
         let len = node.from.length;
-        node.from.sort((a, b)=>a.node.y + a.node.out / 2 - (b.node.y + b.node.out / 2)).forEach((flow, idx)=>{
+        node.from.sort((a, b)=>nodeY$1(a.node) + a.node.out / 2 - (nodeY$1(b.node) + b.node.out / 2)).forEach((flow, idx)=>{
             if (overlapFrom) {
                 flow.addY = idx * (nodeSize - flow.flow) / (len - 1);
             } else {
@@ -383,7 +395,7 @@ function sortFlows(nodeArray) {
         });
         addY = 0;
         len = node.to.length;
-        node.to.sort((a, b)=>a.node.y + a.node.in / 2 - (b.node.y + b.node.in / 2)).forEach((flow, idx)=>{
+        node.to.sort((a, b)=>nodeY$1(a.node) + a.node.in / 2 - (nodeY$1(b.node) + b.node.in / 2)).forEach((flow, idx)=>{
             if (overlapTo) {
                 flow.addY = idx * (nodeSize - flow.flow) / (len - 1);
             } else {
@@ -397,7 +409,7 @@ function layout(nodes, data, { priority, height, nodePadding, modeX }) {
     const nodeArray = [
         ...nodes.values()
     ];
-    const maxX = calculateX(nodes, data, modeX);
+    const maxX = calculateX(nodes, data, modeX ?? 'edge');
     const maxY = priority ? calculateYUsingPriority(nodeArray, maxX) : calculateY(nodeArray, maxX);
     const padding = maxY / height * nodePadding;
     const maxYWithPadding = addPadding(nodeArray, padding);
@@ -408,6 +420,12 @@ function layout(nodes, data, { priority, height, nodePadding, modeX }) {
     };
 }
 
+function nodeX(node) {
+    return node.x ?? 0;
+}
+function nodeY(node) {
+    return node.y ?? 0;
+}
 function getAddY(arr, key, index) {
     for (const item of arr){
         if (item.key === key && item.index === index) {
@@ -426,7 +444,7 @@ class SankeyController extends DatasetController {
         const { maxX, maxY } = layout(nodes, sankeyData, {
             height: this.chart.canvas.height,
             modeX: this.options.modeX,
-            nodePadding: this.options.nodePadding,
+            nodePadding: this.options.nodePadding ?? 10,
             priority: !!this.options.priority
         });
         this._maxX = maxX;
@@ -437,18 +455,18 @@ class SankeyController extends DatasetController {
             const from = nodes.get(dataPoint.from);
             const to = nodes.get(dataPoint.to);
             if (!from || !to) continue;
-            const fromY = (from.y ?? 0) + getAddY(from.to, dataPoint.to, i);
-            const toY = (to.y ?? 0) + getAddY(to.from, dataPoint.from, i);
+            const fromY = nodeY(from) + getAddY(from.to, dataPoint.to, i);
+            const toY = nodeY(to) + getAddY(to.from, dataPoint.from, i);
             parsed.push({
                 _custom: {
                     flow: dataPoint.flow,
                     from,
                     height: yScale.parse(dataPoint.flow, i),
                     to,
-                    x: xScale.parse(to.x, i),
+                    x: xScale.parse(nodeX(to), i),
                     y: yScale.parse(toY, i)
                 },
-                x: xScale.parse(from.x, i),
+                x: xScale.parse(nodeX(from), i),
                 y: yScale.parse(fromY, i)
             });
         }
@@ -487,7 +505,9 @@ class SankeyController extends DatasetController {
                 y2: yScale.getPixelForValue(custom.y)
             }, mode);
         }
-        this.updateSharedOptions(sharedOptions, mode, firstOpts);
+        if (sharedOptions) {
+            this.updateSharedOptions(sharedOptions, mode, firstOpts);
+        }
     }
     _drawLabels() {
         const ctx = this.chart.ctx;
@@ -502,10 +522,10 @@ class SankeyController extends DatasetController {
         ctx.save();
         const chartArea = this.chart.chartArea;
         for (const node of nodes.values()){
-            const x = xScale.getPixelForValue(node.x);
-            const y = yScale.getPixelForValue(node.y);
+            const x = xScale.getPixelForValue(nodeX(node));
+            const y = yScale.getPixelForValue(nodeY(node));
             const max = Math[size](node.in || node.out, node.out || node.in);
-            const height = Math.abs(yScale.getPixelForValue(node.y + max) - y);
+            const height = Math.abs(yScale.getPixelForValue(nodeY(node) + max) - y);
             const label = labels?.[node.key] ?? node.key;
             let textX = x;
             ctx.fillStyle = options.color ?? 'black';
@@ -522,7 +542,7 @@ class SankeyController extends DatasetController {
         ctx.restore();
     }
     _drawLabel(label, y, height, ctx, textX) {
-        const font = toFont(this.options.font, this.chart.options.font);
+        const font = toFont(this.options.font ?? this.chart.options.font ?? Chart.defaults.font);
         const lines = toTextLines(label);
         const lineCount = lines.length;
         const middle = y + height / 2;
@@ -551,10 +571,11 @@ class SankeyController extends DatasetController {
         }
         for (const node of nodes.values()){
             ctx.fillStyle = node.color ?? 'black';
-            const x = xScale.getPixelForValue(node.x);
-            const y = yScale.getPixelForValue(node.y);
+            if (!xScale || !yScale) return;
+            const x = xScale.getPixelForValue(nodeX(node));
+            const y = yScale.getPixelForValue(nodeY(node));
             const max = Math[sizeMethod](node.in || node.out, node.out || node.in);
-            const height = Math.abs(yScale.getPixelForValue(node.y + max) - y);
+            const height = Math.abs(yScale.getPixelForValue(nodeY(node) + max) - y);
             if (borderWidth) {
                 ctx.strokeRect(x, y, nodeWidth, height);
             }
@@ -568,13 +589,19 @@ class SankeyController extends DatasetController {
         const active = [];
         for(let i = 0, ilen = data.length; i < ilen; ++i){
             const flow = data[i];
-             flow.from.color = flow.options.colorFrom;
+             if (!flow.from || !flow.to) {
+                continue;
+            }
+            flow.from.color = flow.options.colorFrom;
             flow.to.color = flow.options.colorTo;
             if (flow.active) {
                 active.push(flow);
             }
         }
         for (const flow of active){
+            if (!flow.from || !flow.to) {
+                continue;
+            }
             flow.from.color = flow.options.colorFrom;
             flow.to.color = flow.options.colorTo;
         }
@@ -584,6 +611,9 @@ class SankeyController extends DatasetController {
         }
         this._drawLabels();
     }
+    constructor(...args){
+        super(...args), this._nodes = new Map(), this._maxX = 0, this._maxY = 0;
+    }
 }
 SankeyController.id = 'sankey';
 SankeyController.defaults = {
@@ -674,7 +704,7 @@ SankeyController.overrides = {
             callbacks: {
                 label (context) {
                     const parsedCustom = context.parsed._custom;
-                    return parsedCustom.from.key + ' -> ' + parsedCustom.to.key + ': ' + parsedCustom.flow;
+                    return `${parsedCustom.from.key} -> ${parsedCustom.to.key}: ${parsedCustom.flow}`;
                 },
                 title () {
                     return '';
@@ -726,6 +756,7 @@ const pointInLine = (p1, p2, t)=>({
     });
 const applyAlpha = (original, alpha)=>color(original).alpha(alpha).rgbString();
 const getColorOption = (option, alpha)=>typeof option === 'string' ? applyAlpha(option, alpha) : option;
+const getHoverColorOption = (option)=>typeof option === 'string' ? getHoverColor(option) : option;
 function setStyle(ctx, { x, x2, options }) {
     let fill = 'black';
     if (options.colorMode === 'from') {
@@ -825,14 +856,14 @@ class Flow extends Element {
             y: (y + y2 + height) / 2
         };
     }
-    tooltipPosition(useFinalPosition) {
+    tooltipPosition(useFinalPosition = false) {
         return this.getCenterPoint(useFinalPosition);
     }
  getRange(axis) {
         return axis === 'x' ? this.width / 2 : this.height / 2;
     }
     constructor(cfg){
-        super();
+        super(), this.x2 = 0, this.y2 = 0, this.width = 0, this.height = 0, this.progress = 1;
         if (cfg) {
             Object.assign(this, cfg);
         }
@@ -844,8 +875,8 @@ Flow.defaults = {
     colorFrom: 'red',
     colorMode: 'gradient',
     colorTo: 'green',
-    hoverColorFrom: (_ctx, options)=>getHoverColor(options.colorFrom),
-    hoverColorTo: (_ctx, options)=>getHoverColor(options.colorTo)
+    hoverColorFrom: (_ctx, options)=>getHoverColorOption(options.colorFrom),
+    hoverColorTo: (_ctx, options)=>getHoverColorOption(options.colorTo)
 };
 Flow.descriptors = {
     _scriptable: true

package/dist/chartjs-chart-sankey.min.js

@@ -1,7 +1,7 @@
 /*!
- * chartjs-chart-sankey v0.14.3
+ * chartjs-chart-sankey v0.14.4
  * https://chartjs-chart-sankey.pages.dev/
  * (c) 2026 Jukka Kurkela
  * Released under the MIT license
  */
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["exports","chart.js","chart.js/helpers"],o):o((t="undefined"!=typeof globalThis?globalThis:t||self)["chartjs-chart-sankey"]={},t.Chart,t.Chart.helpers)}(this,function(t,o,e){"use strict";const r=t=>void 0!==t;function n(t){return t&&-1!==["min","max"].indexOf(t)?t:"max"}const s=(t,o)=>o.flow===t.flow?t.index-o.index:o.flow-t.flow;function i(t,{size:o,priority:e,column:r}){const i=new Map;for(let o=0;o<t.length;o++){const{from:e,to:r,flow:n}=t[o],s=i.get(e)??{from:[],in:0,key:e,out:0,size:0,to:[]},a=(e===r?s:i.get(r))??{from:[],in:0,key:r,out:0,size:0,to:[]};s.out+=n,s.to.push({addY:0,flow:n,index:o,key:r,node:a}),1===s.to.length&&i.set(e,s),a.in+=n,a.from.push({addY:0,flow:n,index:o,key:e,node:s}),1===a.from.length&&i.set(r,a)}return((t,o)=>{const e=n(o);for(const o of t.values())o.from.sort(s),o.to.sort(s),o.size=Math[e](o.in||o.out,o.out||o.in)})(i,o),((t,o)=>{if(o)for(const e of t.values())e.key in o&&(e.priority=o[e.key])})(i,e),((t,o)=>{if(o)for(const e of t.values())e.key in o&&(e.column=!0,e.x=o[e.key])})(i,r),i}const a=1e-6,l=(t,o=new Set)=>{const e=[];for(const r of t)o.has(r.key)||(o.add(r.key),e.push(r.key,...l(r.to.map(t=>t.node),o)));return e},c=(t,o)=>{const e=o.filter(t=>0===t.from.length),r=e.map(t=>t.key),n=l(e),s=new Set(n);for(const o of t)s.has(o.from)||s.has(o.to)||(r.push(o.from),s.add(o.from)),s.add(o.to);return r},h=(t,o)=>{const e=new Set(t.filter(t=>o.has(t.from)).map(t=>t.to)),r=[...o],n=r.filter(t=>!e.has(t));return n.length?n:r.slice(0,1)};let f=-1;function d(t,o,e=function(){return f=f<100?f+1:0,f}()){let r=0;for(const n of t)n.node._visited!==e&&(n.node._visited=e,r+=n.node[o].length+d(n.node[o],o,e));return r}const u=t=>(o,e)=>d(o.node[t],t)-d(e.node[t],t)||o.node[t].length-e.node[t].length;function y(t,o){if(!t.from.length)return o;t.from.sort(u("from"));for(const e of t.from){const t=e.node;r(t.y)||(t.y=o,y(t,o?o+a:0)),o=Math.max(t.y+t.out,o)}return t.y+t.size}function p(t,o){if(!t.to.length)return o;t.to.sort(u("to"));for(const e of t.to){const t=e.node;r(t.y)||(t.y=o,p(t,o?o+a:0)),o=Math.max(t.y+Math.max(t.in,t.out),o)}return t.y+t.size}function x(t,o){return r(t.y)?t.y:(t.y=o,o)}function m(t,o){if(!t.length)return 0;const e=((t,o)=>{const e=[...t].sort((t,o)=>t.size-o.size).pop().size,r=t.filter(t=>t.size===e);return 1===r.length?r[0]:(r.sort((t,o)=>t.x-o.x),0===r[0].x?r[0]:r[r.length-1].x===o?r.pop():r[Math.floor(r.length/2)])})(t,o);return e.y=0,y(e,0),p(e,0),function(t,o){const e=t.filter(t=>0===t.x),n=t.filter(t=>t.x===o),s=e.filter(t=>!r(t.y)),i=n.filter(t=>!r(t.y)),l=t.filter(t=>t.x>0&&t.x<o&&!r(t.y));let c=e.reduce((t,o)=>Math.max(t,o.y+o.out||0),0)+a,h=n.reduce((t,o)=>Math.max(t,o.y+o.in||0),0)+a,f=0;c>=h?(s.forEach(t=>{c=x(t,c),c=Math.max(c+t.out,p(t,c))}),i.forEach(t=>{h=x(t,h),h=Math.max(h+t.in,y(t,h))})):(s.forEach(t=>{c=x(t,c)}),i.forEach(t=>{h=x(t,h),h=Math.max(h+t.in,y(t,h))})),l.forEach(o=>{let e=t.filter(t=>t.x===o.x&&r(t.y)).reduce((t,o)=>Math.max(t,o.y+Math.max(o.in,o.out)),0);e=x(o,e),e=Math.max(e+o.in,y(o,e)),e=Math.max(e+o.out,p(o,e)),f=Math.max(f,e)}),Math.max(c,h,f)}(t,o),((t,o)=>{let e=0;for(let r=0;r<=o;r++){const o=t.filter(t=>t.x===r).sort((t,o)=>t.y-o.y);let n=0;for(const t of o)t.y<n&&(t.y=n),n=t.y+t.size;e=Math.max(e,n)}return e})(t,o)}const g=(t,o)=>t.x!==o.x?t.x-o.x:t.y===o.y?t.size-o.size:t.y-o.y;function w(t,o,{priority:e,height:n,nodePadding:s,modeX:i}){const a=[...t.values()],l=function(t,o,e){const n=o.filter(t=>t.from!==t.to),s=[...t.keys()],i=[...t.values()],a=new Set(s);let l=0;for(;a.size;){const e=0===l?c(o,i):h(n,a);if(!e.length)throw new Error("Fatal error: Unable to place nodes to columns. Please report this issue.");for(const o of e){const e=t.get(o);e&&!r(e.x)&&(e.x=l),a.delete(o)}a.size&&l++}const f=i.reduce((t,o)=>Math.max(t,o.x),0);if("edge"===e){const e=new Set(o.map(t=>t.from));s.filter(t=>!e.has(t)).forEach(o=>{const e=t.get(o);e&&!e.column&&(e.x=f)})}return f}(t,o,i),f=e?function(t,o){let e=0,r=0;for(let n=0;n<=o;n++){let o=r;const s=t.filter(t=>t.x===n).sort((t,o)=>(t.priority??0)-(o.priority??0));r=s.length&&s[0].to.filter(t=>t.node.x>n+1).reduce((t,o)=>t+o.flow,0)||0;for(const t of s)t.y=o,o+=Math.max(t.out,t.in);e=Math.max(o,e)}return e}(a,l):m(a,l),d=function(t,o){let e=0;const r=new Map,n=[],s=t=>(r.has(t)||(r.set(t,n.length),n.push([])),r.get(t));t.sort(g);for(const r of t){const t=s(r.x),i=n[t];if(r.y){i.push(r.y);let e=i.length;if(r.in){for(let o=0;o<t;o++){const t=n[o];for(let o=0;o<t.length&&!(t[o]>r.y);o++)e=Math.max(o+1,e)}for(;i.length<e;)i.push(r.y)}r.y+=e*o}e=Math.max(e,r.y+Math.max(r.in,r.out))}return e}(a,f/n*s);return function(t){t.forEach(t=>{const o=t.size,e=o<t.in,r=o<t.out;let n=0,s=t.from.length;t.from.sort((t,o)=>t.node.y+t.node.out/2-(o.node.y+o.node.out/2)).forEach((t,r)=>{e?t.addY=r*(o-t.flow)/(s-1):(t.addY=n,n+=t.flow)}),n=0,s=t.to.length,t.to.sort((t,o)=>t.node.y+t.node.in/2-(o.node.y+o.node.in/2)).forEach((t,e)=>{r?t.addY=e*(o-t.flow)/(s-1):(t.addY=n,n+=t.flow)})})}(a),{maxX:l,maxY:d}}function M(t,o,e){for(const r of t)if(r.key===o&&r.index===e)return r.addY;return 0}class b extends o.DatasetController{parseObjectData(t,o,e,r){const n=((t,o)=>{const{from:e="from",to:r="to",flow:n="flow"}=o;return t.map(({[e]:t,[r]:o,[n]:s})=>({flow:s,from:t,to:o}))})(o,this.options.parsing),{xScale:s,yScale:a}=t,l=[],c=i(n,this.options);this._nodes=c;const{maxX:h,maxY:f}=w(c,n,{height:this.chart.canvas.height,modeX:this.options.modeX,nodePadding:this.options.nodePadding,priority:!!this.options.priority});if(this._maxX=h,this._maxY=f,!s||!a)return[];for(let t=0,o=n.length;t<o;++t){const o=n[t],e=c.get(o.from),r=c.get(o.to);if(!e||!r)continue;const i=(e.y??0)+M(e.to,o.to,t),h=(r.y??0)+M(r.from,o.from,t);l.push({_custom:{flow:o.flow,from:e,height:a.parse(o.flow,t),to:r,x:s.parse(r.x,t),y:a.parse(h,t)},x:s.parse(e.x,t),y:a.parse(i,t)})}return l.slice(e,e+r)}getMinMax(t){return{max:t===this._cachedMeta.xScale?this._maxX:this._maxY,min:0}}update(t){const{data:o}=this._cachedMeta;this.updateElements(o,0,o.length,t)}updateElements(t,o,e,r){const{xScale:n,yScale:s}=this._cachedMeta;if(!n||!s)return;const i=this.resolveDataElementOptions(o,r),a=this.getSharedOptions(i),{borderWidth:l,nodeWidth:c=10}=this.options,h=l?l/2+.5:0;for(let i=o;i<o+e;i++){const o=this.getParsed(i),e=o._custom,a=s.getPixelForValue(o.y);this.updateElement(t[i],i,{from:e.from,height:Math.abs(s.getPixelForValue(o.y+e.height)-a),options:this.resolveDataElementOptions(i,r),progress:"reset"===r?0:1,to:e.to,x:n.getPixelForValue(o.x)+c+h,x2:n.getPixelForValue(e.x)-h,y:a,y2:s.getPixelForValue(e.y)},r)}this.updateSharedOptions(a,r,i)}_drawLabels(){const t=this.chart.ctx,o=this.options,e=this._nodes||new Map,r=n(o.size),s=o.borderWidth??1,i=o.nodeWidth??10,a=o.labels,{xScale:l,yScale:c}=this._cachedMeta;if(!l||!c)return;t.save();const h=this.chart.chartArea;for(const n of e.values()){const e=l.getPixelForValue(n.x),f=c.getPixelForValue(n.y),d=Math[r](n.in||n.out,n.out||n.in),u=Math.abs(c.getPixelForValue(n.y+d)-f),y=a?.[n.key]??n.key;let p=e;t.fillStyle=o.color??"black",t.textBaseline="middle",e<h.width/2?(t.textAlign="left",p+=i+s+4):(t.textAlign="right",p-=s+4),this._drawLabel(y,f,u,t,p)}t.restore()}_drawLabel(t,o,r,n,s){const i=e.toFont(this.options.font,this.chart.options.font),a=function(t){if(!t)return[];const o=[],e=Array.isArray(t)?t:[t];for(;e.length;){const t=e.pop();"string"==typeof t?o.unshift(...t.split("\n")):Array.isArray(t)?e.push(...t):t&&o.unshift(`${t}`)}return o}(t),l=a.length,c=o+r/2,h=i.lineHeight,f=e.valueOrDefault(this.options.padding,h/2);if(n.font=i.string,l>1){const t=c-h*l/2+f;for(let o=0;o<l;o++)n.fillText(a[o],s,t+o*h)}else n.fillText(t,s,c)}_drawNodes(){const t=this.chart.ctx,o=this._nodes||new Map,{borderColor:e,borderWidth:r=0,nodeWidth:s=10,size:i}=this.options,a=n(i),{xScale:l,yScale:c}=this._cachedMeta;t.save(),e&&r&&(t.strokeStyle=e,t.lineWidth=r);for(const e of o.values()){t.fillStyle=e.color??"black";const o=l.getPixelForValue(e.x),n=c.getPixelForValue(e.y),i=Math[a](e.in||e.out,e.out||e.in),h=Math.abs(c.getPixelForValue(e.y+i)-n);r&&t.strokeRect(o,n,s,h),t.fillRect(o,n,s,h)}t.restore()}draw(){const t=this.chart.ctx,o=this.getMeta().data??[],e=[];for(let t=0,r=o.length;t<r;++t){const r=o[t];r.from.color=r.options.colorFrom,r.to.color=r.options.colorTo,r.active&&e.push(r)}for(const t of e)t.from.color=t.options.colorFrom,t.to.color=t.options.colorTo;this._drawNodes();for(let e=0,r=o.length;e<r;++e)o[e].draw(t);this._drawLabels()}}b.id="sankey",b.defaults={animations:{colors:{properties:["colorFrom","colorTo"],type:"color"},numbers:{properties:["x","y","x2","y2","height"],type:"number"},progress:{delay:t=>"data"===t.type?500*t.parsed.x+20*t.dataIndex:void 0,duration:t=>"data"===t.type?200*(t.parsed._custom.x-t.parsed.x):void 0,easing:"linear"}},borderColor:"black",borderWidth:1,color:"black",dataElementType:"flow",modeX:"edge",nodePadding:10,nodeWidth:10,transitions:{hide:{animations:{colors:{properties:["colorFrom","colorTo"],to:"transparent",type:"color"}}},show:{animations:{colors:{from:"transparent",properties:["colorFrom","colorTo"],type:"color"}}}}},b.overrides={datasets:{clip:!1,parsing:{flow:"flow",from:"from",to:"to"}},interaction:{intersect:!0,mode:"nearest"},layout:{padding:{bottom:3,left:3,right:13,top:3}},plugins:{legend:{display:!1},tooltip:{callbacks:{label(t){const o=t.parsed._custom;return o.from.key+" -> "+o.to.key+": "+o.flow},title:()=>""}}},scales:{x:{bounds:"data",display:!1,min:0,offset:!1,type:"linear"},y:{bounds:"data",display:!1,min:0,offset:!1,reverse:!0,type:"linear"}}};const k=(t,o,e,r)=>t<e?{cp1:{x:t+(e-t)/3*2,y:o},cp2:{x:t+(e-t)/3,y:r}}:{cp1:{x:t-(t-e)/3,y:0},cp2:{x:e+(t-e)/3,y:0}},v=(t,o,e)=>({x:t.x+e*(o.x-t.x),y:t.y+e*(o.y-t.y)}),P=(t,o)=>e.color(t).alpha(o).rgbString(),F=(t,o)=>"string"==typeof t?P(t,o):t;class S extends o.Element{draw(t){const{x:o,x2:e,y:r,y2:n,height:s,progress:i}=this,{cp1:a,cp2:l}=k(o,r,e,n);0!==i&&(t.save(),i<1&&(t.beginPath(),t.rect(o,Math.min(r,n),(e-o)*i+1,Math.abs(n-r)+s+1),t.clip()),function(t,{x:o,x2:e,options:r}){let n="black";"from"===r.colorMode?n=F(r.colorFrom,r.alpha):"to"===r.colorMode?n=F(r.colorTo,r.alpha):"string"==typeof r.colorFrom&&"string"==typeof r.colorTo&&(n=t.createLinearGradient(o,0,e,0),n.addColorStop(0,P(r.colorFrom,r.alpha)),n.addColorStop(1,P(r.colorTo,r.alpha))),t.fillStyle=n,t.strokeStyle=n,t.lineWidth=.5}(t,this),t.beginPath(),t.moveTo(o,r),t.bezierCurveTo(a.x,a.y,l.x,l.y,e,n),t.lineTo(e,n+s),t.bezierCurveTo(l.x,l.y+s,a.x,a.y+s,o,r+s),t.lineTo(o,r),t.stroke(),t.closePath(),t.fill(),t.restore())}inRange(t,o,e){const{x:r,y:n,x2:s,y2:i,height:a}=this.getProps(["x","y","x2","y2","height"],e);if(t<r||t>s)return!1;const{cp1:l,cp2:c}=k(r,n,s,i),h=(t-r)/(s-r),f={x:s,y:i},d=v({x:r,y:n},l,h),u=v(l,c,h),y=v(c,f,h),p=v(d,u,h),x=v(u,y,h),m=v(p,x,h).y;return o>=m&&o<=m+a}inXRange(t,o){const{x:e,x2:r}=this.getProps(["x","x2"],o);return t>=e&&t<=r}inYRange(t,o){const{y:e,y2:r,height:n}=this.getProps(["y","y2","height"],o),s=Math.min(e,r),i=Math.max(e,r)+n;return t>=s&&t<=i}getCenterPoint(t){const{x:o,y:e,x2:r,y2:n,height:s}=this.getProps(["x","y","x2","y2","height"],t);return{x:(o+r)/2,y:(e+n+s)/2}}tooltipPosition(t){return this.getCenterPoint(t)}getRange(t){return"x"===t?this.width/2:this.height/2}constructor(t){super(),t&&Object.assign(this,t)}}S.id="flow",S.defaults={alpha:.5,colorFrom:"red",colorMode:"gradient",colorTo:"green",hoverColorFrom:(t,o)=>e.getHoverColor(o.colorFrom),hoverColorTo:(t,o)=>e.getHoverColor(o.colorTo)},S.descriptors={_scriptable:!0},o.Chart.register(b,S),t.Flow=S,t.SankeyController=b});
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["exports","chart.js","chart.js/helpers"],o):o((t="undefined"!=typeof globalThis?globalThis:t||self)["chartjs-chart-sankey"]={},t.Chart,t.Chart.helpers)}(this,function(t,o,e){"use strict";const r=t=>void 0!==t;function n(t){return t&&-1!==["min","max"].indexOf(t)?t:"max"}const s=(t,o)=>o.flow===t.flow?t.index-o.index:o.flow-t.flow;function i(t,{size:o,priority:e,column:r}){const i=new Map;for(let o=0;o<t.length;o++){const{from:e,to:r,flow:n}=t[o],s=i.get(e)??{from:[],in:0,key:e,out:0,size:0,to:[]},a=(e===r?s:i.get(r))??{from:[],in:0,key:r,out:0,size:0,to:[]};s.out+=n,s.to.push({addY:0,flow:n,index:o,key:r,node:a}),1===s.to.length&&i.set(e,s),a.in+=n,a.from.push({addY:0,flow:n,index:o,key:e,node:s}),1===a.from.length&&i.set(r,a)}return((t,o)=>{const e=n(o);for(const o of t.values())o.from.sort(s),o.to.sort(s),o.size=Math[e](o.in||o.out,o.out||o.in)})(i,o),((t,o)=>{if(o)for(const e of t.values())e.key in o&&(e.priority=o[e.key])})(i,e),((t,o)=>{if(o)for(const e of t.values())e.key in o&&(e.column=!0,e.x=o[e.key])})(i,r),i}const a=1e-6;function l(t){return t.x??0}function h(t){return t.y??0}const c=(t,o=new Set)=>{const e=[];for(const r of t)o.has(r.key)||(o.add(r.key),e.push(r.key,...c(r.to.map(t=>t.node),o)));return e},f=(t,o)=>{const e=o.filter(t=>0===t.from.length),r=e.map(t=>t.key),n=c(e),s=new Set(n);for(const o of t)s.has(o.from)||s.has(o.to)||(r.push(o.from),s.add(o.from)),s.add(o.to);return r},d=(t,o)=>{const e=new Set(t.filter(t=>o.has(t.from)).map(t=>t.to)),r=[...o],n=r.filter(t=>!e.has(t));return n.length?n:r.slice(0,1)};let u=-1;function p(t,o,e=function(){return u=u<100?u+1:0,u}()){let r=0;for(const n of t)n.node._visited!==e&&(n.node._visited=e,r+=n.node[o].length+p(n.node[o],o,e));return r}const x=t=>(o,e)=>p(o.node[t],t)-p(e.node[t],t)||o.node[t].length-e.node[t].length;function m(t,o){if(!t.from.length)return o;t.from.sort(x("from"));for(const e of t.from){const t=e.node;r(t.y)||(t.y=o,m(t,o?o+a:0)),o=Math.max(t.y+t.out,o)}return h(t)+t.size}function y(t,o){if(!t.to.length)return o;t.to.sort(x("to"));for(const e of t.to){const t=e.node;r(t.y)||(t.y=o,y(t,o?o+a:0)),o=Math.max(t.y+Math.max(t.in,t.out),o)}return h(t)+t.size}function g(t,o){return r(t.y)?t.y:(t.y=o,o)}function w(t,o){if(!t.length)return 0;const e=((t,o)=>{const e=[...t].sort((t,o)=>t.size-o.size),r=e[e.length-1].size,n=t.filter(t=>t.size===r),s=n[0];if(1===n.length)return s;if(n.sort((t,o)=>l(t)-l(o)),0===l(s))return s;const i=n[n.length-1];return l(i)===o?i:n[Math.floor(n.length/2)]})(t,o);return e.y=0,m(e,0),y(e,0),function(t,o){const e=t.filter(t=>0===t.x),n=t.filter(t=>t.x===o),s=e.filter(t=>!r(t.y)),i=n.filter(t=>!r(t.y)),c=t.filter(t=>l(t)>0&&l(t)<o&&!r(t.y));let f=e.reduce((t,o)=>Math.max(t,h(o)+o.out||0),0)+a,d=n.reduce((t,o)=>Math.max(t,h(o)+o.in||0),0)+a,u=0;f>=d?(s.forEach(t=>{f=g(t,f),f=Math.max(f+t.out,y(t,f))}),i.forEach(t=>{d=g(t,d),d=Math.max(d+t.in,m(t,d))})):(s.forEach(t=>{f=g(t,f)}),i.forEach(t=>{d=g(t,d),d=Math.max(d+t.in,m(t,d))})),c.forEach(o=>{let e=t.filter(t=>l(t)===l(o)&&r(t.y)).reduce((t,o)=>Math.max(t,h(o)+Math.max(o.in,o.out)),0);e=g(o,e),e=Math.max(e+o.in,m(o,e)),e=Math.max(e+o.out,y(o,e)),u=Math.max(u,e)}),Math.max(f,d,u)}(t,o),((t,o)=>{let e=0;for(let r=0;r<=o;r++){const o=t.filter(t=>l(t)===r).sort((t,o)=>h(t)-h(o));let n=0;for(const t of o)h(t)<n&&(t.y=n),n=h(t)+t.size;e=Math.max(e,n)}return e})(t,o)}const M=(t,o)=>l(t)!==l(o)?l(t)-l(o):h(t)===h(o)?t.size-o.size:h(t)-h(o);function b(t,o,{priority:e,height:n,nodePadding:s,modeX:i}){const a=[...t.values()],c=function(t,o,e){const n=o.filter(t=>t.from!==t.to),s=[...t.keys()],i=[...t.values()],a=new Set(s);let h=0;for(;a.size;){const e=0===h?f(o,i):d(n,a);if(!e.length)throw new Error("Fatal error: Unable to place nodes to columns. Please report this issue.");for(const o of e){const e=t.get(o);e&&!r(e.x)&&(e.x=h),a.delete(o)}a.size&&h++}const c=i.reduce((t,o)=>Math.max(t,l(o)),0);if("edge"===e){const e=new Set(o.map(t=>t.from));s.filter(t=>!e.has(t)).forEach(o=>{const e=t.get(o);e&&!e.column&&(e.x=c)})}return c}(t,o,i??"edge"),u=e?function(t,o){let e=0,r=0;for(let n=0;n<=o;n++){let o=r;const s=t.filter(t=>l(t)===n).sort((t,o)=>(t.priority??0)-(o.priority??0));r=s.length&&s[0].to.filter(t=>l(t.node)>n+1).reduce((t,o)=>t+o.flow,0)||0;for(const t of s)t.y=o,o+=Math.max(t.out,t.in);e=Math.max(o,e)}return e}(a,c):w(a,c),p=function(t,o){let e=0;const r=new Map,n=[],s=t=>{if(!r.has(t)){const o=n.length;return r.set(t,o),n.push([]),o}return r.get(t)??0};t.sort(M);for(const r of t){const t=s(l(r)),i=n[t]??[];if(h(r)){i.push(h(r));let e=i.length;if(r.in){for(let o=0;o<t;o++){const t=n[o]??[];for(let o=0;o<t.length&&!(t[o]>h(r));o++)e=Math.max(o+1,e)}for(;i.length<e;)i.push(h(r))}r.y=h(r)+e*o}e=Math.max(e,h(r)+Math.max(r.in,r.out))}return e}(a,u/n*s);return function(t){t.forEach(t=>{const o=t.size,e=o<t.in,r=o<t.out;let n=0,s=t.from.length;t.from.sort((t,o)=>h(t.node)+t.node.out/2-(h(o.node)+o.node.out/2)).forEach((t,r)=>{e?t.addY=r*(o-t.flow)/(s-1):(t.addY=n,n+=t.flow)}),n=0,s=t.to.length,t.to.sort((t,o)=>h(t.node)+t.node.in/2-(h(o.node)+o.node.in/2)).forEach((t,e)=>{r?t.addY=e*(o-t.flow)/(s-1):(t.addY=n,n+=t.flow)})})}(a),{maxX:c,maxY:p}}function k(t){return t.x??0}function v(t){return t.y??0}function _(t,o,e){for(const r of t)if(r.key===o&&r.index===e)return r.addY;return 0}class P extends o.DatasetController{parseObjectData(t,o,e,r){const n=((t,o)=>{const{from:e="from",to:r="to",flow:n="flow"}=o;return t.map(({[e]:t,[r]:o,[n]:s})=>({flow:s,from:t,to:o}))})(o,this.options.parsing),{xScale:s,yScale:a}=t,l=[],h=i(n,this.options);this._nodes=h;const{maxX:c,maxY:f}=b(h,n,{height:this.chart.canvas.height,modeX:this.options.modeX,nodePadding:this.options.nodePadding??10,priority:!!this.options.priority});if(this._maxX=c,this._maxY=f,!s||!a)return[];for(let t=0,o=n.length;t<o;++t){const o=n[t],e=h.get(o.from),r=h.get(o.to);if(!e||!r)continue;const i=v(e)+_(e.to,o.to,t),c=v(r)+_(r.from,o.from,t);l.push({_custom:{flow:o.flow,from:e,height:a.parse(o.flow,t),to:r,x:s.parse(k(r),t),y:a.parse(c,t)},x:s.parse(k(e),t),y:a.parse(i,t)})}return l.slice(e,e+r)}getMinMax(t){return{max:t===this._cachedMeta.xScale?this._maxX:this._maxY,min:0}}update(t){const{data:o}=this._cachedMeta;this.updateElements(o,0,o.length,t)}updateElements(t,o,e,r){const{xScale:n,yScale:s}=this._cachedMeta;if(!n||!s)return;const i=this.resolveDataElementOptions(o,r),a=this.getSharedOptions(i),{borderWidth:l,nodeWidth:h=10}=this.options,c=l?l/2+.5:0;for(let i=o;i<o+e;i++){const o=this.getParsed(i),e=o._custom,a=s.getPixelForValue(o.y);this.updateElement(t[i],i,{from:e.from,height:Math.abs(s.getPixelForValue(o.y+e.height)-a),options:this.resolveDataElementOptions(i,r),progress:"reset"===r?0:1,to:e.to,x:n.getPixelForValue(o.x)+h+c,x2:n.getPixelForValue(e.x)-c,y:a,y2:s.getPixelForValue(e.y)},r)}a&&this.updateSharedOptions(a,r,i)}_drawLabels(){const t=this.chart.ctx,o=this.options,e=this._nodes||new Map,r=n(o.size),s=o.borderWidth??1,i=o.nodeWidth??10,a=o.labels,{xScale:l,yScale:h}=this._cachedMeta;if(!l||!h)return;t.save();const c=this.chart.chartArea;for(const n of e.values()){const e=l.getPixelForValue(k(n)),f=h.getPixelForValue(v(n)),d=Math[r](n.in||n.out,n.out||n.in),u=Math.abs(h.getPixelForValue(v(n)+d)-f),p=a?.[n.key]??n.key;let x=e;t.fillStyle=o.color??"black",t.textBaseline="middle",e<c.width/2?(t.textAlign="left",x+=i+s+4):(t.textAlign="right",x-=s+4),this._drawLabel(p,f,u,t,x)}t.restore()}_drawLabel(t,r,n,s,i){const a=e.toFont(this.options.font??this.chart.options.font??o.Chart.defaults.font),l=function(t){if(!t)return[];const o=[],e=Array.isArray(t)?t:[t];for(;e.length;){const t=e.pop();"string"==typeof t?o.unshift(...t.split("\n")):Array.isArray(t)?e.push(...t):t&&o.unshift(`${t}`)}return o}(t),h=l.length,c=r+n/2,f=a.lineHeight,d=e.valueOrDefault(this.options.padding,f/2);if(s.font=a.string,h>1){const t=c-f*h/2+d;for(let o=0;o<h;o++)s.fillText(l[o],i,t+o*f)}else s.fillText(t,i,c)}_drawNodes(){const t=this.chart.ctx,o=this._nodes||new Map,{borderColor:e,borderWidth:r=0,nodeWidth:s=10,size:i}=this.options,a=n(i),{xScale:l,yScale:h}=this._cachedMeta;t.save(),e&&r&&(t.strokeStyle=e,t.lineWidth=r);for(const e of o.values()){if(t.fillStyle=e.color??"black",!l||!h)return;const o=l.getPixelForValue(k(e)),n=h.getPixelForValue(v(e)),i=Math[a](e.in||e.out,e.out||e.in),c=Math.abs(h.getPixelForValue(v(e)+i)-n);r&&t.strokeRect(o,n,s,c),t.fillRect(o,n,s,c)}t.restore()}draw(){const t=this.chart.ctx,o=this.getMeta().data??[],e=[];for(let t=0,r=o.length;t<r;++t){const r=o[t];r.from&&r.to&&(r.from.color=r.options.colorFrom,r.to.color=r.options.colorTo,r.active&&e.push(r))}for(const t of e)t.from&&t.to&&(t.from.color=t.options.colorFrom,t.to.color=t.options.colorTo);this._drawNodes();for(let e=0,r=o.length;e<r;++e)o[e].draw(t);this._drawLabels()}constructor(...t){super(...t),this._nodes=new Map,this._maxX=0,this._maxY=0}}P.id="sankey",P.defaults={animations:{colors:{properties:["colorFrom","colorTo"],type:"color"},numbers:{properties:["x","y","x2","y2","height"],type:"number"},progress:{delay:t=>"data"===t.type?500*t.parsed.x+20*t.dataIndex:void 0,duration:t=>"data"===t.type?200*(t.parsed._custom.x-t.parsed.x):void 0,easing:"linear"}},borderColor:"black",borderWidth:1,color:"black",dataElementType:"flow",modeX:"edge",nodePadding:10,nodeWidth:10,transitions:{hide:{animations:{colors:{properties:["colorFrom","colorTo"],to:"transparent",type:"color"}}},show:{animations:{colors:{from:"transparent",properties:["colorFrom","colorTo"],type:"color"}}}}},P.overrides={datasets:{clip:!1,parsing:{flow:"flow",from:"from",to:"to"}},interaction:{intersect:!0,mode:"nearest"},layout:{padding:{bottom:3,left:3,right:13,top:3}},plugins:{legend:{display:!1},tooltip:{callbacks:{label(t){const o=t.parsed._custom;return`${o.from.key} -> ${o.to.key}: ${o.flow}`},title:()=>""}}},scales:{x:{bounds:"data",display:!1,min:0,offset:!1,type:"linear"},y:{bounds:"data",display:!1,min:0,offset:!1,reverse:!0,type:"linear"}}};const F=(t,o,e,r)=>t<e?{cp1:{x:t+(e-t)/3*2,y:o},cp2:{x:t+(e-t)/3,y:r}}:{cp1:{x:t-(t-e)/3,y:0},cp2:{x:e+(t-e)/3,y:0}},S=(t,o,e)=>({x:t.x+e*(o.x-t.x),y:t.y+e*(o.y-t.y)}),T=(t,o)=>e.color(t).alpha(o).rgbString(),z=(t,o)=>"string"==typeof t?T(t,o):t,C=t=>"string"==typeof t?e.getHoverColor(t):t;class E extends o.Element{draw(t){const{x:o,x2:e,y:r,y2:n,height:s,progress:i}=this,{cp1:a,cp2:l}=F(o,r,e,n);0!==i&&(t.save(),i<1&&(t.beginPath(),t.rect(o,Math.min(r,n),(e-o)*i+1,Math.abs(n-r)+s+1),t.clip()),function(t,{x:o,x2:e,options:r}){let n="black";"from"===r.colorMode?n=z(r.colorFrom,r.alpha):"to"===r.colorMode?n=z(r.colorTo,r.alpha):"string"==typeof r.colorFrom&&"string"==typeof r.colorTo&&(n=t.createLinearGradient(o,0,e,0),n.addColorStop(0,T(r.colorFrom,r.alpha)),n.addColorStop(1,T(r.colorTo,r.alpha))),t.fillStyle=n,t.strokeStyle=n,t.lineWidth=.5}(t,this),t.beginPath(),t.moveTo(o,r),t.bezierCurveTo(a.x,a.y,l.x,l.y,e,n),t.lineTo(e,n+s),t.bezierCurveTo(l.x,l.y+s,a.x,a.y+s,o,r+s),t.lineTo(o,r),t.stroke(),t.closePath(),t.fill(),t.restore())}inRange(t,o,e){const{x:r,y:n,x2:s,y2:i,height:a}=this.getProps(["x","y","x2","y2","height"],e);if(t<r||t>s)return!1;const{cp1:l,cp2:h}=F(r,n,s,i),c=(t-r)/(s-r),f={x:s,y:i},d=S({x:r,y:n},l,c),u=S(l,h,c),p=S(h,f,c),x=S(d,u,c),m=S(u,p,c),y=S(x,m,c).y;return o>=y&&o<=y+a}inXRange(t,o){const{x:e,x2:r}=this.getProps(["x","x2"],o);return t>=e&&t<=r}inYRange(t,o){const{y:e,y2:r,height:n}=this.getProps(["y","y2","height"],o),s=Math.min(e,r),i=Math.max(e,r)+n;return t>=s&&t<=i}getCenterPoint(t){const{x:o,y:e,x2:r,y2:n,height:s}=this.getProps(["x","y","x2","y2","height"],t);return{x:(o+r)/2,y:(e+n+s)/2}}tooltipPosition(t=!1){return this.getCenterPoint(t)}getRange(t){return"x"===t?this.width/2:this.height/2}constructor(t){super(),this.x2=0,this.y2=0,this.width=0,this.height=0,this.progress=1,t&&Object.assign(this,t)}}E.id="flow",E.defaults={alpha:.5,colorFrom:"red",colorMode:"gradient",colorTo:"green",hoverColorFrom:(t,o)=>C(o.colorFrom),hoverColorTo:(t,o)=>C(o.colorTo)},E.descriptors={_scriptable:!0},o.Chart.register(P,E),t.Flow=E,t.SankeyController=P});

package/dist/controller.d.ts

@@ -15,8 +15,8 @@ export default class SankeyController extends DatasetController {
                 type: string;
             };
             progress: {
-                delay: (ctx: any) => number;
-                duration: (ctx: any) => number;
+                delay: (ctx: any) => number | undefined;
+                duration: (ctx: any) => number | undefined;
                 easing: string;
             };
         };

package/dist/flow.d.ts

@@ -1,4 +1,4 @@
-import type { SankeyNode } from 'chart.js';
+import type { Color, SankeyNode } from 'chart.js';
 import type { FlowConfig, FlowOptions, FlowProps } from './types.js';
 import { Element } from 'chart.js';
 export default class Flow extends Element<FlowProps, FlowOptions> {
@@ -8,8 +8,8 @@ export default class Flow extends Element<FlowProps, FlowOptions> {
         colorFrom: string;
         colorMode: string;
         colorTo: string;
-        hoverColorFrom: (_ctx: any, options: any) => CanvasGradient;
-        hoverColorTo: (_ctx: any, options: any) => CanvasGradient;
+        hoverColorFrom: (_ctx: unknown, options: FlowOptions) => Color;
+        hoverColorTo: (_ctx: unknown, options: FlowOptions) => Color;
     };
     static readonly descriptors: {
         _scriptable: boolean;
@@ -19,8 +19,8 @@ export default class Flow extends Element<FlowProps, FlowOptions> {
     width: number;
     height: number;
     progress: number;
-    from: SankeyNode;
-    to: SankeyNode;
+    from?: SankeyNode;
+    to?: SankeyNode;
     constructor(cfg: FlowConfig);
     /**
      * @param {CanvasRenderingContext2D} ctx
@@ -53,7 +53,7 @@ export default class Flow extends Element<FlowProps, FlowOptions> {
         x: number;
         y: number;
     };
-    tooltipPosition(useFinalPosition: any): {
+    tooltipPosition(useFinalPosition?: boolean): {
         x: number;
         y: number;
     };

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { CartesianScaleTypeRegistry, Color, FontSpec, Scriptable, ScriptableContext } from 'chart.js';
+import type { CartesianScaleTypeRegistry, Color, FontSpec, SankeyNode, Scriptable, ScriptableContext } from 'chart.js';
 export type AnyObject = Record<string, unknown>;
 declare module 'chart.js' {
     interface SankeyDataPoint {
@@ -98,5 +98,9 @@ export interface FlowConfig {
     x2: number;
     y2: number;
     height: number;
+    width?: number;
+    progress?: number;
+    from?: SankeyNode;
+    to?: SankeyNode;
     options: FlowOptions;
 }

package/package.json

@@ -6,41 +6,40 @@
   "description": "Chart.js module for creating sankey diagrams",
   "devDependencies": {
     "@astrojs/check": "^0.9.9",
-    "@astrojs/mdx": "^5.0.6",
-    "@astrojs/starlight": "^0.38.5",
+    "@astrojs/mdx": "^7.0.2",
+    "@astrojs/starlight": "^0.41.3",
     "@biomejs/biome": "^2.4.14",
-    "@emnapi/core": "^1.10.0",
-    "@emnapi/runtime": "^1.10.0",
-    "@jest/globals": "^29.7.0",
+    "@emnapi/core": "^1.11.2",
+    "@emnapi/runtime": "^1.11.2",
     "@kurkle/configs": "^1.0.1",
     "@napi-rs/canvas": "^1.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-swc": "^0.4.0",
-    "@rollup/plugin-terser": "^0.4.0",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@swc/cli": "^0.8.1",
     "@swc/core": "^1.7.40",
-    "@types/jest": "^30.0.0",
-    "@types/node": "^25.0.3",
-    "astro": "^6.4.2",
+    "@types/jasmine": "^6.0.0",
+    "@types/node": "^26.1.0",
+    "astro": "^7.0.6",
+    "c8": "^11.0.0",
     "chart.js": "^4.4.5",
     "chartjs-test-utils": "^0.5.0",
     "cross-env": "^10.1.0",
-    "jest": "^30.2.0",
-    "jest-util": "^30.2.0",
+    "globals": "^17.0.0",
+    "jasmine": "^6.2.0",
     "karma": "^6.3.2",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^2.0.3",
     "karma-firefox-launcher": "^2.1.3",
     "karma-jasmine": "^5.0.1",
     "karma-jasmine-html-reporter": "^2.0.0",
-    "karma-rollup-preprocessor": "7.0.7",
+    "karma-rollup-preprocessor": "^7.0.8",
     "karma-spec-reporter": "^0.0.36",
     "rollup": "^4.24.0",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-istanbul": "^5.0.0",
     "semantic-release": "^25.0.3",
-    "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.0.4"
+    "typescript": "^6.0.3"
   },
   "exports": {
     "import": "./dist/chartjs-chart-sankey.esm.js",
@@ -83,17 +82,18 @@
     "predocs": "npm run docs:version",
     "predocs:dev": "npm run docs:version",
     "prepack": "npm run build",
+    "pretest:unit": "swc --config-file .swcrc-spec src -d build",
     "test": "npm run test:unit && npm run test:fixture && npm run test:integration:browser-module && npm run test:integration:node-commonjs && npm run test:integration:node-module",
     "test:fixture": "cross-env NODE_ENV=test karma start ./karma.conf.cjs --no-auto-watch --single-run",
     "test:integration:browser-module": "karma start ./karma.integration.cjs --single-run",
     "test:integration:node-commonjs": "node test/integration/node-commonjs/test.cjs",
     "test:integration:node-module": "node test/integration/node-module/test.mjs",
-    "test:unit": "jest",
-    "typecheck": "tsc --noEmit && tsc -p tsconfig.json --emitDeclarationOnly && tsc --noEmit -p test/types/",
+    "test:unit": "cross-env JASMINE_CONFIG_PATH=jasmine.json c8 --src=src --reporter=text --reporter=lcov -o=coverage/unit jasmine",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p tsconfig.test.json && tsc -p tsconfig.json --emitDeclarationOnly && tsc --noEmit -p test/types/",
     "typecheck:docs": "astro check"
   },
   "type": "module",
   "types": "dist/index.esm.d.ts",
   "unpkg": "dist/chartjs-chart-sankey.min.js",
-  "version": "0.14.3"
+  "version": "0.14.4"
 }