layerchart 0.6.0 → 0.6.3

package/components/ChartClipPath.svelte

@@ -8,6 +8,7 @@ const { width, height, padding } = getContext('LayerCake');
 	y={-$padding.top}
 	width={$width + $padding.left + $padding.right}
 	height={$height + $padding.top + $padding.bottom}
+	on:click
 	{...$$restProps}
 >
 	<slot />

package/components/ChartClipPath.svelte.d.ts

@@ -4,6 +4,8 @@ declare const __propDef: {
         [x: string]: any;
     };
     events: {
+        click: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/components/CircleClipPath.svelte

@@ -15,7 +15,7 @@ export let tweened = undefined;
 </ClipPath>
 
 {#if $$slots.default}
-	<g style="clip-path: url(#{id})">
+	<g style="clip-path: url(#{id})" on:click>
 		<slot {id} />
 	</g>
 {/if}

package/components/CircleClipPath.svelte.d.ts

@@ -10,6 +10,8 @@ declare const __propDef: {
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };
     events: {
+        click: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/components/RectClipPath.svelte

@@ -16,7 +16,7 @@ export let tweened = undefined;
 </ClipPath>
 
 {#if $$slots.default}
-	<g style="clip-path: url(#{id})">
+	<g style="clip-path: url(#{id})" on:click>
 		<slot {id} />
 	</g>
 {/if}

package/components/RectClipPath.svelte.d.ts

@@ -11,6 +11,8 @@ declare const __propDef: {
         tweened?: boolean | Parameters<typeof tweenedStore>[1];
     };
     events: {
+        click: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/components/Zoom.svelte

@@ -3,6 +3,7 @@ import { motionStore } from '../stores/motionStore';
 const { width, height, padding } = getContext('LayerCake');
 export let spring = undefined;
 export let tweened = undefined;
+export let disablePointer = false;
 let dragging = false;
 const translate = motionStore({ x: 0, y: 0 }, { spring, tweened });
 const scale = motionStore({ x: 1, y: 1 }, { spring, tweened });
@@ -44,6 +45,8 @@ export function zoomTo(newTranslate, newScale) {
     }
 }
 function handleMouseDown(e) {
+    if (disablePointer)
+        return;
     dragging = true;
     svgEl = e.target.ownerSVGElement;
     startPoint = localPoint(svgEl, e);
@@ -68,9 +71,13 @@ function handleMouseMove(e) {
     }, spring ? { hard: true } : tweened ? { duration: 0 } : undefined);
 }
 function handleDoubleClick() {
+    if (disablePointer)
+        return;
     increase();
 }
 function handleWheel(e) {
+    if (disablePointer)
+        return;
     e.preventDefault();
     const scaleBy = -e.deltaY > 0 ? 1.1 : 0.9;
     // TODO: Update to match d3-zoom delta
@@ -107,16 +114,20 @@ $: newTranslate = {
 };
 </script>
 
-<rect
-	x={-$padding.left}
-	y={-$padding.top}
-	width={$width + $padding.left + $padding.right}
-	height={$height + $padding.top + $padding.bottom}
+<g
 	on:mousewheel={handleWheel}
 	on:mousedown={handleMouseDown}
 	on:dblclick={handleDoubleClick}
-	fill="transparent"
-/>
-<g transform="translate({newTranslate.x},{newTranslate.y}) scale({$scale.x},{$scale.y})">
-	<slot scale={$scale} />
+	on:click
+>
+	<rect
+		x={-$padding.left}
+		y={-$padding.top}
+		width={$width + $padding.left + $padding.right}
+		height={$height + $padding.top + $padding.bottom}
+		fill="transparent"
+	/>
+	<g transform="translate({newTranslate.x},{newTranslate.y}) scale({$scale.x},{$scale.y})">
+		<slot scale={$scale} />
+	</g>
 </g>

package/components/Zoom.svelte.d.ts

@@ -4,6 +4,7 @@ declare const __propDef: {
     props: {
         spring?: boolean | Parameters<typeof motionStore>[1]['spring'];
         tweened?: boolean | Parameters<typeof motionStore>[1]['tweened'];
+        disablePointer?: boolean;
         reset?: () => void;
         increase?: () => void;
         decrease?: () => void;
@@ -17,6 +18,8 @@ declare const __propDef: {
         }) => void;
     };
     events: {
+        click: MouseEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/components/index.d.ts

@@ -19,6 +19,7 @@ export { default as Labels } from './Labels.svelte';
 export { default as Line } from './Line.svelte';
 export { default as LinearGradient } from './LinearGradient.svelte';
 export { default as Link } from './Link.svelte';
+export { default as Pack } from './Pack.svelte';
 export { default as Partition } from './Partition.svelte';
 export { default as Path } from './Path.svelte';
 export { default as Pattern } from './Pattern.svelte';

package/components/index.js

@@ -19,6 +19,7 @@ export { default as Labels } from './Labels.svelte';
 export { default as Line } from './Line.svelte';
 export { default as LinearGradient } from './LinearGradient.svelte';
 export { default as Link } from './Link.svelte';
+export { default as Pack } from './Pack.svelte';
 export { default as Partition } from './Partition.svelte';
 export { default as Path } from './Path.svelte';
 export { default as Pattern } from './Pattern.svelte';

package/package.json

@@ -3,7 +3,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.6.0",
+  "version": "0.6.3",
   "devDependencies": {
     "@rollup/plugin-dsv": "^2.0.3",
     "@sveltejs/adapter-vercel": "^1.0.0-next.58",