svelteplot 0.4.5-pr-208.4 → 0.4.5-pr-208.5

package/dist/types/plot.d.ts

@@ -50,9 +50,15 @@ export type PlotContext = {
     updateDimensions: (width: number, height: number) => void;
 };
 type IgnoreDefaults = 'data' | 'facet' | ChannelName | 'title' | 'automatic' | 'children';
+export type PlotMargin = {
+    top?: number | 'auto';
+    right?: number | 'auto';
+    bottom?: number | 'auto';
+    left?: number | 'auto';
+};
 /**
  * these are the default options for the plot marks that can be set using
- * the 'svelteplot/defaults' context.
+ * the setPlotDefaults hook
  */
 export type PlotDefaults = {
     /**
@@ -63,6 +69,10 @@ export type PlotDefaults = {
      * default plot inset
      */
     inset: number;
+    /**
+     * default plot margin
+     */
+    margin: 'auto' | number | PlotMargin;
     /**
      * default color scheme
      */
@@ -314,14 +324,11 @@ export type PlotOptions = {
      */
     height: 'auto' | number | ((d: number) => number);
     /**
-     * Convenience option for setting all four margins at once, in px.
+     * If margin is set to "auto" (the default), the plot will automatically
+     * compute appropriate margins based on the presence of axes, labels, and
+     * the overall plot size. You can also set a fixed margin value in px.
      */
-    margin: number | {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    };
+    margin: PlotMargin | number | 'auto';
     /**
      * Left margin of the plot, in px.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.4.5-pr-208.4",
+    "version": "0.4.5-pr-208.5",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -54,18 +54,18 @@
     "devDependencies": {
         "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
         "@emotion/css": "^11.13.5",
-        "@sveltejs/adapter-auto": "^6.1.0",
-        "@sveltejs/adapter-static": "^3.0.9",
+        "@sveltejs/adapter-auto": "^6.1.1",
+        "@sveltejs/adapter-static": "^3.0.10",
         "@sveltejs/eslint-config": "^8.3.4",
-        "@sveltejs/kit": "^2.37.0",
-        "@sveltejs/package": "^2.5.0",
+        "@sveltejs/kit": "^2.44.0",
+        "@sveltejs/package": "^2.5.4",
         "@sveltejs/vite-plugin-svelte": "5.1.1",
         "@sveltepress/theme-default": "^6.0.4",
         "@sveltepress/twoslash": "^1.2.2",
         "@sveltepress/vite": "^1.2.2",
         "@testing-library/svelte": "^5.2.8",
         "@testing-library/user-event": "^14.6.1",
-        "@types/d3-array": "^3.2.1",
+        "@types/d3-array": "^3.2.2",
         "@types/d3-color": "^3.1.3",
         "@types/d3-dsv": "^3.0.7",
         "@types/d3-geo": "^3.1.0",
@@ -79,33 +79,33 @@
         "@types/geojson": "^7946.0.16",
         "@types/topojson": "^3.2.6",
         "@types/topojson-client": "^3.1.5",
-        "@typescript-eslint/eslint-plugin": "^8.42.0",
-        "@typescript-eslint/parser": "^8.42.0",
+        "@typescript-eslint/eslint-plugin": "^8.45.0",
+        "@typescript-eslint/parser": "^8.45.0",
         "csstype": "^3.1.3",
         "d3-dsv": "^3.0.1",
         "d3-fetch": "^3.0.1",
         "d3-force": "^3.0.0",
-        "eslint": "^9.34.0",
+        "eslint": "^9.37.0",
         "eslint-config-prettier": "^10.1.8",
-        "eslint-plugin-svelte": "3.12.1",
+        "eslint-plugin-svelte": "3.12.4",
         "jsdom": "^26.1.0",
         "prettier": "^3.6.2",
         "prettier-plugin-svelte": "^3.4.0",
-        "puppeteer": "^24.19.0",
+        "puppeteer": "^24.23.0",
         "remark-code-extra": "^1.0.1",
         "remark-code-frontmatter": "^1.0.0",
         "resize-observer-polyfill": "^1.5.1",
-        "sass": "^1.92.0",
-        "svelte-check": "^4.3.1",
-        "svelte-eslint-parser": "1.3.1",
+        "sass": "^1.93.2",
+        "svelte-check": "^4.3.2",
+        "svelte-eslint-parser": "1.3.3",
         "svelte-highlight": "^7.8.4",
         "svg-path-parser": "^1.1.0",
         "topojson-client": "^3.1.0",
         "ts-essentials": "^10.1.1",
         "tslib": "^2.8.1",
-        "typedoc": "^0.28.12",
-        "typedoc-plugin-markdown": "^4.8.1",
-        "typescript": "^5.9.2",
+        "typedoc": "^0.28.13",
+        "typedoc-plugin-markdown": "^4.9.0",
+        "typescript": "^5.9.3",
         "vite": "^6.3.5",
         "vitest": "^3.2.4",
         "vitest-matchmedia-mock": "^2.0.3",
@@ -127,9 +127,9 @@
         "d3-shape": "^3.2.0",
         "d3-time": "^3.1.0",
         "es-toolkit": "^1.39.10",
-        "fast-equals": "^5.2.2",
+        "fast-equals": "^5.3.2",
         "interval-tree-1d": "^1.0.4",
         "merge-deep": "^3.0.3",
-        "svelte": "5.38.7"
+        "svelte": "5.39.8"
     }
 }

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

@@ -1,102 +0,0 @@
-import { renameChannels } from '../transforms/rename.js';
-import type { ChannelAccessor, DataRow } from '../types/index.js';
-declare class __sveltets_Render<Datum extends DataRow> {
-    props(): Omit<Partial<{
-        filter: import("../types/index.js").ConstantAccessor<boolean, Record<string | symbol, import("../types/data").RawValue>>;
-        facet: "auto" | "include" | "exclude";
-        fx: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fy: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        dx: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        dy: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        dodgeX: renameChannels;
-        dodgeY: renameChannels;
-        fill: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        sort: {
-            channel: string;
-            order?: "ascending" | "descending";
-        } | ((a: import("../types/data").RawValue, b: import("../types/data").RawValue) => number) | import("../types/index.js").ConstantAccessor<import("../types/data").RawValue, Record<string | symbol, import("../types/data").RawValue>>;
-        stroke: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        strokeWidth: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeLinejoin: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeLinecap: import("../types/index.js").ConstantAccessor<import("csstype").Property.StrokeLinecap, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeMiterlimit: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        opacity: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        strokeDasharray: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-        strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
-        mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
-        clipPath: string;
-        imageFilter: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-        shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data").RawValue>>;
-        paintOrder: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
-        onclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondblclick: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousedown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmousemove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onmouseover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointercancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerdown: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerup: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointermove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onpointerout: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrag: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondrop: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragenter: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragleave: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragover: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ondragend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchstart: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchmove: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchend: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        ontouchcancel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        oncontextmenu: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        onwheel: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string;
-        style: string;
-        cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
-    }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
-        data: Record<string | symbol, import("../types/data").RawValue>[];
-        x1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        x2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y1?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        y2?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        z?: ChannelAccessor<Record<string | symbol, import("../types/data").RawValue>>;
-        curve?: import("../types/index.js").CurveName | import("d3-shape").CurveFactory;
-        tension?: number;
-        sort?: import("../types/index.js").ConstantAccessor<import("../types/data").RawValue> | {
-            channel: "stroke" | "fill";
-        };
-        stack?: Partial<renameChannels>;
-        canvas?: boolean;
-    }, "x1" | "x2"> & {
-        x?: ChannelAccessor<Datum>;
-        y?: ChannelAccessor<Datum>;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <Datum extends DataRow>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
-    } & ReturnType<__sveltets_Render<Datum>['exports']>;
-    <Datum extends DataRow>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-/**
- * Creates a vertical area chart with y value and baseline. Areas are implicitly
- * stacked vertically if just the y channel is defined.
- */
-declare const AreaY: $$IsomorphicComponent;
-type AreaY<Datum extends DataRow> = InstanceType<typeof AreaY<Datum>>;
-export default AreaY;