layerchart 2.0.0-next.47 → 2.0.0-next.48

package/dist/states/__fixtures__/ComponentNodeLifecycleChild.svelte

@@ -6,7 +6,7 @@
   ctx.registerComponent({
     name: 'ComponentNodeLifecycleChild',
     kind: 'mark',
-    markInfo: () => ({ y: 'value' }),
+    markInfo: () => ({ y: 'other' }),
   });
 </script>
 

package/dist/states/chart.svelte.js

@@ -152,7 +152,8 @@ export class ChartState {
                 return explicit;
             // Generate implicit series from registered marks.
             // Use the value axis accessor (y for horizontal charts, x for vertical).
-            const valueAxis = this.props.valueAxis ?? 'y';
+            const valueAxis = this.valueAxis;
+            const chartValueProp = valueAxis === 'y' ? this.props.y : this.props.x;
             const implicitSeries = [];
             for (const { info } of this._markInfos) {
                 const valueAccessor = valueAxis === 'y' ? info.y : info.x;
@@ -160,6 +161,11 @@ export class ChartState {
                     (typeof valueAccessor === 'string' ? valueAccessor : undefined);
                 if (!key)
                     continue;
+                // Skip if the mark just reuses the chart's own axis accessor and has no
+                // separate data — it's not defining a new series, just using the chart's axis.
+                // Marks with their own data arrays are kept (multi-dataset scenario).
+                if (key === chartValueProp && !info.data)
+                    continue;
                 if (implicitSeries.some((s) => s.key === key))
                     continue;
                 implicitSeries.push({

package/dist/states/chart.svelte.test.js

@@ -195,7 +195,6 @@ describe('ChartState mark registration', () => {
         const { state, cleanup } = createChartState({
             data: [{ date: '2024-01', value: 10 }],
             x: 'date',
-            y: 'value',
         });
         try {
             expect(state.seriesState.isDefaultSeries).toBe(true);
@@ -215,6 +214,22 @@ describe('ChartState mark registration', () => {
             cleanup();
         }
     });
+    it('should not create implicit series when mark accessor matches chart accessor', () => {
+        const { state, cleanup } = createChartState({
+            data: [{ date: '2024-01', value: 10 }],
+            x: 'date',
+            y: 'value',
+        });
+        try {
+            // Mark with same y as chart — not a new series, just using chart's axis
+            state.registerMark({ y: 'value', color: 'red' });
+            flushSync();
+            expect(state.seriesState.isDefaultSeries).toBe(true);
+        }
+        finally {
+            cleanup();
+        }
+    });
     it('should generate implicit series from marks with string y accessors', () => {
         const data = [
             { date: '2024-01', apples: 10, bananas: 15 },

package/package.json

@@ -5,7 +5,7 @@
   "license": "MIT",
   "repository": "techniq/layerchart",
   "homepage": "https://layerchart.com",
-  "version": "2.0.0-next.47",
+  "version": "2.0.0-next.48",
   "devDependencies": {
     "@changesets/cli": "^2.30.0",
     "@sveltejs/adapter-auto": "^7.0.1",