layerchart 0.38.1 → 0.38.2

package/dist/components/Chart.svelte

@@ -122,6 +122,7 @@ onMount(() => {
   {#key isMounted}
     <TransformContext
       bind:this={transformContext}
+      mode={transform?.mode ?? geo?.applyTransform?.length ? 'manual' : 'none'}
       initialTranslate={initialTransform?.translate}
       initialScale={initialTransform?.scale}
       processTranslate={geo

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

@@ -14,7 +14,7 @@ declare const __propDef: {
     props: {
         /**
            * @type {'bisect-x' | 'bisect-y' | 'band' | 'bisect-band' | 'bounds' | 'voronoi' | 'quadtree' | 'manual'}
-           */ mode?: "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree" | "manual" | undefined;
+           */ mode?: "manual" | "bisect-x" | "bisect-y" | "band" | "bisect-band" | "bounds" | "voronoi" | "quadtree" | undefined;
         /**
            * @type {'closest' | 'left' | 'right'}
            */ findTooltipData?: "left" | "right" | "closest" | undefined;

package/dist/components/TransformContext.svelte

@@ -33,7 +33,7 @@ export let processTranslate = (x, y, deltaX, deltaY, scale) => {
         y: y + deltaY / scale,
     };
 };
-/** Disable pointer events including move/dragging */
+/** Disable pointer events including move/dragging.  Useful for `mode="canvas" but only want zoomTo() interactions */
 export let disablePointer = false;
 /** Action to take during wheel scroll */
 export let scroll = 'none';
@@ -88,7 +88,7 @@ setTransformContext({
     zoomTo,
 });
 function onPointerDown(e) {
-    if (disablePointer)
+    if (mode === 'none' || disablePointer)
         return;
     e.preventDefault();
     pointerDown = true;
@@ -125,13 +125,13 @@ function onClick(e) {
     }
 }
 function onDoubleClick(e) {
-    if (disablePointer)
+    if (mode === 'none' || disablePointer)
         return;
     const point = localPoint(e);
     scaleTo(e.shiftKey ? 0.5 : 2, point);
 }
 function onWheel(e) {
-    if (scroll === 'none' || disablePointer)
+    if (mode === 'none' || disablePointer || scroll === 'none')
         return;
     e.preventDefault();
     const point = (startPoint = localPoint(e));

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

@@ -2,7 +2,7 @@ import { SvelteComponentTyped } from "svelte";
 import { type Readable, type Writable } from 'svelte/store';
 export declare const transformContextKey: unique symbol;
 export type TransformContextValue = {
-    mode: 'canvas' | 'none';
+    mode: 'canvas' | 'manual' | 'none';
     scale: Writable<number>;
     translate: Writable<{
         x: number;
@@ -26,7 +26,7 @@ export declare function transformContext(): TransformContext;
 import { motionStore } from '../stores/motionStore.js';
 declare const __propDef: {
     props: {
-        mode?: "none" | "canvas" | undefined;
+        mode?: "none" | "canvas" | "manual" | undefined;
         translateOnScale?: boolean | undefined;
         spring?: boolean | Parameters<typeof motionStore>[1]['spring'];
         tweened?: boolean | Parameters<typeof motionStore>[1]['tweened'];
@@ -34,7 +34,7 @@ declare const __propDef: {
             x: number;
             y: number;
         }) | undefined;
-        /** Disable pointer events including move/dragging */ disablePointer?: boolean | undefined;
+        /** Disable pointer events including move/dragging.  Useful for `mode="canvas" but only want zoomTo() interactions */ disablePointer?: boolean | undefined;
         /** Action to take during wheel scroll */ scroll?: "none" | "scale" | "translate" | undefined;
         /** Distance/threshold to consider drag vs click (disable click propagation) */ clickDistance?: number | undefined;
         initialTranslate?: {

package/dist/utils/index.d.ts

@@ -5,3 +5,4 @@ export * from './math.js';
 export * from './pivot.js';
 export * from './stack.js';
 export * from './ticks.js';
+export * from './threshold.js';

package/dist/utils/index.js

@@ -5,3 +5,4 @@ export * from './math.js';
 export * from './pivot.js';
 export * from './stack.js';
 export * from './ticks.js';
+export * from './threshold.js';

package/dist/utils/threshold.js

@@ -5,7 +5,7 @@ import { scaleTime } from 'd3-scale';
  * https://observablehq.com/@d3/d3-bin-time-thresholds
  */
 export function thresholdTime(n) {
-    // TODO: Unable to satifiy `ThresholdNumberArrayGenerator<Value extends number>` with `Date`
+    // TODO: Unable to satisfy `ThresholdNumberArrayGenerator<Value extends number>` with `Date`
     return (data, min, max) => {
         return scaleTime().domain([min, max]).ticks(n);
     };

package/package.json

@@ -4,7 +4,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.38.1",
+  "version": "0.38.2",
   "devDependencies": {
     "@changesets/cli": "^2.27.5",
     "@mdi/js": "^7.4.47",
@@ -87,7 +87,7 @@
     "lodash-es": "^4.17.21",
     "posthog-js": "^1.136.2",
     "shapefile": "^0.6.6",
-    "svelte-ux": "^0.66.0",
+    "svelte-ux": "^0.66.4",
     "topojson-client": "^3.1.0"
   },
   "peerDependencies": {