velo-plot 3.1.0 → 4.0.0-alpha.1

package/dist/velo-plot.js

@@ -1,6 +1,6 @@
 import { E as g } from "./axisFormat-Sz4WIJfQ.js";
-import { D as o, e as l, d as u, L as E, a as f, N as m, P, S as p, c as T, N as d, h as L, b as x, f as N, g as R, p as S } from "./ChartCore-AnR_3Xkb.js";
-import { c as C, d as H, g as M, r as b } from "./PluginRegistry-CzMHebYP.js";
+import { D as o, e as l, d as u, L as E, a as f, N as m, P, S as p, c as T, N as d, h as L, b as x, f as N, g as R, p as S } from "./ChartCore-KYG2HTcK.js";
+import { c as C, d as H, g as M, r as b } from "./PluginRegistry-CDf_jcnp.js";
 function t(e) {
   return e;
 }

package/dist/vue/VeloPlot.vue.d.ts

@@ -40,8 +40,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onZoomChange?: ((bounds: Bounds) => any) | undefined;
 }>, {
     width: number | string;
-    height: number | string;
     series: VeloPlotSeries[];
+    height: number | string;
     keyboardNav: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue/index.d.ts

@@ -32,18 +32,28 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
     tooltip: {
         type: import('vue').PropType<import('..').TooltipOptions>;
     };
+    background: {
+        type: import('vue').PropType<string>;
+    };
+    series: {
+        type: import('vue').PropType<import('..').VeloPlotSeries[]>;
+        default: () => never[];
+    };
+    plugins: {
+        type: import('vue').PropType<import('..').ChartPlugin<unknown>[]>;
+    };
     theme: {
         type: import('vue').PropType<string | object>;
     };
+    showLegend: {
+        type: import('vue').PropType<boolean>;
+    };
     loading: {
         type: import('vue').PropType<boolean | import('..').PluginLoadingConfig>;
     };
     devicePixelRatio: {
         type: import('vue').PropType<number>;
     };
-    background: {
-        type: import('vue').PropType<string>;
-    };
     colorScheme: {
         type: import('vue').PropType<string>;
     };
@@ -51,15 +61,8 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
         type: import('vue').PropType<string | number>;
         default: number;
     };
-    series: {
-        type: import('vue').PropType<import('..').VeloPlotSeries[]>;
-        default: () => never[];
-    };
     renderer: {
-        type: import('vue').PropType<"webgl" | "webgpu">;
-    };
-    showLegend: {
-        type: import('vue').PropType<boolean>;
+        type: import('vue').PropType<"webgl" | "webgpu" | "svg">;
     };
     legendPosition: {
         type: import('vue').PropType<{
@@ -84,9 +87,6 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
             reducedMotion?: boolean | "auto";
         })>;
     };
-    plugins: {
-        type: import('vue').PropType<import('..').ChartPlugin<unknown>[]>;
-    };
     layout: {
         type: import('vue').PropType<import('..').LayoutOptions>;
     };
@@ -105,10 +105,10 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
     clipboard: {
         type: import('vue').PropType<boolean | import('..').ClipboardOptions>;
     };
-    class: {
+    ariaLabel: {
         type: import('vue').PropType<string>;
     };
-    ariaLabel: {
+    class: {
         type: import('vue').PropType<string>;
     };
     autoResize: {
@@ -150,18 +150,28 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
     tooltip: {
         type: import('vue').PropType<import('..').TooltipOptions>;
     };
+    background: {
+        type: import('vue').PropType<string>;
+    };
+    series: {
+        type: import('vue').PropType<import('..').VeloPlotSeries[]>;
+        default: () => never[];
+    };
+    plugins: {
+        type: import('vue').PropType<import('..').ChartPlugin<unknown>[]>;
+    };
     theme: {
         type: import('vue').PropType<string | object>;
     };
+    showLegend: {
+        type: import('vue').PropType<boolean>;
+    };
     loading: {
         type: import('vue').PropType<boolean | import('..').PluginLoadingConfig>;
     };
     devicePixelRatio: {
         type: import('vue').PropType<number>;
     };
-    background: {
-        type: import('vue').PropType<string>;
-    };
     colorScheme: {
         type: import('vue').PropType<string>;
     };
@@ -169,15 +179,8 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
         type: import('vue').PropType<string | number>;
         default: number;
     };
-    series: {
-        type: import('vue').PropType<import('..').VeloPlotSeries[]>;
-        default: () => never[];
-    };
     renderer: {
-        type: import('vue').PropType<"webgl" | "webgpu">;
-    };
-    showLegend: {
-        type: import('vue').PropType<boolean>;
+        type: import('vue').PropType<"webgl" | "webgpu" | "svg">;
     };
     legendPosition: {
         type: import('vue').PropType<{
@@ -202,9 +205,6 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
             reducedMotion?: boolean | "auto";
         })>;
     };
-    plugins: {
-        type: import('vue').PropType<import('..').ChartPlugin<unknown>[]>;
-    };
     layout: {
         type: import('vue').PropType<import('..').LayoutOptions>;
     };
@@ -223,10 +223,10 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
     clipboard: {
         type: import('vue').PropType<boolean | import('..').ClipboardOptions>;
     };
-    class: {
+    ariaLabel: {
         type: import('vue').PropType<string>;
     };
-    ariaLabel: {
+    class: {
         type: import('vue').PropType<string>;
     };
     autoResize: {
@@ -240,8 +240,8 @@ export declare const SciPlot: import('vue').DefineComponent<import('vue').Extrac
     onZoomChange?: ((bounds: import('..').Bounds) => any) | undefined;
 }>, {
     width: number | string;
-    height: number | string;
     series: import('..').VeloPlotSeries[];
+    height: number | string;
     keyboardNav: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 /** @deprecated Use `useVeloPlot` instead. **Removed in v4.0.** */

package/dist/vue.js

@@ -1,8 +1,8 @@
 import { ref as f, shallowRef as C, watch as m, onMounted as R, onUnmounted as p, defineComponent as A, createElementBlock as O, openBlock as P, normalizeStyle as L, normalizeClass as z, unref as j } from "vue";
 import { p as S, o as E, s as V, d as $ } from "./optionsSync-QUiN4Inw.js";
-import { c as K, i as B, r as k, a as M, b as N } from "./chartSyncBridge-D_rCtbFq.js";
+import { c as K, i as B, r as k, a as M, b as N } from "./chartSyncBridge-C1uRy0ZS.js";
 import { a as I, u as Z } from "./a11y-Bw6urYpr.js";
-import { c as J } from "./createStackedChart-DqcLCFGS.js";
+import { c as J } from "./createStackedChart-DjA3aJAu.js";
 import { s as b, a as T, b as x } from "./stackedSync-tnrunZMt.js";
 function w(t = {}) {
   const d = f(null), a = C(null), e = f(!1), n = f(null), u = f(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "velo-plot",
-  "version": "3.1.0",
+  "version": "4.0.0-alpha.1",
   "author": "jigonzalez930209",
   "license": "MIT",
   "repository": {
@@ -235,6 +235,7 @@
     "@angular/platform-browser-dynamic": "^19.2.25",
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.52.0",
+    "@resvg/resvg-js": "^2.6.2",
     "@solidjs/testing-library": "^0.8.10",
     "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@testing-library/dom": "^10.4.1",
@@ -242,6 +243,7 @@
     "@testing-library/svelte": "^5.4.2",
     "@testing-library/vue": "^8.1.0",
     "@types/node": "^25.0.3",
+    "@types/pngjs": "^6.0.5",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-vue": "^6.0.7",
@@ -253,7 +255,9 @@
     "eslint-plugin-react-hooks": "^7.1.1",
     "globals": "^17.7.0",
     "happy-dom": "^20.10.6",
+    "pixelmatch": "^7.2.0",
     "playwright": "^1.52.0",
+    "pngjs": "^7.0.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "solid-js": "^1.9.14",
@@ -282,6 +286,7 @@
     "test:coverage:core": "vitest run --coverage && node scripts/check-core-coverage.mjs",
     "test:coverage:bindings": "vitest run --config vitest.bindings.config.ts --coverage && node scripts/check-bindings-coverage.mjs",
     "test:watch": "vitest",
+    "test:svg-parity": "vitest run --coverage --coverage.reportsDirectory=coverage/svg src/core/chart/exporter/svg src/core/chart/exporter/SVGExporter.test.ts src/core/chart/SVGRenderer.dom.test.ts src/core/stacked/StackSVGComposer.dom.test.ts src/core/stacked/stackGoldenSVG.dom.test.ts && node scripts/check-svg-coverage.mjs && node scripts/validate-svg-parity.mjs",
     "test:dom": "vitest run .dom.test.ts",
     "test:e2e": "playwright test",
     "test:e2e:artifacts": "E2E_FULL_ARTIFACTS=1 playwright test",