svelteplot 0.4.5-pr-208.6 → 0.4.5-pr-208.7

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/dist/helpers/scales.js

@@ -152,7 +152,11 @@ export function createScale(name, scaleOptions, marks, plotOptions, plotWidth, p
         throw new Error(`Invalid scale type ${type} for scale
             ${name}. Valid types are ${[...VALID_SCALE_TYPES[name]].join(', ')}`);
     }
-    const isOrdinal = type === 'band' || type === 'point' || type === 'ordinal' || type === 'categorical';
+    const isOrdinal = type === 'band' ||
+        type === 'point' ||
+        type === 'ordinal' ||
+        type === 'categorical' ||
+        type === 'threshold';
     if (isOrdinal && sortOrdinalDomain) {
         valueArr.sort(ascending);
     }

package/dist/marks/Text.svelte

@@ -25,6 +25,10 @@
         wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing, Datum>;
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
         textDecoration?: ConstantAccessor<CSS.Property.TextDecoration, Datum>;
+        /**
+         * the horizontal text anchor; start, end, or middle
+         */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
         /**
          * if you want to apply class names to individual text elements
          */

package/dist/marks/Text.svelte.d.ts

@@ -84,6 +84,10 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         wordSpacing?: ConstantAccessor<CSS.Property.WordSpacing<0 | (string & {})>, Datum>;
         textTransform?: ConstantAccessor<CSS.Property.TextTransform, Datum>;
         textDecoration?: ConstantAccessor<CSS.Property.TextDecoration<0 | (string & {})>, Datum>;
+        /**
+         * the horizontal text anchor; start, end, or middle
+         */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
         /**
          * if you want to apply class names to individual text elements
          */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.4.5-pr-208.6",
+    "version": "0.4.5-pr-208.7",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -106,7 +106,7 @@
         "typedoc": "^0.28.13",
         "typedoc-plugin-markdown": "^4.9.0",
         "typescript": "^5.9.3",
-        "vite": "^6.3.5",
+        "vite": "^6.3.6",
         "vitest": "^3.2.4",
         "vitest-matchmedia-mock": "^2.0.3",
         "yoctocolors": "^2.1.2"