svelteplot 0.4.8-pr-222.2 → 0.4.8-pr-227.0

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/marks/HTMLTooltip.svelte

@@ -88,31 +88,19 @@
 </script>
 
 <div
-    class={['tooltip', { hide: !datum }]}
+    class={['svelteplot-tooltip', { hide: !datum }]}
     style:left="{tooltipX ? facetOffsetX + projectX('x', plot.scales, tooltipX) : 0}px"
     style:top="{tooltipY ? facetOffsetY + projectY('y', plot.scales, tooltipY) : 0}px">
-    <div class="tooltip-body">
-        {@render children({ datum })}
-    </div>
+    {@render children({ datum })}
 </div>
 
 <style>
-    div.tooltip {
-        background: white;
-        background: var(--svelteplot-tooltip-bg);
-        border: 1px solid #ccc;
-        border-color: var(--svelteplot-tooltip-border);
-        font-size: 12px;
-        padding: 1ex 1em;
-        border-radius: 3px;
-        line-height: 1.2;
-        box-shadow:
-            rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
-            rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+    div.svelteplot-tooltip {
         position: absolute;
         pointer-events: none;
-    }
-    .tooltip.hide {
-        display: none;
+
+        &.hide {
+            display: none;
+        }
     }
 </style>

package/package.json

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