layerchart 0.36.4 → 0.37.0

package/dist/docs/PathDataMenuField.svelte

@@ -10,50 +10,50 @@ $: mathOptions = [
     {
         label: 'sin',
         group: 'math',
-        value: (x) => amplitude * Math.sin(x * frequency) + phase
+        value: (x) => amplitude * Math.sin(x * frequency) + phase,
     },
     {
         label: 'cos',
         group: 'math',
-        value: (x) => amplitude * Math.cos(x * frequency) + phase
+        value: (x) => amplitude * Math.cos(x * frequency) + phase,
     },
     {
         label: 'tan',
         group: 'math',
-        value: (x) => amplitude * Math.tan(x * frequency) + phase
+        value: (x) => amplitude * Math.tan(x * frequency) + phase,
     },
     {
         label: 'sqrt',
         group: 'math',
-        value: (x) => amplitude * Math.sqrt(x * frequency) + phase
+        value: (x) => amplitude * Math.sqrt(x * frequency) + phase,
     },
     {
         label: 'ceil',
         group: 'math',
-        value: (x) => amplitude * Math.ceil(x * frequency) + phase
+        value: (x) => amplitude * Math.ceil(x * frequency) + phase,
     },
     {
         label: 'floor',
         group: 'math',
-        value: (x) => amplitude * Math.floor(x * frequency) + phase
+        value: (x) => amplitude * Math.floor(x * frequency) + phase,
     },
     {
         label: 'round',
         group: 'math',
-        value: (x) => amplitude * Math.round(x * frequency) + phase
+        value: (x) => amplitude * Math.round(x * frequency) + phase,
     },
     { label: 'random', group: 'math', value: (x) => amplitude * Math.random() + phase },
     {
         label: 'pow',
         group: 'math',
-        value: (x) => amplitude * Math.pow(x, frequency) + phase
-    }
+        value: (x) => amplitude * Math.pow(x, frequency) + phase,
+    },
 ];
 const easingOptions = Object.entries(easings).map(([key, value]) => {
     return {
         label: key,
         value,
-        group: 'easing'
+        group: 'easing',
     };
 });
 $: options = [...mathOptions, ...easingOptions];

package/dist/docs/TransformControls.svelte

@@ -1,8 +1,9 @@
 <script>import { Button, Tooltip, cls } from 'svelte-ux';
 import { mdiArrowULeftTop, mdiMagnifyPlusOutline, mdiMagnifyMinusOutline, mdiImageFilterCenterFocus, } from '@mdi/js';
-export let transform;
+import { transformContext } from '../components/TransformContext.svelte';
 export let placement = 'top-right';
 export let orientation = 'vertical';
+const transform = transformContext();
 </script>
 
 <div
@@ -19,7 +20,8 @@ export let orientation = 'vertical';
       'bottom-left': 'absolute bottom-0 left-0',
       bottom: 'absolute bottom-0 left-1/2 -translate-x-1/2',
       'bottom-right': 'absolute bottom-0 right-0',
-    }[placement]
+    }[placement],
+    $$props.class
   )}
 >
   <Tooltip title="Zoom in">

package/dist/docs/TransformControls.svelte.d.ts

@@ -1,8 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
-import type Transform from '../components/Transform.svelte';
 declare const __propDef: {
     props: {
-        transform: Transform;
+        [x: string]: any;
         placement?: ("center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right") | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
     };

package/dist/docs/TransformDebug.svelte

@@ -0,0 +1,21 @@
+<script>import { format, cls } from 'svelte-ux';
+import { transformContext } from '../components/TransformContext.svelte';
+const transform = transformContext();
+const { translate, scale } = transform;
+</script>
+
+<div class={cls('bg-surface-300/50 rounded m-1 backdrop-blur p-2 tabular-nums', $$props.class)}>
+  <div class="grid gap-2 text-xs">
+    <div><span class="opacity-50">scale:</span> {format($scale, 'decimal')}</div>
+
+    <div>
+      <span class="opacity-50">translate:</span>
+      <div class="text-right">{format($translate.x, 'decimal')}</div>
+      <div class="text-right">{format($translate.y, 'decimal')}</div>
+
+      <span class="opacity-50">delta:</span>
+      <div class="text-right">{format($translate.deltaX, 'decimal')}</div>
+      <div class="text-right">{format($translate.deltaY, 'decimal')}</div>
+    </div>
+  </div>
+</div>

package/dist/docs/TransformDebug.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TransformDebugProps = typeof __propDef.props;
+export type TransformDebugEvents = typeof __propDef.events;
+export type TransformDebugSlots = typeof __propDef.slots;
+export default class TransformDebug extends SvelteComponentTyped<TransformDebugProps, TransformDebugEvents, TransformDebugSlots> {
+}
+export {};

package/dist/utils/event.d.ts

@@ -1,4 +1,4 @@
-export declare function localPoint(node: Element, event: MouseEvent | TouchEvent): {
+export declare function localPoint(node: Element, event: MouseEvent | TouchEvent | PointerEvent): {
     x: number;
     y: number;
 } | null;

package/package.json

@@ -4,22 +4,22 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.36.4",
+  "version": "0.37.0",
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@mdi/js": "^7.4.47",
     "@rollup/plugin-dsv": "^3.0.4",
-    "@sveltejs/adapter-auto": "^3.1.1",
-    "@sveltejs/kit": "^2.5.3",
-    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/adapter-auto": "^3.2.0",
+    "@sveltejs/kit": "^2.5.8",
+    "@sveltejs/package": "^2.3.1",
     "@svitejs/changesets-changelog-github-compact": "^1.1.0",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.13",
     "@types/d3-array": "^3.2.1",
     "@types/d3-delaunay": "^6.0.4",
     "@types/d3-dsv": "^3.0.7",
     "@types/d3-force": "^3.0.9",
     "@types/d3-geo": "^3.1.0",
-    "@types/d3-hierarchy": "^3.1.6",
+    "@types/d3-hierarchy": "^3.1.7",
     "@types/d3-interpolate": "^3.0.4",
     "@types/d3-interpolate-path": "^2.0.3",
     "@types/d3-quadtree": "^3.0.6",
@@ -30,40 +30,39 @@
     "@types/d3-shape": "^3.1.6",
     "@types/d3-time": "^3.0.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/prismjs": "^1.26.3",
+    "@types/prismjs": "^1.26.4",
     "@types/shapefile": "^0.6.4",
     "@types/topojson-client": "^3.1.4",
     "@types/topojson-simplify": "^3.0.3",
-    "autoprefixer": "^10.4.18",
-    "execa": "^8.0.1",
-    "marked": "^12.0.1",
+    "autoprefixer": "^10.4.19",
+    "marked": "^12.0.2",
     "mdsvex": "^0.11.0",
     "posthog-js": "^1.95.1",
     "prettier": "^3.2.5",
-    "prettier-plugin-svelte": "^3.2.2",
+    "prettier-plugin-svelte": "^3.2.3",
     "prism-svelte": "^0.5.0",
     "prism-themes": "^1.9.0",
     "prismjs": "^1.29.0",
     "rehype-slug": "^6.0.0",
     "shapefile": "^0.6.6",
     "solar-calculator": "^0.3.0",
-    "svelte": "^4.2.12",
-    "svelte-check": "^3.6.7",
+    "svelte": "^4.2.17",
+    "svelte-check": "^3.7.1",
     "svelte-json-tree": "^2.2.0",
-    "svelte-preprocess": "^5.1.3",
-    "svelte2tsx": "^0.7.4",
-    "tailwindcss": "^3.4.1",
+    "svelte-preprocess": "^5.1.4",
+    "svelte2tsx": "^0.7.8",
+    "tailwindcss": "^3.4.3",
     "topojson-client": "^3.1.0",
     "topojson-simplify": "^3.0.3",
     "tslib": "^2.6.2",
-    "typescript": "^5.4.2",
+    "typescript": "^5.4.5",
     "unist-util-visit": "^5.0.0",
     "us-atlas": "^3.0.1",
-    "vite": "^5.1.6"
+    "vite": "^5.2.11"
   },
   "type": "module",
   "dependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "d3-array": "^3.2.4",
     "d3-color": "^3.1.0",
     "d3-delaunay": "^6.0.4",
@@ -84,11 +83,11 @@
     "d3-tile": "^1.0.0",
     "d3-time": "^3.1.0",
     "date-fns": "^3.6.0",
-    "layercake": "^8.1.1",
+    "layercake": "^8.1.4",
     "lodash-es": "^4.17.21",
-    "posthog-js": "^1.116.0",
+    "posthog-js": "^1.131.4",
     "shapefile": "^0.6.6",
-    "svelte-ux": "^0.62.0",
+    "svelte-ux": "^0.63.2",
     "topojson-client": "^3.1.0"
   },
   "peerDependencies": {
@@ -116,7 +115,7 @@
     "package": "svelte-package",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. .",
-    "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
+    "lint": "prettier --check .",
+    "format": "prettier --write ."
   }
 }

package/dist/components/Transform.svelte.d.ts

@@ -1,76 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { motionStore } from '../stores/motionStore.js';
-declare const __propDef: {
-    props: {
-        mode?: "svg" | "manual" | undefined;
-        translateOnScale?: boolean | undefined;
-        spring?: boolean | Parameters<typeof motionStore>[1]['spring'];
-        tweened?: boolean | Parameters<typeof motionStore>[1]['tweened'];
-        disablePointer?: boolean | undefined;
-        scroll?: "none" | "scale" | "translate" | undefined;
-        clickDistance?: number | undefined;
-        initialTranslate?: {
-            x: number;
-            y: number;
-        } | undefined;
-        initialScale?: number | undefined;
-        reset?: (() => void) | undefined;
-        zoomIn?: (() => void) | undefined;
-        zoomOut?: (() => void) | undefined;
-        translateCenter?: (() => void) | undefined;
-        zoomTo?: ((center: {
-            x: number;
-            y: number;
-        }, rect?: {
-            width: number;
-            height: number;
-        } | undefined) => void) | undefined;
-    };
-    events: {
-        click: MouseEvent;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-        dragstart: CustomEvent<null>;
-        dragend: CustomEvent<null>;
-        transform: CustomEvent<{
-            scale: number;
-            translate: {
-                x: number;
-                y: number;
-            };
-        }>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            scale: any;
-            zoomTo: (center: {
-                x: number;
-                y: number;
-            }, rect?: {
-                width: number;
-                height: number;
-            } | undefined) => void;
-            reset: () => void;
-        };
-    };
-};
-export type TransformProps = typeof __propDef.props;
-export type TransformEvents = typeof __propDef.events;
-export type TransformSlots = typeof __propDef.slots;
-export default class Transform extends SvelteComponentTyped<TransformProps, TransformEvents, TransformSlots> {
-    get reset(): () => void;
-    get zoomIn(): () => void;
-    get zoomOut(): () => void;
-    get translateCenter(): () => void;
-    get zoomTo(): (center: {
-        x: number;
-        y: number;
-    }, rect?: {
-        width: number;
-        height: number;
-    } | undefined) => void;
-}
-export {};