layerchart 0.4.0 → 0.4.1

package/components/Arc.svelte

@@ -1,4 +1,4 @@
-<script >/*
+<script>/*
     TODO:
     - [ ] Allow spring/tweened to be reactive (but ignore value)
 */

package/components/Area.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { area as d3Area } from 'd3-shape';
 import { interpolatePath } from 'd3-interpolate-path';
 import { createMotionStore } from '../stores/motionStore';

package/components/AreaStack.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import Area from './Area.svelte';
 import Path from './Path.svelte';
 const { data, yScale, zGet } = getContext('LayerCake');

package/components/AxisX.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { format } from 'svelte-ux/utils/format';
 import Text from './Text.svelte';
 import { isScaleBand } from '../utils/scales';
@@ -39,7 +39,7 @@ $: tickVals = Array.isArray(ticks)
 	{/each}
 </g>
 
-<style >
+<style>
 	.tick {
 		font-size: 0.725em;
 		font-weight: 200;

package/components/AxisY.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { format } from 'svelte-ux/utils/format';
 import Text from './Text.svelte';
 import { isScaleBand } from '../utils/scales';
@@ -53,7 +53,7 @@ $: tickVals = Array.isArray(ticks)
 	{/each}
 </g>
 
-<style >
+<style>
 	.tick {
 		font-size: 0.725em;
 		font-weight: 200;

package/components/Bars.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { scaleBand } from 'd3-scale';
 import { max, min } from 'd3-array';
 import { unique } from 'svelte-ux/utils/array';

package/components/Baseline.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 const { xRange, yScale, yRange } = getContext('LayerCake');
 export let x = false;
 export let y = false;
@@ -14,7 +14,7 @@ export let y = false;
 	{/if}
 </g>
 
-<style >
+<style>
 	.baseline {
 		stroke: #777;
 	}

package/components/Chart.svelte

@@ -1,8 +1,8 @@
-<script context="module" >import { LayerCake, Svg, Html } from 'layercake';
+<script context="module">import { LayerCake, Svg, Html } from 'layercake';
 export { Svg, Html };
 </script>
 
-<script >import { max, min } from 'd3-array';
+<script>import { max, min } from 'd3-array';
 import { get } from 'lodash-es';
 /**
  *  Resolve a value from data based on the accessor type

package/components/ChartClipPath.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import RectClipPath from './RectClipPath.svelte';
 const { width, height, padding } = getContext('LayerCake');
 </script>

package/components/Circle.svelte

@@ -1,4 +1,4 @@
-<script >import { createMotionStore } from '../stores/motionStore';
+<script>import { createMotionStore } from '../stores/motionStore';
 export let cx;
 export let cy;
 export let r;

package/components/CircleClipPath.svelte

@@ -1,4 +1,4 @@
-<script >import { uniqueId } from 'svelte-ux/utils/string';
+<script>import { uniqueId } from 'svelte-ux/utils/string';
 import ClipPath from './ClipPath.svelte';
 import Circle from './Circle.svelte';
 /** Unique id for clipPath */

package/components/ClipPath.svelte

@@ -1,4 +1,4 @@
-<script >import { uniqueId } from 'svelte-ux/utils/string';
+<script>import { uniqueId } from 'svelte-ux/utils/string';
 /** Unique id for clipPath */
 export let id = uniqueId('clipPath-');
 </script>

package/components/ConnectedPoints.svelte

@@ -1,4 +1,4 @@
-<script >/*
+<script>/*
     TODO:
         - [ ] Consider becoming LinkLine using d3-path buider https://github.com/d3/d3-path
           - https://github.com/airbnb/visx/blob/master/packages/visx-shape/src/shapes/link/line/LinkHorizontalLine.tsx

package/components/Group.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { createMotionStore } from '../stores/motionStore';
 const { width, height } = getContext('LayerCake');
 /**

package/components/HighlightLine.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { get } from 'svelte/store';
 import Circle from './Circle.svelte';
 import Line from './Line.svelte';

package/components/HighlightRect.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { isScaleBand } from '../utils/scales';
 import Rect from './Rect.svelte';
 export let data;

package/components/Labels.svelte

@@ -1,4 +1,4 @@
-<script >/*
+<script>/*
  * TODO
  *   - [ ] Support step curves (center like scaleBand())
  *   - [ ] Support multiple values (threshold, stacks, etc)

package/components/Line.svelte

@@ -1,4 +1,4 @@
-<script >import { createMotionStore } from '../stores/motionStore';
+<script>import { createMotionStore } from '../stores/motionStore';
 export let x1;
 export let y1;
 export let x2;

package/components/LinearGradient.svelte

@@ -1,4 +1,4 @@
-<script >export let id;
+<script>export let id;
 export let from;
 export let via; // TODO: Currently --tw-gradient-via is not the color but the full stops
 export let to;

package/components/Link.svelte

@@ -1,4 +1,4 @@
-<script >import { link as d3Link, curveBumpX, curveBumpY } from 'd3-shape';
+<script>import { link as d3Link, curveBumpX, curveBumpY } from 'd3-shape';
 import { interpolatePath } from 'd3-interpolate-path';
 import { createMotionStore } from '../stores/motionStore';
 // Properties to override what is used from context

package/components/Path.svelte

@@ -1,4 +1,4 @@
-<script >/*
+<script>/*
     TODO:
     - [ ] Show path progressively show / animated in on load.  Also fix sliding in from left side (at last in from bottom)
 */
@@ -35,7 +35,7 @@ $: {
 
 <path class="path-line" d={$tweened_d} stroke={color} stroke-width={width} {...$$restProps} />
 
-<style >
+<style>
 	.path-line {
 		fill: none;
 		stroke-linejoin: round;

package/components/Pattern.svelte

@@ -1,4 +1,4 @@
-<script >// https://developer.mozilla.org/en-US/docs/Web/SVG/Element/pattern
+<script>// https://developer.mozilla.org/en-US/docs/Web/SVG/Element/pattern
 // https://airbnb.io/visx/patterns
 // https://github.com/airbnb/visx/tree/master/packages/visx-pattern/src/patterns
 export let id;

package/components/Pie.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { pie as d3pie } from 'd3-shape';
 import Arc from './Arc.svelte';
 import Group from './Group.svelte';

package/components/Points.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import Circle from './Circle.svelte';
 import { isScaleBand } from '../utils/scales';
 const context = getContext('LayerCake');

package/components/Rect.svelte

@@ -1,4 +1,4 @@
-<script >import { createMotionStore } from '../stores/motionStore';
+<script>import { createMotionStore } from '../stores/motionStore';
 export let x = 0;
 export let y = 0;
 export let width;

package/components/RectClipPath.svelte

@@ -1,4 +1,4 @@
-<script >import { uniqueId } from 'svelte-ux/utils/string';
+<script>import { uniqueId } from 'svelte-ux/utils/string';
 import ClipPath from './ClipPath.svelte';
 import Rect from './Rect.svelte';
 /** Unique id for clipPath */

package/components/Sankey.svelte

@@ -1,4 +1,4 @@
-<script >// https://github.com/d3/d3-sankey
+<script>// https://github.com/d3/d3-sankey
 import { createEventDispatcher, getContext } from 'svelte';
 import { sankey as d3Sankey, sankeyLeft, sankeyCenter, sankeyRight, sankeyJustify } from 'd3-sankey';
 const dispatch = createEventDispatcher();

package/components/Text.svelte

@@ -1,4 +1,4 @@
-<script >import { getStringWidth } from '../utils/string';
+<script>import { getStringWidth } from '../utils/string';
 /*
 TODO:
   - [ ] Handle styled text (use <slot /> to measure?)

package/components/Threshold.svelte

@@ -1,4 +1,4 @@
-<script >/*
+<script>/*
 See also:
   - https://observablehq.com/@d3/difference-chart
   - https://github.com/airbnb/visx/issues/245

package/components/Tooltip.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext, createEventDispatcher } from 'svelte';
+<script>import { getContext, createEventDispatcher } from 'svelte';
 import { spring } from 'svelte/motion';
 import { fade } from 'svelte/transition';
 import { writable } from 'svelte/store';

package/components/Tree.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { tree as d3Tree } from 'd3-hierarchy';
 const { data, width, height, padding } = getContext('LayerCake');
 /**

package/components/Treemap.svelte

@@ -1,4 +1,4 @@
-<script >/**
+<script>/**
  * TODO:
  *   - [ ] Improve zoomable nested (apply extent ratio?  const extentRatio = ($extents.y1 - $extents.y0) / $height;
  */

package/components/Zoom.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import { spring } from 'svelte/motion';
 const { width, height, padding } = getContext('LayerCake');
 let dragging = false;

package/docs/Preview.svelte

@@ -1,4 +1,4 @@
-<script >import Prism from 'prismjs';
+<script>import Prism from 'prismjs';
 import 'prism-svelte';
 export let code = null;
 export let language = 'svelte';

package/package.json

@@ -3,38 +3,38 @@
   "author": "Sean Lynch <techniq35@gmail.com>",
   "license": "MIT",
   "repository": "techniq/layerchart",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "devDependencies": {
     "@rollup/plugin-dsv": "^2.0.3",
-    "@sveltejs/adapter-vercel": "^1.0.0-next.47",
-    "@sveltejs/kit": "^1.0.0-next.303",
+    "@sveltejs/adapter-vercel": "^1.0.0-next.58",
+    "@sveltejs/kit": "^1.0.0-next.350",
     "@tailwindcss/typography": "^0.5.2",
-    "@types/d3-array": "^3.0.2",
+    "@types/d3-array": "^3.0.3",
     "@types/d3-dsv": "^3.0.0",
-    "@types/d3-hierarchy": "^3.0.2",
+    "@types/d3-hierarchy": "^3.1.0",
     "@types/d3-sankey": "^0.11.2",
     "@types/d3-scale": "^4.0.2",
-    "@types/d3-shape": "^3.0.2",
+    "@types/d3-shape": "^3.1.0",
     "@types/lodash-es": "^4.17.6",
-    "autoprefixer": "^10.4.4",
-    "mdsvex": "^0.10.5",
-    "prettier": "^2.6.1",
-    "prettier-plugin-svelte": "^2.6.0",
+    "autoprefixer": "^10.4.7",
+    "mdsvex": "^0.10.6",
+    "prettier": "^2.6.2",
+    "prettier-plugin-svelte": "^2.7.0",
     "prism-themes": "^1.9.0",
-    "svelte": "^3.46.6",
-    "svelte-check": "^2.4.6",
-    "svelte-preprocess": "^4.10.4",
-    "svelte2tsx": "^0.5.6",
-    "tailwindcss": "^3.0.23",
-    "tslib": "^2.3.1",
-    "typescript": "^4.6.3",
+    "svelte": "^3.48.0",
+    "svelte-check": "^2.7.2",
+    "svelte-preprocess": "^4.10.7",
+    "svelte2tsx": "^0.5.10",
+    "tailwindcss": "^3.1.0",
+    "tslib": "^2.4.0",
+    "typescript": "^4.7.3",
     "unist-util-visit": "^4.1.0",
     "vite-plugin-sveld": "^1.0.3"
   },
   "type": "module",
   "dependencies": {
-    "@mdi/js": "^6.6.96",
-    "d3-array": "^3.1.1",
+    "@mdi/js": "^6.7.96",
+    "d3-array": "^3.1.6",
     "d3-dsv": "^3.0.1",
     "d3-hierarchy": "^3.1.2",
     "d3-interpolate-path": "^2.2.3",
@@ -45,7 +45,7 @@
     "date-fns": "^2.28.0",
     "layercake": "^6.1.0",
     "lodash-es": "^4.17.21",
-    "svelte-ux": "^0.5.0"
+    "svelte-ux": "^0.5.1"
   },
   "exports": {
     "./package.json": "./package.json",