svelteplot 0.2.6-next.5 → 0.2.6

package/dist/marks/helpers/events.js

@@ -6,7 +6,7 @@ import { INDEX } from '../../constants.js';
  * of the plot frame, regardless of which element triggered the event
  */
 export function clientToLayerCoordinates(event, plotBody) {
-    // If layerX/Y already exist and the target is the plot frame (rect element), 
+    // If layerX/Y already exist and the target is the plot frame (rect element),
     // we can use them directly
     // if (event.layerX !== undefined && (event.target as SVGElement).tagName === 'rect') {
     //     return [event.layerX, event.layerY];
@@ -17,10 +17,7 @@ export function clientToLayerCoordinates(event, plotBody) {
         return [0, 0];
     const plotBodyRect = plotBody.getBoundingClientRect();
     // Calculate the coordinates relative to the plot body
-    return [
-        event.clientX - plotBodyRect.left,
-        event.clientY - plotBodyRect.top
-    ];
+    return [event.clientX - plotBodyRect.left, event.clientY - plotBodyRect.top];
 }
 export function addEventHandlers(node, { options, datum, getPlotState }) {
     const events = pick(options, [
@@ -52,7 +49,7 @@ export function addEventHandlers(node, { options, datum, getPlotState }) {
         'ontouchcancel',
         'ontouchend',
         'ontouchmove',
-        'onwheel',
+        'onwheel'
     ]);
     const listeners = new Map();
     // attach event handlers

package/dist/transforms/recordize.js

@@ -12,7 +12,7 @@ export function recordizeX({ data, ...channels }, { withIndex } = { withIndex: t
             data: data.map((value, index) => ({
                 __value: value,
                 ...(withIndex ? { [INDEX]: index } : {}),
-                [RAW_VALUE]: value,
+                [RAW_VALUE]: value
             })),
             ...channels,
             x: RAW_VALUE,
@@ -33,7 +33,7 @@ export function recordizeY({ data, ...channels }, { withIndex } = { withIndex: t
         return {
             data: Array.from(data).map((value, index) => ({
                 ...(withIndex ? { __index: index } : {}),
-                [RAW_VALUE]: value,
+                [RAW_VALUE]: value
             })),
             ...channels,
             ...(withIndex ? { x: '__index' } : {}),
@@ -80,9 +80,9 @@ export function recordize({ data, ...channels }) {
     if (!isDataRecord(data[0])) {
         return {
             data: data.map((d) => ({
-                [RAW_VALUE]: d,
+                [RAW_VALUE]: d
             })),
-            ...channels,
+            ...channels
         };
     }
     return { data, ...channels };

package/dist/types.d.ts

@@ -488,6 +488,18 @@ export type FacetContext = {
     getTestFacet: () => TestFacetFunction;
     getFacetState: () => FacetState;
 };
+export type LinkableMarkProps = {
+    /**
+     * simple browser tooltip to be displayed on mouseover
+     */
+    title: ConstantAccessor<string>;
+    /**
+     * if set, the mark element will be wrapped in a <a> link
+     * element
+     */
+    href: ConstantAccessor<string>;
+    target: ConstantAccessor<'_self' | '_blank' | string>;
+};
 export type BaseMarkProps = Partial<{
     /**
      * Filter the data without modifying the inferred scales
@@ -544,20 +556,10 @@ export type BaseMarkProps = Partial<{
     ontouchcancel?: MouseEventHandler<SVGPathElement>;
     oncontextmenu?: MouseEventHandler<SVGPathElement>;
     onwheel?: MouseEventHandler<SVGPathElement>;
-    /**
-     * simple browser tooltip to be displayed on mouseover
-     */
-    title: ConstantAccessor<string>;
-    /**
-     * if set, the mark element will be wrapped in a <a> link
-     * element
-     */
-    href: ConstantAccessor<string>;
-    target: ConstantAccessor<'_self' | '_blank' | string>;
     /**
      * if you want to give your mark element an extra CSS class
      */
-    class: string;
+    class: string | null;
     cursor: ConstantAccessor<CSS.Property.Cursor>;
 }>;
 export type BorderRadius = number | {

package/dist/ui/RadioInput.svelte

@@ -18,7 +18,7 @@
     {#if label}
         <label for={randomId}>{label}:</label>
     {/if}
-    {#each options as p}
+    {#each options as p (p)}
         <label>
             <input type="radio" id={randomId} bind:group={value} value={p} />
             {format(p)}

package/dist/ui/Select.svelte

@@ -15,7 +15,7 @@
 <label
     >{label || ''}
     <select bind:value>
-        {#each options as p}
+        {#each options as p (p)}
             <option value={p}>{format(p)}</option>
         {/each}
     </select></label>

package/package.json

@@ -1,124 +1,123 @@
 {
-    "name": "svelteplot",
-    "version": "0.2.6-next.5",
-    "license": "ISC",
-    "author": {
-        "name": "Gregor Aisch",
-        "email": "gka@users.noreply.github.com"
+  "name": "svelteplot",
+  "version": "0.2.6",
+  "license": "ISC",
+  "author": {
+    "name": "Gregor Aisch",
+    "email": "gka@users.noreply.github.com"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
     },
-    "scripts": {
-        "dev": "vite dev",
-        "build": "vite build",
-        "preview": "vite preview",
-        "test": "npm run test:unit",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-        "lint": "prettier --check src && eslint src",
-        "format": "prettier --write .",
-        "test:unit": "vitest",
-        "prepack": "npx svelte-package",
-        "release-next": "npm version prerelease --preid next && npm publish && git push && git push --tags && sleep 1 && npm dist-tag add svelteplot@$(npm view . version) next",
-        "docs": "npm run build && cd build && rsync --recursive . vis4.net:svelteplot/alpha0/"
+    "./*.js": {
+      "import": "./dist/*.js"
     },
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "svelte": "./dist/index.js"
-        },
-        "./*.js": {
-            "import": "./dist/*.js"
-        },
-        "./*.svelte": {
-            "import": "./dist/*.svelte"
-        },
-        "./core/*.svelte": {
-            "import": "./dist/core/*.svelte"
-        },
-        "./marks/*.svelte": {
-            "import": "./dist/marks/*.svelte"
-        },
-        "./transforms": {
-            "import": "./dist/transforms/index.js"
-        }
+    "./*.svelte": {
+      "import": "./dist/*.svelte"
     },
-    "main": "./dist/index.js",
-    "files": [
-        "dist",
-        "!dist/**/*.test.*",
-        "!dist/**/*.spec.*"
-    ],
-    "devDependencies": {
-        "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
-        "@emotion/css": "^11.13.5",
-        "@sveltejs/adapter-auto": "^6.0.1",
-        "@sveltejs/adapter-static": "^3.0.8",
-        "@sveltejs/eslint-config": "^8.2.0",
-        "@sveltejs/kit": "^2.21.0",
-        "@sveltejs/package": "^2.3.11",
-        "@sveltejs/vite-plugin-svelte": "5.0.3",
-        "@sveltepress/theme-default": "^6.0.3",
-        "@sveltepress/twoslash": "^1.2.2",
-        "@sveltepress/vite": "^1.2.2",
-        "@testing-library/svelte": "^5.2.7",
-        "@testing-library/user-event": "^14.6.1",
-        "@types/d3-array": "^3.2.1",
-        "@types/d3-color": "^3.1.3",
-        "@types/d3-dsv": "^3.0.7",
-        "@types/d3-geo": "^3.1.0",
-        "@types/d3-interpolate": "^3.0.4",
-        "@types/d3-path": "^3.1.1",
-        "@types/d3-random": "^3.0.3",
-        "@types/d3-scale": "^4.0.9",
-        "@types/d3-scale-chromatic": "^3.1.0",
-        "@types/d3-shape": "^3.1.7",
-        "@typescript-eslint/eslint-plugin": "^8.32.1",
-        "@typescript-eslint/parser": "^8.32.1",
-        "csstype": "^3.1.3",
-        "d3-dsv": "^3.0.1",
-        "d3-fetch": "^3.0.1",
-        "d3-force": "^3.0.0",
-        "eslint": "^9.26.0",
-        "eslint-config-prettier": "^10.1.5",
-        "eslint-plugin-svelte": "3.7.0",
-        "jsdom": "^26.1.0",
-        "prettier": "^3.5.3",
-        "prettier-plugin-svelte": "^3.4.0",
-        "remark-code-extra": "^1.0.1",
-        "remark-code-frontmatter": "^1.0.0",
-        "resize-observer-polyfill": "^1.5.1",
-        "sass": "^1.89.0",
-        "svelte-check": "^4.2.1",
-        "svelte-eslint-parser": "1.2.0",
-        "svelte-highlight": "^7.8.3",
-        "svg-path-parser": "^1.1.0",
-        "topojson-client": "^3.1.0",
-        "tslib": "^2.8.1",
-        "typedoc": "^0.28.4",
-        "typedoc-plugin-markdown": "^4.6.3",
-        "typescript": "^5.8.3",
-        "vite": "^6.3.5",
-        "vitest": "^3.1.3",
-        "vitest-matchmedia-mock": "^2.0.3"
+    "./core/*.svelte": {
+      "import": "./dist/core/*.svelte"
     },
-    "types": "./dist/index.d.ts",
-    "type": "module",
-    "dependencies": {
-        "d3-array": "^3.2.4",
-        "d3-color": "^3.1.0",
-        "d3-format": "^3.1.0",
-        "d3-geo": "^3.1.1",
-        "d3-interpolate": "^3.0.1",
-        "d3-path": "^3.1.0",
-        "d3-quadtree": "^3.0.1",
-        "d3-random": "^3.0.1",
-        "d3-regression": "^1.3.10",
-        "d3-scale": "^4.0.2",
-        "d3-scale-chromatic": "^3.1.0",
-        "d3-shape": "^3.2.0",
-        "d3-time": "^3.1.0",
-        "es-toolkit": "^1.37.2",
-        "fast-equals": "^5.2.2",
-        "merge-deep": "^3.0.3",
-        "svelte": "5.30.1"
+    "./marks/*.svelte": {
+      "import": "./dist/marks/*.svelte"
+    },
+    "./transforms": {
+      "import": "./dist/transforms/index.js"
     }
-}
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "devDependencies": {
+    "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
+    "@emotion/css": "^11.13.5",
+    "@sveltejs/adapter-auto": "^6.0.1",
+    "@sveltejs/adapter-static": "^3.0.8",
+    "@sveltejs/eslint-config": "^8.2.0",
+    "@sveltejs/kit": "^2.21.1",
+    "@sveltejs/package": "^2.3.11",
+    "@sveltejs/vite-plugin-svelte": "5.0.3",
+    "@sveltepress/theme-default": "^6.0.3",
+    "@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-color": "^3.1.3",
+    "@types/d3-dsv": "^3.0.7",
+    "@types/d3-geo": "^3.1.0",
+    "@types/d3-interpolate": "^3.0.4",
+    "@types/d3-path": "^3.1.1",
+    "@types/d3-random": "^3.0.3",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-scale-chromatic": "^3.1.0",
+    "@types/d3-shape": "^3.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.32.1",
+    "@typescript-eslint/parser": "^8.32.1",
+    "csstype": "^3.1.3",
+    "d3-dsv": "^3.0.1",
+    "d3-fetch": "^3.0.1",
+    "d3-force": "^3.0.0",
+    "eslint": "^9.27.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-svelte": "3.9.0",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.5.3",
+    "prettier-plugin-svelte": "^3.4.0",
+    "remark-code-extra": "^1.0.1",
+    "remark-code-frontmatter": "^1.0.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "sass": "^1.89.0",
+    "svelte-check": "^4.2.1",
+    "svelte-eslint-parser": "1.2.0",
+    "svelte-highlight": "^7.8.3",
+    "svg-path-parser": "^1.1.0",
+    "topojson-client": "^3.1.0",
+    "tslib": "^2.8.1",
+    "typedoc": "^0.28.4",
+    "typedoc-plugin-markdown": "^4.6.3",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.1.4",
+    "vitest-matchmedia-mock": "^2.0.3"
+  },
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "dependencies": {
+    "d3-array": "^3.2.4",
+    "d3-color": "^3.1.0",
+    "d3-format": "^3.1.0",
+    "d3-geo": "^3.1.1",
+    "d3-interpolate": "^3.0.1",
+    "d3-path": "^3.1.0",
+    "d3-quadtree": "^3.0.1",
+    "d3-random": "^3.0.1",
+    "d3-regression": "^1.3.10",
+    "d3-scale": "^4.0.2",
+    "d3-scale-chromatic": "^3.1.0",
+    "d3-shape": "^3.2.0",
+    "d3-time": "^3.1.0",
+    "es-toolkit": "^1.38.0",
+    "fast-equals": "^5.2.2",
+    "merge-deep": "^3.0.3",
+    "svelte": "5.33.2"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "npm run test:unit",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --check src && eslint src",
+    "format": "prettier --write .",
+    "test:unit": "vitest",
+    "release-next": "npm version prerelease --preid next && npm publish && git push && git push --tags && sleep 1 && npm dist-tag add svelteplot@$(npm view . version) next",
+    "docs": "npm run build && cd build && rsync --recursive . vis4.net:svelteplot/alpha0/"
+  }
+}