svelteplot 0.4.8-pr-225.0 → 0.4.8-pr-227.1

package/dist/core/Plot.svelte

@@ -30,6 +30,7 @@
     import { computeScales, projectXY } from '../helpers/scales.js';
     import { CHANNEL_SCALE, SCALES } from '../constants.js';
     import { getPlotDefaults, setPlotDefaults } from '../hooks/plotDefaults.js';
+    import { maybeNumber } from '../helpers/index.js';
 
     // automatic margins can be applied by the marks, registered
     // with their respective unique identifier as keys
@@ -214,7 +215,7 @@
     // - for one-dimensional scales using the x scale we set a fixed height
     // - for y band-scales we use the number of items in the y domain
     const height = $derived(
-        plotOptions.height === 'auto'
+        maybeNumber(plotOptions.height) === null || plotOptions.height === 'auto'
             ? Math.round(
                   preScales.projection && preScales.projection.aspectRatio
                       ? ((plotWidth * preScales.projection.aspectRatio) / xFacetCount) *
@@ -242,7 +243,7 @@
               )
             : typeof plotOptions.height === 'function'
               ? plotOptions.height(plotWidth)
-              : plotOptions.height
+              : maybeNumber(plotOptions.height)
     );
 
     const plotHeight = $derived(height - plotOptions.marginTop - plotOptions.marginBottom);

package/dist/helpers/index.d.ts

@@ -9,7 +9,7 @@ export declare function randomId(): string;
 export declare function isSnippet(value: unknown): value is Snippet;
 export declare function isValid(value: RawValue | undefined): value is number | Date | string;
 export declare function isObject<T>(option: object | T): option is object;
-export declare function maybeNumber(value: RawValue | null): number | null;
+export declare function maybeNumber(value: any): number | null;
 export declare const constant: <T>(x: T) => () => T;
 export declare const POSITION_CHANNELS: Set<ChannelName>;
 export declare function parseInset(inset: number | string, width: number): number;

package/dist/helpers/index.js

@@ -31,8 +31,17 @@ export function isObject(option) {
     // doesn't work with Proxies
     return (typeof option === 'object' && !isDate(option) && !Array.isArray(option) && option !== null);
 }
+const NUMERIC = /^[+-]?(\d+(\.\d*)?|\.\d+)([eE][+-]?\d+)?$/;
 export function maybeNumber(value) {
-    return value != null ? +value : null;
+    if (typeof value === 'number' && Number.isFinite(value))
+        return value;
+    if (typeof value === 'string') {
+        // only accept numeric strings
+        if (NUMERIC.test(value.trim())) {
+            return parseFloat(value);
+        }
+    }
+    return null;
 }
 export const constant = (x) => () => x;
 export const POSITION_CHANNELS = new Set(['x', 'x1', 'x2', 'y', 'y1', 'y2']);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.4.8-pr-225.0",
+    "version": "0.4.8-pr-227.1",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",