layerchart 0.15.6 → 0.17.0

package/package.json

@@ -1,90 +1,92 @@
 {
-	"name": "layerchart",
-	"author": "Sean Lynch <techniq35@gmail.com>",
-	"license": "MIT",
-	"repository": "techniq/layerchart",
-	"version": "0.15.6",
-	"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.3",
-		"@sveltejs/kit": "^1.16.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.8",
-		"prettier-plugin-svelte": "^2.10.0",
-		"prism-themes": "^1.9.0",
-		"rehype-slug": "^5.1.0",
-		"svelte-check": "^3.3.0",
-		"svelte-preprocess": "^5.0.1",
-		"svelte2tsx": "^0.6.12",
-		"tailwindcss": "^3.3.2",
-		"tslib": "^2.5.0",
-		"typescript": "^5.0.4",
-		"unist-util-visit": "^4.1.2",
-		"us-atlas": "^3.0.1",
-		"vite": "^4.3.4",
-		"vite-plugin-sveld": "^1.1.0"
-	},
-	"type": "module",
-	"dependencies": {
-		"@mdi/js": "^7.2.96",
-		"@vercel/analytics": "^1.0.1",
-		"d3-array": "^3.2.3",
-		"d3-delaunay": "^6.0.4",
-		"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.30.0",
-		"layercake": "^7.4.0",
-		"lodash-es": "^4.17.21",
-		"svelte": "^3.58.0",
-		"svelte-ux": "^0.35.3",
-		"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"
+  "name": "layerchart",
+  "author": "Sean Lynch <techniq35@gmail.com>",
+  "license": "MIT",
+  "repository": "techniq/layerchart",
+  "version": "0.17.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": "^3.0.1",
+    "@sveltejs/kit": "^1.20.4",
+    "@sveltejs/package": "^2.0.2",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/d3-array": "^3.0.5",
+    "@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/shapefile": "^0.6.1",
+    "@types/topojson-client": "^3.1.1",
+    "autoprefixer": "^10.4.14",
+    "mdsvex": "^0.10.6",
+    "prettier": "^2.8.8",
+    "prettier-plugin-svelte": "^2.10.1",
+    "prism-themes": "^1.9.0",
+    "rehype-slug": "^5.1.0",
+    "svelte-check": "^3.4.4",
+    "svelte-preprocess": "^5.0.4",
+    "svelte2tsx": "^0.6.16",
+    "tailwindcss": "^3.3.2",
+    "tslib": "^2.5.3",
+    "typescript": "^5.1.3",
+    "unist-util-visit": "^4.1.2",
+    "us-atlas": "^3.0.1",
+    "vite": "^4.3.9",
+    "vite-plugin-sveld": "^1.1.0"
+  },
+  "type": "module",
+  "dependencies": {
+    "@mdi/js": "^7.2.96",
+    "@vercel/analytics": "^1.0.1",
+    "d3-array": "^3.2.4",
+    "d3-delaunay": "^6.0.4",
+    "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.30.0",
+    "layercake": "^7.4.0",
+    "lodash-es": "^4.17.21",
+    "shapefile": "^0.6.6",
+    "svelte": "^3.59.1",
+    "svelte-ux": "^0.42.0",
+    "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/dist/components/AxisX.svelte

@@ -1,43 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { format } from 'svelte-ux/utils/format';
-import { max } from 'd3-array';
-import Text from './Text.svelte';
-import { isScaleBand } from '../utils/scales';
-const { height, xScale, yRange } = getContext('LayerCake');
-export let gridlines = false;
-export let formatTick = undefined;
-export let ticks = undefined;
-export let xTick = undefined;
-export let yTick = 8;
-export let dxTick = 0;
-export let dyTick = 0;
-export let labelProps = undefined;
-$: isBand = isScaleBand($xScale);
-$: tickVals = Array.isArray(ticks)
-    ? ticks
-    : isBand
-        ? $xScale.domain()
-        : $xScale.ticks(typeof ticks === 'function' ? ticks($xScale) : ticks);
-</script>
-
-<g class="axis x-axis">
-	{#each tickVals as tick, i}
-		<g class="tick tick-{tick}" transform="translate({$xScale(tick)},{max($yRange)})">
-			{#if gridlines !== false}
-				<line y1={$height * -1} y2="0" x1="0" x2="0" class="stroke-gray-200" {...gridlines} />
-			{/if}
-			<Text
-				x={xTick || isBand ? $xScale.bandwidth() / 2 : 0}
-				y={yTick}
-				dx={dxTick}
-				dy={dyTick}
-				rotate={315}
-				textAnchor="end"
-				verticalAnchor="middle"
-				class="text-[10px] stroke-white [stroke-width:2px] font-light"
-				value={format(tick, formatTick ?? $xScale.tickFormat?.())}
-				{...labelProps}
-			/>
-		</g>
-	{/each}
-</g>

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

@@ -1,37 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        gridlines?: boolean | svelte.JSX.SVGProps<SVGLineElement>;
-        formatTick?: any;
-        ticks?: undefined;
-        xTick?: undefined;
-        yTick?: number | undefined;
-        dxTick?: number | undefined;
-        dyTick?: number | undefined;
-        labelProps?: {
-            [x: string]: any;
-            value?: string | number | undefined;
-            width?: number | undefined;
-            x?: string | number | undefined;
-            y?: string | number | undefined;
-            dx?: string | number | undefined;
-            dy?: string | number | undefined;
-            lineHeight?: string | undefined;
-            capHeight?: string | undefined;
-            scaleToFit?: boolean | undefined;
-            textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            verticalAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            rotate?: number | undefined;
-        } | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AxisXProps = typeof __propDef.props;
-export type AxisXEvents = typeof __propDef.events;
-export type AxisXSlots = typeof __propDef.slots;
-export default class AxisX extends SvelteComponentTyped<AxisXProps, AxisXEvents, AxisXSlots> {
-}
-export {};

package/dist/components/AxisY.svelte

@@ -1,55 +0,0 @@
-<script>import { getContext, SvelteComponentTyped } from 'svelte';
-import { format } from 'svelte-ux/utils/format';
-import { min, max } from 'd3-array';
-import Text from './Text.svelte';
-import { isScaleBand } from '../utils/scales';
-const { padding, xRange, yScale, width } = getContext('LayerCake');
-export let gridlines = false;
-export let ticks = 4;
-export let formatTick = undefined;
-export let xTick = 0;
-export let yTick = 0;
-export let dxTick = 0;
-export let dyTick = -3; // TODO: Maualliy tweak based on font-size until <Text /> handles custom styles
-export let labelProps = undefined;
-$: isBand = isScaleBand($yScale);
-$: tickVals = Array.isArray(ticks)
-    ? ticks
-    : isBand
-        ? $yScale.domain()
-        : $yScale.ticks(typeof ticks === 'function' ? ticks($yScale) : ticks);
-</script>
-
-<g class="axis y-axis" transform="translate({-$padding.left}, 0)">
-	{#each tickVals as tick, i}
-		<g class="tick tick-{tick}" transform="translate({min($xRange)}, {$yScale(tick)})">
-			{#if gridlines !== false}
-				<line
-					x1={$padding.left}
-					x2={$width + $padding.left}
-					y1={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-					y2={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-					class="stroke-gray-200"
-					{...gridlines}
-				/>
-			{/if}
-			<!-- <circle
-        cx={$padding.left - 4}
-        cy={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-        r="2"
-        fill="red"
-      /> -->
-			<Text
-				x={$padding.left - 4}
-				y={yTick + (isBand ? $yScale.bandwidth() / 2 : 0)}
-				dx={dxTick}
-				dy={dyTick}
-				textAnchor="end"
-				verticalAnchor="middle"
-				value={format(tick, formatTick ?? $yScale.tickFormat?.())}
-				class="text-[10px] stroke-white [stroke-width:2px] font-light"
-				{...labelProps}
-			/>
-		</g>
-	{/each}
-</g>

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

@@ -1,37 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        gridlines?: boolean | svelte.JSX.SVGProps<SVGLineElement>;
-        ticks?: number | Function | undefined;
-        formatTick?: any;
-        xTick?: number | undefined;
-        yTick?: number | undefined;
-        dxTick?: number | undefined;
-        dyTick?: number | undefined;
-        labelProps?: {
-            [x: string]: any;
-            value?: string | number | undefined;
-            width?: number | undefined;
-            x?: string | number | undefined;
-            y?: string | number | undefined;
-            dx?: string | number | undefined;
-            dy?: string | number | undefined;
-            lineHeight?: string | undefined;
-            capHeight?: string | undefined;
-            scaleToFit?: boolean | undefined;
-            textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            verticalAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
-            rotate?: number | undefined;
-        } | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AxisYProps = typeof __propDef.props;
-export type AxisYEvents = typeof __propDef.events;
-export type AxisYSlots = typeof __propDef.slots;
-export default class AxisY extends SvelteComponentTyped<AxisYProps, AxisYEvents, AxisYSlots> {
-}
-export {};