layerchart 2.0.0-next.1 → 2.0.0-next.2

package/package.json

@@ -4,18 +4,19 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.2",
   "devDependencies": {
-    "@changesets/cli": "^2.28.1",
+    "@changesets/cli": "^2.29.2",
     "@mdi/js": "^7.4.47",
     "@rollup/plugin-dsv": "^3.0.5",
     "@sveltejs/adapter-cloudflare": "^4.9.0",
-    "@sveltejs/kit": "^2.19.0",
-    "@sveltejs/package": "^2.3.10",
+    "@sveltejs/kit": "^2.20.8",
+    "@sveltejs/package": "^2.3.11",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.0.14",
+    "@tailwindcss/vite": "^4.1.5",
+    "@types/d3": "^7.4.3",
     "@types/d3-array": "^3.2.1",
     "@types/d3-color": "^3.1.3",
     "@types/d3-delaunay": "^6.0.4",
@@ -39,9 +40,9 @@
     "@types/topojson-client": "^3.1.5",
     "@types/topojson-simplify": "^3.0.3",
     "@types/topojson-specification": "^1.0.5",
-    "marked": "^15.0.7",
-    "mdsvex": "^0.12.3",
-    "posthog-js": "^1.230.4",
+    "marked": "^15.0.11",
+    "mdsvex": "0.12.3",
+    "posthog-js": "^1.239.0",
     "prettier": "^3.5.3",
     "prettier-plugin-svelte": "^3.3.3",
     "prism-svelte": "^0.5.0",
@@ -50,25 +51,26 @@
     "rehype-slug": "^6.0.0",
     "shapefile": "^0.6.6",
     "solar-calculator": "^0.3.0",
-    "svelte": "5.23.0",
-    "svelte-check": "^4.1.5",
+    "svelte": "5.28.2",
+    "svelte-check": "^4.1.6",
     "svelte-json-tree": "^2.2.0",
     "svelte-ux": "2.0.0-next.2",
-    "svelte2tsx": "^0.7.35",
-    "tailwindcss": "^4.0.14",
+    "svelte2tsx": "^0.7.36",
+    "tailwindcss": "^4.1.5",
     "topojson-client": "^3.1.0",
     "topojson-simplify": "^3.0.3",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
+    "typescript": "^5.8.3",
     "unist-util-visit": "^5.0.0",
     "us-atlas": "^3.0.1",
-    "vite": "^6.2.1",
-    "vitest": "^3.0.8"
+    "vite": "^6.3.4",
+    "vitest": "^3.1.2"
   },
   "type": "module",
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",
     "@layerstack/svelte-actions": "1.0.1-next.0",
+    "@layerstack/svelte-state": "0.1.0-next.1",
     "@layerstack/svelte-stores": "1.0.2-next.0",
     "@layerstack/tailwind": "2.0.0-next.2",
     "@layerstack/utils": "1.1.0-next.0",
@@ -92,11 +94,11 @@
     "d3-tile": "^1.0.0",
     "d3-time": "^3.1.0",
     "date-fns": "^4.1.0",
-    "layercake": "^8.4.2",
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.21",
+    "runed": "^0.26.0"
   },
   "peerDependencies": {
-    "svelte": "^3.56.0 || ^4.0.0 || ^5.0.0"
+    "svelte": "^5.0.0"
   },
   "main": "./dist/index.js",
   "exports": {
@@ -116,7 +118,7 @@
   ],
   "svelte": "./dist/index.js",
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite dev --port 3002",
     "build": "vite build",
     "preview": "vite preview",
     "package": "svelte-package",

package/dist/components/ChartContext.svelte

@@ -1,295 +0,0 @@
-<!-- Wrapper to allow getting LayerCake context from <Chart> and exposing with a strongly type context getter -->
-<script lang="ts" context="module">
-  import { createScale, type AnyScale } from '../utils/scales.js';
-
-  import type { HierarchyNode } from 'd3-hierarchy';
-  import { getContext, onMount, setContext } from 'svelte';
-  import { derived, writable, type Readable } from 'svelte/store';
-
-  export const chartContextKey = Symbol();
-
-  type LayerCakeContext<TData> = {
-    activeGetters: Readable<{
-      x: (d: TData) => any;
-      y: (d: TData) => any;
-      z: (d: TData) => any;
-      r: (d: TData) => any;
-    }>;
-    width: Readable<number>;
-    height: Readable<number>;
-    percentRange: Readable<boolean>;
-    aspectRatio: Readable<number>;
-    containerWidth: Readable<number>;
-    containerHeight: Readable<number>;
-    x: Readable<(d: TData) => any>;
-    y: Readable<(d: TData) => any>;
-    z: Readable<(d: TData) => any>;
-    r: Readable<(d: TData) => any>;
-    x1: Readable<(d: TData) => any>;
-    y1: Readable<(d: TData) => any>;
-    c: Readable<(d: TData) => any>;
-    custom: Readable<Object>;
-    data: Readable<TData[] | HierarchyNode<TData> | SankeyGraph<any, any>>;
-    xNice: Readable<number | boolean>;
-    yNice: Readable<number | boolean>;
-    zNice: Readable<number | boolean>;
-    rNice: Readable<number | boolean>;
-    xDomainSort: Readable<boolean>;
-    yDomainSort: Readable<boolean>;
-    zDomainSort: Readable<boolean>;
-    rDomainSort: Readable<boolean>;
-    xReverse: Readable<boolean>;
-    yReverse: Readable<boolean>;
-    zReverse: Readable<boolean>;
-    rReverse: Readable<boolean>;
-    xPadding: Readable<[number, number]>;
-    yPadding: Readable<[number, number]>;
-    zPadding: Readable<[number, number]>;
-    rPadding: Readable<[number, number]>;
-    padding: Readable<{
-      top: number;
-      bottom: number;
-      left: number;
-      right: number;
-    }>;
-    flatData: Readable<TData[]>;
-    extents: Readable<{}>;
-    xDomain: Readable<any>;
-    yDomain: Readable<any>;
-    zDomain: Readable<any>;
-    rDomain: Readable<any>;
-    x1Domain: Readable<any>;
-    y1Domain: Readable<any>;
-    cDomain: Readable<any>;
-    xRange: Readable<any>;
-    yRange: Readable<any>;
-    zRange: Readable<any>;
-    rRange: Readable<any>;
-    x1Range: Readable<any>;
-    y1Range: Readable<any>;
-    cRange: Readable<any>;
-    config: Readable<any>;
-    xScale: Readable<AnyScale>;
-    xGet: Readable<any>;
-    yScale: Readable<AnyScale>;
-    yGet: Readable<any>;
-    zScale: Readable<AnyScale>;
-    zGet: Readable<any>;
-    rScale: Readable<AnyScale>;
-    rGet: Readable<any>;
-    x1Scale: Readable<AnyScale | null>;
-    x1Get: Readable<any>;
-    y1Scale: Readable<AnyScale | null>;
-    y1Get: Readable<any>;
-    cScale: Readable<AnyScale | null>;
-    cGet: Readable<any>;
-  };
-
-  export type ChartEvents = {
-    resize: ChartResizeDetail;
-  };
-
-  export type ChartResizeDetail = {
-    width: number;
-    height: number;
-    containerWidth: number;
-    containerHeight: number;
-  };
-
-  export type ChartContext<TData> = LayerCakeContext<TData> & {
-    // Additional context values
-    radial: Readable<boolean>;
-  };
-
-  export function chartContext<TData = any>() {
-    return getContext<ChartContext<TData>>(chartContextKey);
-  }
-
-  function setChartContext<TData = any>(context: ChartContext<TData>) {
-    setContext(chartContextKey, context);
-  }
-</script>
-
-<script lang="ts" generics="TData">
-  import { unique } from '@layerstack/utils';
-
-  import { scaleOrdinal } from 'd3-scale';
-
-  import { extent } from 'd3-array';
-
-  import type { SankeyGraph } from 'd3-sankey';
-
-  import type Chart from './Chart.svelte';
-  import { accessor, chartDataArray } from '../utils/common.js';
-
-  // type ChartProps = ComponentProps<Chart<TData>>;
-  // TODO: Handle recursive types (ChartContext => Chart -> ChartContext)
-  type ChartProps = any;
-
-  export let x1: ChartProps['x1'] = undefined;
-  export let x1Scale: ChartProps['x1Scale'] = undefined;
-  export let x1Domain: ChartProps['x1Domain'] = undefined;
-  export let x1Range: ChartProps['x1Range'] = undefined;
-
-  export let y1: ChartProps['y1'] = undefined;
-  export let y1Scale: ChartProps['y1Scale'] = undefined;
-  export let y1Domain: ChartProps['y1Domain'] = undefined;
-  export let y1Range: ChartProps['y1Range'] = undefined;
-
-  export let c: ChartProps['c'] = undefined;
-  export let cScale: ChartProps['cScale'] = undefined;
-  export let cDomain: ChartProps['cDomain'] = undefined;
-  export let cRange: ChartProps['cRange'] = undefined;
-
-  const layerCakeContext = getContext<LayerCakeContext<TData>>('LayerCake');
-  const {
-    data: contextData,
-    width,
-    height,
-    containerWidth,
-    containerHeight,
-    xScale,
-    yScale,
-  } = layerCakeContext;
-
-  /* --------------------------------------------
-   * Make store versions of each parameter
-   * Prefix these with `_` to keep things organized
-   */
-  const _x1 = writable(accessor(x1));
-  const _x1Scale = writable<AnyScale | null>(null);
-  const _x1Domain = writable<ChartProps['x1Domain']>(x1Domain);
-  const _x1Range = writable<ChartProps['x1Range']>(x1Range);
-  const _x1Get = writable<Function>();
-
-  $: $_x1 = accessor(x1);
-  $: $_x1Domain = x1Domain ?? extent(chartDataArray($contextData), $_x1);
-  $: $_x1Scale =
-    x1Scale && x1Range
-      ? createScale(x1Scale, $_x1Domain, x1Range, { xScale: $xScale, $width, $height })
-      : null;
-  $: $_x1Range = x1Range;
-  $: $_x1Get = (d: any) => $_x1Scale?.($_x1(d));
-
-  const _y1 = writable(accessor(y1));
-  const _y1Scale = writable<AnyScale | null>(null);
-  const _y1Domain = writable<ChartProps['y1Domain']>(y1Domain);
-  const _y1Range = writable<ChartProps['y1Range']>(y1Range);
-  const _y1Get = writable<Function>();
-
-  $: $_y1 = accessor(y1);
-  $: $_y1Domain = y1Domain ?? extent(chartDataArray($contextData), $_y1);
-  $: $_y1Range = y1Range;
-  $: $_y1Scale =
-    y1Scale && y1Range
-      ? createScale(y1Scale, $_y1Domain, y1Range, { yScale: $yScale, $width, $height })
-      : null;
-  $: $_y1Get = (d: any) => $_y1Scale?.($_y1(d));
-
-  const _c = writable(accessor(c));
-  const _cScale = writable<AnyScale | null>(scaleOrdinal());
-  const _cDomain = writable<ChartProps['cDomain']>(cDomain);
-  const _cRange = writable<ChartProps['cRange']>(cRange);
-  const _cGet = writable<Function>();
-
-  $: $_c = accessor(c);
-  $: $_cDomain = cDomain ?? unique(chartDataArray($contextData).map($_c));
-  $: $_cRange = cRange;
-  $: $_cScale = cRange
-    ? createScale(cScale ?? scaleOrdinal(), $_cDomain, cRange, { $width, $height })
-    : null;
-  $: $_cGet = (d: any) => $_cScale?.($_c(d));
-
-  /** Use radial instead of cartesian coordinates, mapping `x` to `angle` and `y`` to radial.  Radial lines are positioned relative to the origin, use transform (ex. `<Group center>`) to change the origin */
-  export let radial = false;
-  const _radial = writable(radial);
-  $: $_radial = radial;
-
-  $: addtConfig = {
-    ...(x1 && { x1 }),
-    ...(x1Domain && { x1Domain }),
-    ...(x1Range && { x1Range }),
-    ...(x1Scale && { x1Scale }),
-
-    ...(y1 && { y1 }),
-    ...(y1Domain && { y1Domain }),
-    ...(y1Range && { y1Range }),
-    ...(y1Scale && { y1Scale }),
-
-    ...(c && { c }),
-    ...(cDomain && { cDomain }),
-    ...(cRange && { cRange }),
-    ...(cScale && { cScale }),
-  };
-  const _addtConfig = writable(addtConfig);
-  $: $_addtConfig = addtConfig;
-
-  const config = derived([layerCakeContext.config, _addtConfig], ([$config, $addtConfig]) => {
-    return {
-      ...$config,
-      ...$addtConfig,
-    };
-  });
-
-  const chartContext = {
-    ...layerCakeContext,
-
-    x1: _x1,
-    x1Domain: _x1Domain,
-    x1Range: _x1Range,
-    x1Scale: _x1Scale,
-    x1Get: _x1Get,
-
-    y1: _y1,
-    y1Domain: _y1Domain,
-    y1Range: _y1Range,
-    y1Scale: _y1Scale,
-    y1Get: _y1Get,
-
-    c: _c,
-    cDomain: _cDomain,
-    cRange: _cRange,
-    cScale: _cScale,
-    cGet: _cGet,
-
-    config,
-
-    radial: _radial,
-  };
-  setChartContext(chartContext);
-
-  export let onresize: ((e: ChartResizeDetail) => void) | undefined = undefined;
-
-  $: if (isMounted) {
-    onresize?.({
-      width: $width,
-      height: $height,
-      containerWidth: $containerWidth,
-      containerHeight: $containerHeight,
-    });
-  }
-
-  // Track when mounted since LayerCake initializes width/height with `100` until bound `clientWidth`/`clientWidth` can run
-  let isMounted = false;
-  onMount(() => {
-    isMounted = true;
-  });
-
-  // Added to try to pass TData downward
-  export let data: TData[] | HierarchyNode<TData> | SankeyGraph<any, any> = []; // Same as `ComponentProps<Chart<TData>>` but causes circular reference
-</script>
-
-<slot
-  {data}
-  flatData={chartContext.data}
-  config={$config}
-  x1={$_x1}
-  x1Scale={$_x1Scale}
-  x1Get={$_x1Get}
-  y1={$_y1}
-  y1Scale={$_y1Scale}
-  y1Get={$_y1Get}
-  c={$_c}
-  cScale={$_cScale}
-  cGet={$_cGet}
-/>

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

@@ -1,139 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type AnyScale } from '../utils/scales.js';
-import type { HierarchyNode } from 'd3-hierarchy';
-import { type Readable } from 'svelte/store';
-export declare const chartContextKey: unique symbol;
-type LayerCakeContext<TData> = {
-    activeGetters: Readable<{
-        x: (d: TData) => any;
-        y: (d: TData) => any;
-        z: (d: TData) => any;
-        r: (d: TData) => any;
-    }>;
-    width: Readable<number>;
-    height: Readable<number>;
-    percentRange: Readable<boolean>;
-    aspectRatio: Readable<number>;
-    containerWidth: Readable<number>;
-    containerHeight: Readable<number>;
-    x: Readable<(d: TData) => any>;
-    y: Readable<(d: TData) => any>;
-    z: Readable<(d: TData) => any>;
-    r: Readable<(d: TData) => any>;
-    x1: Readable<(d: TData) => any>;
-    y1: Readable<(d: TData) => any>;
-    c: Readable<(d: TData) => any>;
-    custom: Readable<Object>;
-    data: Readable<TData[] | HierarchyNode<TData> | SankeyGraph<any, any>>;
-    xNice: Readable<number | boolean>;
-    yNice: Readable<number | boolean>;
-    zNice: Readable<number | boolean>;
-    rNice: Readable<number | boolean>;
-    xDomainSort: Readable<boolean>;
-    yDomainSort: Readable<boolean>;
-    zDomainSort: Readable<boolean>;
-    rDomainSort: Readable<boolean>;
-    xReverse: Readable<boolean>;
-    yReverse: Readable<boolean>;
-    zReverse: Readable<boolean>;
-    rReverse: Readable<boolean>;
-    xPadding: Readable<[number, number]>;
-    yPadding: Readable<[number, number]>;
-    zPadding: Readable<[number, number]>;
-    rPadding: Readable<[number, number]>;
-    padding: Readable<{
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    }>;
-    flatData: Readable<TData[]>;
-    extents: Readable<{}>;
-    xDomain: Readable<any>;
-    yDomain: Readable<any>;
-    zDomain: Readable<any>;
-    rDomain: Readable<any>;
-    x1Domain: Readable<any>;
-    y1Domain: Readable<any>;
-    cDomain: Readable<any>;
-    xRange: Readable<any>;
-    yRange: Readable<any>;
-    zRange: Readable<any>;
-    rRange: Readable<any>;
-    x1Range: Readable<any>;
-    y1Range: Readable<any>;
-    cRange: Readable<any>;
-    config: Readable<any>;
-    xScale: Readable<AnyScale>;
-    xGet: Readable<any>;
-    yScale: Readable<AnyScale>;
-    yGet: Readable<any>;
-    zScale: Readable<AnyScale>;
-    zGet: Readable<any>;
-    rScale: Readable<AnyScale>;
-    rGet: Readable<any>;
-    x1Scale: Readable<AnyScale | null>;
-    x1Get: Readable<any>;
-    y1Scale: Readable<AnyScale | null>;
-    y1Get: Readable<any>;
-    cScale: Readable<AnyScale | null>;
-    cGet: Readable<any>;
-};
-export type ChartEvents = {
-    resize: ChartResizeDetail;
-};
-export type ChartResizeDetail = {
-    width: number;
-    height: number;
-    containerWidth: number;
-    containerHeight: number;
-};
-export type ChartContext<TData> = LayerCakeContext<TData> & {
-    radial: Readable<boolean>;
-};
-export declare function chartContext<TData = any>(): ChartContext<TData>;
-import type { SankeyGraph } from 'd3-sankey';
-declare class __sveltets_Render<TData> {
-    props(): {
-        x1?: any;
-        x1Scale?: any;
-        x1Domain?: any;
-        x1Range?: any;
-        y1?: any;
-        y1Scale?: any;
-        y1Domain?: any;
-        y1Range?: any;
-        c?: any;
-        cScale?: any;
-        cDomain?: any;
-        cRange?: any;
-        /** Use radial instead of cartesian coordinates, mapping `x` to `angle` and `y`` to radial.  Radial lines are positioned relative to the origin, use transform (ex. `<Group center>`) to change the origin */ radial?: boolean;
-        onresize?: ((e: ChartResizeDetail) => void) | undefined;
-        data?: SankeyGraph<any, any> | TData[] | HierarchyNode<TData> | undefined;
-    };
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots(): {
-        default: {
-            data: SankeyGraph<any, any> | TData[] | HierarchyNode<TData>;
-            flatData: Readable<SankeyGraph<any, any> | TData[] | HierarchyNode<TData>>;
-            config: any;
-            x1: (d: any) => any;
-            x1Scale: AnyScale<any, any, any, any> | null;
-            x1Get: Function;
-            y1: (d: any) => any;
-            y1Scale: AnyScale<any, any, any, any> | null;
-            y1Get: Function;
-            c: (d: any) => any;
-            cScale: AnyScale<any, any, any, any> | null;
-            cGet: Function;
-        };
-    };
-}
-export type ChartContextProps<TData> = ReturnType<__sveltets_Render<TData>['props']>;
-export type ChartContextEvents<TData> = ReturnType<__sveltets_Render<TData>['events']>;
-export type ChartContextSlots<TData> = ReturnType<__sveltets_Render<TData>['slots']>;
-export default class ChartContext<TData> extends SvelteComponentTyped<ChartContextProps<TData>, ChartContextEvents<TData>, ChartContextSlots<TData>> {
-}
-export {};

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

@@ -1,158 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type Readable, type Writable } from 'svelte/store';
-export declare const transformContextKey: unique symbol;
-type TransformMode = 'canvas' | 'manual' | 'none';
-type TransformScrollMode = 'scale' | 'translate' | 'none';
-export type TransformContextValue = {
-    mode: TransformMode;
-    scale: Writable<number>;
-    setScale(value: number, options?: MotionOptions): void;
-    translate: Writable<{
-        x: number;
-        y: number;
-    }>;
-    setTranslate(point: {
-        x: number;
-        y: number;
-    }, options?: MotionOptions): void;
-    moving: Readable<boolean>;
-    dragging: Readable<boolean>;
-    scrollMode: Readable<TransformScrollMode>;
-    setScrollMode(mode: TransformScrollMode): void;
-    reset(): void;
-    zoomIn(): void;
-    zoomOut(): void;
-    translateCenter(): void;
-    zoomTo(center: {
-        x: number;
-        y: number;
-    }, rect?: {
-        width: number;
-        height: number;
-    }): void;
-};
-export type TransformContext = TransformContextValue;
-export declare function transformContext(): TransformContext;
-import { motionStore, type MotionOptions } from '../stores/motionStore.js';
-declare const __propDef: {
-    props: {
-        mode?: TransformMode;
-        spring?: boolean | Parameters<typeof motionStore>[1]["spring"];
-        tweened?: boolean | Parameters<typeof motionStore>[1]["tweened"];
-        processTranslate?: (x: number, y: number, deltaX: number, deltaY: number) => {
-            x: number;
-            y: number;
-        };
-        /** Disable pointer events including move/dragging.  Useful for `mode="canvas" but only want zoomTo() interactions */ disablePointer?: boolean;
-        /** Action to take during wheel scroll */ initialScrollMode?: TransformScrollMode;
-        /** Distance/threshold to consider drag vs click (disable click propagation) */ clickDistance?: number;
-        ondragstart?: (() => void) | undefined;
-        ondragend?: (() => void) | undefined;
-        ontransform?: ((e: {
-            scale: number;
-            translate: {
-                x: number;
-                y: number;
-            };
-        }) => void) | undefined;
-        initialTranslate?: {
-            x: number;
-            y: number;
-        } | undefined;
-        translate?: import("svelte/motion").Spring<{
-            x: number;
-            y: number;
-        }> | import("svelte/motion").Tweened<{
-            x: number;
-            y: number;
-        }> | Writable<{
-            x: number;
-            y: number;
-        }>;
-        initialScale?: number | undefined;
-        scale?: Writable<number> | import("svelte/motion").Spring<number> | import("svelte/motion").Tweened<number>;
-        setScrollMode?: (mode: TransformScrollMode) => void;
-        reset?: () => void;
-        zoomIn?: () => void;
-        zoomOut?: () => void;
-        translateCenter?: () => void;
-        zoomTo?: (center: {
-            x: number;
-            y: number;
-        }, rect?: {
-            width: number;
-            height: number;
-        }) => void;
-        setTranslate?: (point: {
-            x: number;
-            y: number;
-        }, options?: MotionOptions) => void;
-        setScale?: (value: number, options?: MotionOptions) => void;
-    };
-    events: {
-        click: MouseEvent;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-        keypress: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            transform: {
-                scale: number;
-                setScale: (value: number, options?: MotionOptions) => void;
-                translate: {
-                    x: number;
-                    y: number;
-                };
-                setTranslate: (point: {
-                    x: number;
-                    y: number;
-                }, options?: MotionOptions) => void;
-                zoomTo: (center: {
-                    x: number;
-                    y: number;
-                }, rect?: {
-                    width: number;
-                    height: number;
-                }) => void;
-                reset: () => void;
-            };
-        };
-    };
-};
-export type TransformContextProps = typeof __propDef.props;
-export type TransformContextEvents = typeof __propDef.events;
-export type TransformContextSlots = typeof __propDef.slots;
-export default class TransformContext extends SvelteComponentTyped<TransformContextProps, TransformContextEvents, TransformContextSlots> {
-    get translate(): NonNullable<import("svelte/motion").Spring<{
-        x: number;
-        y: number;
-    }> | import("svelte/motion").Tweened<{
-        x: number;
-        y: number;
-    }> | Writable<{
-        x: number;
-        y: number;
-    }> | undefined>;
-    get scale(): NonNullable<Writable<number> | import("svelte/motion").Spring<number> | import("svelte/motion").Tweened<number> | undefined>;
-    get setScrollMode(): (mode: TransformScrollMode) => void;
-    get reset(): () => void;
-    get zoomIn(): () => void;
-    get zoomOut(): () => void;
-    get translateCenter(): () => void;
-    get zoomTo(): (center: {
-        x: number;
-        y: number;
-    }, rect?: {
-        width: number;
-        height: number;
-    }) => void;
-    get setTranslate(): (point: {
-        x: number;
-        y: number;
-    }, options?: MotionOptions) => void;
-    get setScale(): (value: number, options?: MotionOptions) => void;
-}
-export {};