layerchart 0.13.3 → 0.14.0

package/package.json

@@ -1,124 +1,89 @@
 {
-  "name": "layerchart",
-  "author": "Sean Lynch <techniq35@gmail.com>",
-  "license": "MIT",
-  "repository": "techniq/layerchart",
-  "version": "0.13.3",
-  "devDependencies": {
-    "@rollup/plugin-dsv": "^3.0.2",
-    "@sveltejs/adapter-vercel": "^1.0.5",
-    "@sveltejs/kit": "^1.0.0-next.567",
-    "@sveltejs/package": "^1.0.2",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/d3-array": "^3.0.4",
-    "@types/d3-delaunay": "^6.0.1",
-    "@types/d3-dsv": "^3.0.1",
-    "@types/d3-hierarchy": "^3.1.2",
-    "@types/d3-quadtree": "^3.0.2",
-    "@types/d3-sankey": "^0.12.0",
-    "@types/d3-scale": "^4.0.3",
-    "@types/d3-shape": "^3.1.1",
-    "@types/lodash-es": "^4.17.6",
-    "autoprefixer": "^10.4.13",
-    "mdsvex": "^0.10.6",
-    "prettier": "^2.8.3",
-    "prettier-plugin-svelte": "^2.9.0",
-    "prism-themes": "^1.9.0",
-    "rehype-slug": "^5.1.0",
-    "svelte-check": "^3.0.3",
-    "svelte-preprocess": "^5.0.1",
-    "svelte2tsx": "^0.6.0",
-    "tailwindcss": "^3.2.4",
-    "tslib": "^2.5.0",
-    "typescript": "^4.9.4",
-    "unist-util-visit": "^4.1.2",
-    "vite": "^4.0.4",
-    "vite-plugin-sveld": "^1.1.0"
-  },
-  "type": "module",
-  "dependencies": {
-    "@mdi/js": "^7.1.96",
-    "d3-array": "^3.2.2",
-    "d3-delaunay": "^6.0.2",
-    "d3-dsv": "^3.0.1",
-    "d3-hierarchy": "^3.1.2",
-    "d3-interpolate-path": "^2.3.0",
-    "d3-quadtree": "^3.0.1",
-    "d3-sankey": "^0.12.3",
-    "d3-scale": "^4.0.2",
-    "d3-scale-chromatic": "^3.0.0",
-    "d3-shape": "^3.2.0",
-    "date-fns": "^2.29.3",
-    "layercake": "^7.2.2",
-    "lodash-es": "^4.17.21",
-    "svelte": "^3.55.1",
-    "svelte-ux": "^0.26.0"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    "./components/Arc.svelte": "./components/Arc.svelte",
-    "./components/Area.svelte": "./components/Area.svelte",
-    "./components/AreaStack.svelte": "./components/AreaStack.svelte",
-    "./components/AxisX.svelte": "./components/AxisX.svelte",
-    "./components/AxisY.svelte": "./components/AxisY.svelte",
-    "./components/Bars.svelte": "./components/Bars.svelte",
-    "./components/Baseline.svelte": "./components/Baseline.svelte",
-    "./components/Bounds.svelte": "./components/Bounds.svelte",
-    "./components/Chart.svelte": "./components/Chart.svelte",
-    "./components/ChartClipPath.svelte": "./components/ChartClipPath.svelte",
-    "./components/Circle.svelte": "./components/Circle.svelte",
-    "./components/CircleClipPath.svelte": "./components/CircleClipPath.svelte",
-    "./components/ClipPath.svelte": "./components/ClipPath.svelte",
-    "./components/ConnectedPoints.svelte": "./components/ConnectedPoints.svelte",
-    "./components/Group.svelte": "./components/Group.svelte",
-    "./components/HighlightLine.svelte": "./components/HighlightLine.svelte",
-    "./components/HighlightRect.svelte": "./components/HighlightRect.svelte",
-    "./components/Labels.svelte": "./components/Labels.svelte",
-    "./components/Legend.svelte": "./components/Legend.svelte",
-    "./components/Line.svelte": "./components/Line.svelte",
-    "./components/LinearGradient.svelte": "./components/LinearGradient.svelte",
-    "./components/Link.svelte": "./components/Link.svelte",
-    "./components/Pack.svelte": "./components/Pack.svelte",
-    "./components/Partition.svelte": "./components/Partition.svelte",
-    "./components/Path.svelte": "./components/Path.svelte",
-    "./components/Pattern.svelte": "./components/Pattern.svelte",
-    "./components/Pie.svelte": "./components/Pie.svelte",
-    "./components/Points.svelte": "./components/Points.svelte",
-    "./components/Rect.svelte": "./components/Rect.svelte",
-    "./components/RectClipPath.svelte": "./components/RectClipPath.svelte",
-    "./components/Sankey.svelte": "./components/Sankey.svelte",
-    "./components/Text.svelte": "./components/Text.svelte",
-    "./components/Threshold.svelte": "./components/Threshold.svelte",
-    "./components/Tooltip.svelte": "./components/Tooltip.svelte",
-    "./components/TooltipContext.svelte": "./components/TooltipContext.svelte",
-    "./components/TooltipItem.svelte": "./components/TooltipItem.svelte",
-    "./components/TooltipSeparator.svelte": "./components/TooltipSeparator.svelte",
-    "./components/Tree.svelte": "./components/Tree.svelte",
-    "./components/Treemap.svelte": "./components/Treemap.svelte",
-    "./components/Zoom.svelte": "./components/Zoom.svelte",
-    "./components": "./components/index.js",
-    "./docs/Blockquote.svelte": "./docs/Blockquote.svelte",
-    "./docs/Code.svelte": "./docs/Code.svelte",
-    "./docs/Header1.svelte": "./docs/Header1.svelte",
-    "./docs/Layout.svelte": "./docs/Layout.svelte",
-    "./docs/Link.svelte": "./docs/Link.svelte",
-    "./docs/Preview.svelte": "./docs/Preview.svelte",
-    ".": "./index.js",
-    "./stores/motionStore": "./stores/motionStore.js",
-    "./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",
-    "./utils/pivot": "./utils/pivot.js",
-    "./utils/quadtree": "./utils/quadtree.js",
-    "./utils/scales": "./utils/scales.js",
-    "./utils/stack": "./utils/stack.js",
-    "./utils/string": "./utils/string.js",
-    "./utils/ticks": "./utils/ticks.js",
-    "./utils/treemap": "./utils/treemap.js"
-  },
-  "svelte": "./index.js"
-}
+	"name": "layerchart",
+	"author": "Sean Lynch <techniq35@gmail.com>",
+	"license": "MIT",
+	"repository": "techniq/layerchart",
+	"version": "0.14.0",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"package": "svelte-package",
+		"prepublishOnly": "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=. ."
+	},
+	"devDependencies": {
+		"@rollup/plugin-dsv": "^3.0.2",
+		"@sveltejs/adapter-vercel": "^2.4.0",
+		"@sveltejs/kit": "^1.13.0",
+		"@sveltejs/package": "^2.0.2",
+		"@tailwindcss/typography": "^0.5.9",
+		"@types/d3-array": "^3.0.4",
+		"@types/d3-delaunay": "^6.0.1",
+		"@types/d3-dsv": "^3.0.1",
+		"@types/d3-geo": "^3.0.3",
+		"@types/d3-hierarchy": "^3.1.2",
+		"@types/d3-interpolate": "^3.0.1",
+		"@types/d3-quadtree": "^3.0.2",
+		"@types/d3-random": "^3.0.1",
+		"@types/d3-sankey": "^0.12.1",
+		"@types/d3-scale": "^4.0.3",
+		"@types/d3-shape": "^3.1.1",
+		"@types/lodash-es": "^4.17.7",
+		"@types/topojson-client": "^3.1.1",
+		"autoprefixer": "^10.4.14",
+		"mdsvex": "^0.10.6",
+		"prettier": "^2.8.6",
+		"prettier-plugin-svelte": "^2.9.0",
+		"prism-themes": "^1.9.0",
+		"rehype-slug": "^5.1.0",
+		"svelte-check": "^3.1.4",
+		"svelte-preprocess": "^5.0.1",
+		"svelte2tsx": "^0.6.0",
+		"tailwindcss": "^3.2.7",
+		"tslib": "^2.5.0",
+		"typescript": "^5.0.2",
+		"unist-util-visit": "^4.1.2",
+		"us-atlas": "^3.0.0",
+		"vite": "^4.2.1",
+		"vite-plugin-sveld": "^1.1.0"
+	},
+	"type": "module",
+	"dependencies": {
+		"@mdi/js": "^7.2.96",
+		"d3-array": "^3.2.3",
+		"d3-delaunay": "^6.0.2",
+		"d3-dsv": "^3.0.1",
+		"d3-geo": "^3.1.0",
+		"d3-hierarchy": "^3.1.2",
+		"d3-interpolate": "^3.0.1",
+		"d3-interpolate-path": "^2.3.0",
+		"d3-quadtree": "^3.0.1",
+		"d3-random": "^3.0.1",
+		"d3-sankey": "^0.12.3",
+		"d3-scale": "^4.0.2",
+		"d3-scale-chromatic": "^3.0.0",
+		"d3-shape": "^3.2.0",
+		"d3-tile": "^1.0.0",
+		"date-fns": "^2.29.3",
+		"layercake": "^7.3.4",
+		"lodash-es": "^4.17.21",
+		"svelte": "^3.57.0",
+		"svelte-ux": "^0.27.21",
+		"topojson-client": "^3.1.0"
+	},
+	"main": "./dist/index.js",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"svelte": "./dist/index.js"
+}

package/components/Legend.svelte

@@ -1,17 +0,0 @@
-<script>import { getContext } from 'svelte';
-export let formatLabel = (label) => label;
-const { rScale, rDomain, rRange } = getContext('LayerCake');
-// zip values together
-export let items = $rDomain.map((d, i) => ({ label: d, color: $rRange[i] }));
-</script>
-
-<slot {items} scale={$rScale}>
-	<div {...$$restProps}>
-		{#each items as { label, color }}
-			<div class="flex items-center gap-1">
-				<div class="h-4 w-4 rounded-full" style:background-color={color} />
-				{formatLabel(label)}
-			</div>
-		{/each}
-	</div>
-</slot>

package/components/Legend.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        formatLabel?: ((label: string) => string) | undefined;
-        items?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            items: any;
-            scale: any;
-        };
-    };
-};
-export type LegendProps = typeof __propDef.props;
-export type LegendEvents = typeof __propDef.events;
-export type LegendSlots = typeof __propDef.slots;
-export default class Legend extends SvelteComponentTyped<LegendProps, LegendEvents, LegendSlots> {
-}
-export {};

package/components/Zoom.svelte

@@ -1,133 +0,0 @@
-<script>import { getContext } from 'svelte';
-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 });
-let startPoint;
-let startTranslate;
-let svgEl = null;
-export function reset() {
-    $translate = { x: 0, y: 0 };
-    $scale = { x: 1, y: 1 };
-}
-export function increase() {
-    $scale = {
-        x: $scale.x * 1.25,
-        y: $scale.y * 1.25
-    };
-}
-export function decrease() {
-    $scale = {
-        x: $scale.x * 0.8,
-        y: $scale.y * 0.8
-    };
-}
-export function translateCenter() {
-    $translate = {
-        x: 0,
-        y: 0
-    };
-}
-export function zoomTo(newTranslate, newScale) {
-    $translate = {
-        x: $width / 2 - newTranslate.x,
-        y: $height / 2 - newTranslate.y
-    };
-    if (newScale) {
-        $scale = {
-            x: Math.min($width, $height) / newScale.x,
-            y: Math.min($width, $height) / newScale.y
-        };
-    }
-}
-function handleMouseDown(e) {
-    if (disablePointer)
-        return;
-    dragging = true;
-    svgEl = e.target.ownerSVGElement;
-    startPoint = localPoint(svgEl, e);
-    startTranslate = $translate;
-    window.addEventListener('mousemove', handleMouseMove);
-    window.addEventListener('mouseup', handleMouseUp);
-}
-function handleMouseUp(e) {
-    dragging = false;
-    window.removeEventListener('mousemove', handleMouseMove);
-    window.removeEventListener('mouseup', handleMouseUp);
-}
-function handleMouseMove(e) {
-    if (!dragging)
-        return;
-    const endPoint = localPoint(svgEl, e);
-    const deltaX = endPoint.x - startPoint.x;
-    const deltaY = endPoint.y - startPoint.y;
-    translate.set({
-        x: startTranslate.x + deltaX / $scale.x,
-        y: startTranslate.y + deltaY / $scale.y
-    }, 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
-    // https://github.com/d3/d3-zoom#zoom_wheelDelta
-    // const scaleBy = -e.deltaY * (e.deltaMode === 1 ? 0.05 : e.deltaMode ? 1 : 0.002);
-    scale.set({
-        x: $scale.x * scaleBy,
-        y: $scale.y * scaleBy
-    }, spring ? { hard: true } : tweened ? { duration: 0 } : undefined);
-}
-function localPoint(svgEl, e) {
-    const screenCTM = svgEl.getScreenCTM();
-    const coords = {
-        x: e.clientX,
-        y: e.clientY
-    };
-    let point = svgEl.createSVGPoint();
-    point.x = coords.x;
-    point.y = coords.y;
-    point = point.matrixTransform(screenCTM.inverse());
-    return {
-        x: point.x,
-        y: point.y
-    };
-}
-$: center = { x: $width / 2, y: $height / 2 };
-$: viewportCenter = {
-    x: center.x - $translate.x,
-    y: center.y - $translate.y
-};
-$: newTranslate = {
-    x: $translate.x * $scale.x + center.x - center.x * $scale.x,
-    y: $translate.y * $scale.y + center.y - center.y * $scale.y
-};
-</script>
-
-<g
-	on:mousewheel={handleWheel}
-	on:mousedown={handleMouseDown}
-	on:dblclick={handleDoubleClick}
-	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>