layerchart 0.3.0 → 0.3.3

package/components/Treemap.svelte

@@ -8,7 +8,6 @@ import { cubicOut } from 'svelte/easing';
 import * as d3 from 'd3-hierarchy';
 import { scaleLinear } from 'd3-scale';
 import { group } from 'd3-array';
-import Group from './Group.svelte';
 import RectClipPath from './RectClipPath.svelte';
 import { aspectTile } from '../utils/treemap';
 const { data, width, height } = getContext('LayerCake');
@@ -84,21 +83,16 @@ $: yScale = scaleLinear().domain([$extents.y0, $extents.y1]).rangeRound([0, $hei
 	{#each Array.from(nodesByHeight) as [height, nodes]}
 		<g>
 			{#each nodes as node}
-				{@const nodeWidth = xScale(node.x1) - xScale(node.x0)}
-				{@const nodeHeight = yScale(node.y1) - yScale(node.y0)}
-				<Group x={xScale(node.x0)} y={yScale(node.y0)}>
-					<RectClipPath width={nodeWidth} height={nodeHeight}>
-						<slot
-							{node}
-							rect={{
-								x: 0, // applied by Group
-								y: 0, // applied by Group
-								width: nodeWidth,
-								height: nodeHeight
-							}}
-						/>
-					</RectClipPath>
-				</Group>
+				<slot
+					name="node"
+					{node}
+					rect={{
+						x: xScale(node.x0),
+						y: yScale(node.y0),
+						width: xScale(node.x1) - xScale(node.x0),
+						height: yScale(node.y1) - yScale(node.y0)
+					}}
+				/>
 			{/each}
 		</g>
 	{/each}

package/components/Treemap.svelte.d.ts

@@ -16,13 +16,13 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        default: {
+        node: {
             node: d3.HierarchyRectangularNode<unknown>;
             rect: {
                 x: number;
                 y: number;
-                width: any;
-                height: any;
+                width: number;
+                height: number;
             };
         };
     };

package/components/index.d.ts

@@ -7,6 +7,8 @@ export { default as Bars } from './Bars.svelte';
 export { default as Baseline } from './Baseline.svelte';
 export { default as Chart } from './Chart.svelte';
 export { default as Circle } from './Circle.svelte';
+export { default as CircleClipPath } from './CircleClipPath.svelte';
+export { default as ClipPath } from './ClipPath.svelte';
 export { default as ConnectedPoints } from './ConnectedPoints.svelte';
 export { default as Group } from './Group.svelte';
 export { default as HighlightLine } from './HighlightLine.svelte';
@@ -14,9 +16,15 @@ export { default as HighlightRect } from './HighlightRect.svelte';
 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 Path } from './Path.svelte';
+export { default as Pattern } from './Pattern.svelte';
+export { default as Pie } from './Pie.svelte';
 export { default as Points } from './Points.svelte';
 export { default as Rect } from './Rect.svelte';
+export { default as RectClipPath } from './RectClipPath.svelte';
+export { default as Sankey } from './Sankey.svelte';
 export { default as Text } from './Text.svelte';
 export { default as Threshold } from './Threshold.svelte';
 export { default as Tooltip } from './Tooltip.svelte';
+export { default as Treemap } from './Treemap.svelte';

package/components/index.js

@@ -7,6 +7,8 @@ export { default as Bars } from './Bars.svelte';
 export { default as Baseline } from './Baseline.svelte';
 export { default as Chart } from './Chart.svelte';
 export { default as Circle } from './Circle.svelte';
+export { default as CircleClipPath } from './CircleClipPath.svelte';
+export { default as ClipPath } from './ClipPath.svelte';
 export { default as ConnectedPoints } from './ConnectedPoints.svelte';
 export { default as Group } from './Group.svelte';
 export { default as HighlightLine } from './HighlightLine.svelte';
@@ -14,9 +16,15 @@ export { default as HighlightRect } from './HighlightRect.svelte';
 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 Path } from './Path.svelte';
+export { default as Pattern } from './Pattern.svelte';
+export { default as Pie } from './Pie.svelte';
 export { default as Points } from './Points.svelte';
 export { default as Rect } from './Rect.svelte';
+export { default as RectClipPath } from './RectClipPath.svelte';
+export { default as Sankey } from './Sankey.svelte';
 export { default as Text } from './Text.svelte';
 export { default as Threshold } from './Threshold.svelte';
 export { default as Tooltip } from './Tooltip.svelte';
+export { default as Treemap } from './Treemap.svelte';

package/package.json

@@ -3,7 +3,7 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.3.0",
+  "version": "0.3.3",
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^1.0.0-next.47",
     "@sveltejs/kit": "^1.0.0-next.303",
@@ -91,6 +91,7 @@
     "./utils/event": "./utils/event.js",
     "./utils/genData": "./utils/genData.js",
     "./utils/graph": "./utils/graph.js",
+    "./utils/hierarchy": "./utils/hierarchy.js",
     "./utils": "./utils/index.js",
     "./utils/math": "./utils/math.js",
     "./utils/path": "./utils/path.js",

package/utils/hierarchy.d.ts

@@ -0,0 +1,6 @@
+import type { HierarchyNode } from 'd3-hierarchy';
+/**
+ *  Find first ancestor matching filter, including node.
+ *  Similar to `node.find()` (https://github.com/d3/d3-hierarchy#node_find) but checks ancestors instead of descendants
+ */
+export declare function findAncestor<T = any>(node: HierarchyNode<T>, filter: (node: any) => boolean): HierarchyNode<T>;

package/utils/hierarchy.js

@@ -0,0 +1,13 @@
+/**
+ *  Find first ancestor matching filter, including node.
+ *  Similar to `node.find()` (https://github.com/d3/d3-hierarchy#node_find) but checks ancestors instead of descendants
+ */
+export function findAncestor(node, filter) {
+    while (node) {
+        if (filter(node)) {
+            return node;
+        }
+        node = node.parent;
+    }
+    return null;
+}