layerchart 0.0.5 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,7 @@ export let curve = undefined;
6
6
  export let defined = undefined;
7
7
  export let opacity = 0.3;
8
8
  export let line = false;
9
+ export let tweened = undefined;
9
10
  // Render in reverse order so bottom stacks are rendered last (and stack above the upper stacks). Fixes when upper stack has 0 value
10
11
  $: lineData = [...$data].reverse();
11
12
  </script>
@@ -19,6 +20,7 @@ $: lineData = [...$data].reverse();
19
20
  color={$zGet(seriesData)}
20
21
  {curve}
21
22
  {defined}
23
+ {tweened}
22
24
  {...line}
23
25
  />
24
26
  {/each}
@@ -35,6 +37,7 @@ $: lineData = [...$data].reverse();
35
37
  {curve}
36
38
  {defined}
37
39
  {opacity}
40
+ {tweened}
38
41
  />
39
42
  {/each}
40
43
  </g>
@@ -6,6 +6,7 @@ declare const __propDef: {
6
6
  defined?: (d: any, index: number, data: any[]) => boolean;
7
7
  opacity?: number;
8
8
  line?: boolean | any;
9
+ tweened?: boolean | Parameters<typeof tweenedStore>[1];
9
10
  };
10
11
  events: {
11
12
  [evt: string]: CustomEvent<any>;
@@ -27,6 +27,8 @@ export let radius = 0;
27
27
  export let getKey = (item) => _x(item);
28
28
  export let getProps = undefined;
29
29
  export let widthOffset = 0;
30
+ export let spring = undefined;
31
+ export let tweened = undefined;
30
32
  // See: https://svelte.dev/repl/7000c5ce05b84cd98ccbfb2768b4be3d?version=3.38.3
31
33
  export let groupBy = undefined;
32
34
  // export let delay = 300;
@@ -94,6 +96,8 @@ function getColor(item, index) {
94
96
  {stroke}
95
97
  stroke-width={strokeWidth}
96
98
  rx={radius}
99
+ {spring}
100
+ {tweened}
97
101
  {...getDimensions(item)}
98
102
  {...getProps?.({ value: _y(item), item, index })}
99
103
  {...$$restProps}
@@ -1,4 +1,5 @@
1
1
  import { SvelteComponentTyped } from "svelte";
2
+ import type { spring as springStore, tweened as tweenedStore } from 'svelte/motion';
2
3
  declare const __propDef: {
3
4
  props: {
4
5
  [x: string]: any;
@@ -20,6 +21,8 @@ declare const __propDef: {
20
21
  index: number;
21
22
  }) => any;
22
23
  widthOffset?: number;
24
+ spring?: boolean | Parameters<typeof springStore>[1];
25
+ tweened?: boolean | Parameters<typeof tweenedStore>[1];
23
26
  groupBy?: string;
24
27
  };
25
28
  events: {
@@ -1,3 +1,4 @@
1
+ export { default as Arc } from './Arc.svelte';
1
2
  export { default as Area } from './Area.svelte';
2
3
  export { default as AreaStack } from './AreaStack.svelte';
3
4
  export { default as AxisX } from './AxisX.svelte';
@@ -6,14 +7,16 @@ export { default as Bars } from './Bars.svelte';
6
7
  export { default as Baseline } from './Baseline.svelte';
7
8
  export { default as Chart } from './Chart.svelte';
8
9
  export { default as Circle } from './Circle.svelte';
9
- export { default as ClevelandDotPlot } from './ClevelandDotPlot.svelte';
10
- export { default as HighlightRect } from './HighlightRect.svelte';
10
+ export { default as ConnectedPoints } from './ConnectedPoints.svelte';
11
+ export { default as Group } from './Group.svelte';
11
12
  export { default as HighlightLine } from './HighlightLine.svelte';
13
+ export { default as HighlightRect } from './HighlightRect.svelte';
12
14
  export { default as Labels } from './Labels.svelte';
13
15
  export { default as Line } from './Line.svelte';
16
+ export { default as LinearGradient } from './LinearGradient.svelte';
14
17
  export { default as Path } from './Path.svelte';
18
+ export { default as Points } from './Points.svelte';
15
19
  export { default as Rect } from './Rect.svelte';
16
- export { default as Scatter } from './Scatter.svelte';
17
20
  export { default as Text } from './Text.svelte';
18
21
  export { default as Threshold } from './Threshold.svelte';
19
22
  export { default as Tooltip } from './Tooltip.svelte';
@@ -1,3 +1,4 @@
1
+ export { default as Arc } from './Arc.svelte';
1
2
  export { default as Area } from './Area.svelte';
2
3
  export { default as AreaStack } from './AreaStack.svelte';
3
4
  export { default as AxisX } from './AxisX.svelte';
@@ -6,14 +7,16 @@ export { default as Bars } from './Bars.svelte';
6
7
  export { default as Baseline } from './Baseline.svelte';
7
8
  export { default as Chart } from './Chart.svelte';
8
9
  export { default as Circle } from './Circle.svelte';
9
- export { default as ClevelandDotPlot } from './ClevelandDotPlot.svelte';
10
- export { default as HighlightRect } from './HighlightRect.svelte';
10
+ export { default as ConnectedPoints } from './ConnectedPoints.svelte';
11
+ export { default as Group } from './Group.svelte';
11
12
  export { default as HighlightLine } from './HighlightLine.svelte';
13
+ export { default as HighlightRect } from './HighlightRect.svelte';
12
14
  export { default as Labels } from './Labels.svelte';
13
15
  export { default as Line } from './Line.svelte';
16
+ export { default as LinearGradient } from './LinearGradient.svelte';
14
17
  export { default as Path } from './Path.svelte';
18
+ export { default as Points } from './Points.svelte';
15
19
  export { default as Rect } from './Rect.svelte';
16
- export { default as Scatter } from './Scatter.svelte';
17
20
  export { default as Text } from './Text.svelte';
18
21
  export { default as Threshold } from './Threshold.svelte';
19
22
  export { default as Tooltip } from './Tooltip.svelte';
package/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { Svg, Html } from 'layercake';
2
- export * from './components';
3
- export * from './utils';
2
+ export * from './components/index.js';
3
+ export * from './utils/index.js';
package/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  export { Svg, Html } from 'layercake';
2
- export * from './components';
3
- export * from './utils';
2
+ export * from './components/index.js';
3
+ export * from './utils/index.js';
package/package.json CHANGED
@@ -3,27 +3,27 @@
3
3
  "author": "Sean Lynch <techniq35@gmail.com>",
4
4
  "license": "MIT",
5
5
  "repository": "techniq/layerchart",
6
- "version": "0.0.5",
6
+ "version": "0.0.9",
7
7
  "devDependencies": {
8
- "@sveltejs/adapter-static": "^1.0.0-next.21",
9
- "@sveltejs/kit": "^1.0.0-next.201",
8
+ "@sveltejs/adapter-static": "^1.0.0-next.22",
9
+ "@sveltejs/kit": "^1.0.0-next.202",
10
10
  "@types/d3-array": "^3.0.2",
11
11
  "@types/d3-scale": "^4.0.2",
12
12
  "@types/d3-shape": "^3.0.2",
13
13
  "@types/lodash-es": "^4.17.5",
14
14
  "autoprefixer": "^10.4.0",
15
15
  "mdsvex": "^0.9.8",
16
- "prettier": "^2.5.0",
17
- "prettier-plugin-svelte": "^2.5.0",
16
+ "prettier": "^2.5.1",
17
+ "prettier-plugin-svelte": "^2.5.1",
18
18
  "prism-themes": "^1.9.0",
19
- "svelte": "^3.44.2",
19
+ "svelte": "^3.44.3",
20
20
  "svelte-check": "^2.2.10",
21
- "svelte-preprocess": "^4.9.4",
22
- "svelte2tsx": "^0.4.10",
21
+ "svelte-preprocess": "^4.10.0",
22
+ "svelte2tsx": "^0.4.11",
23
23
  "tailwindcss": "^2.2.19",
24
24
  "tailwindcss-elevation": "^1.0.1",
25
25
  "tslib": "^2.3.1",
26
- "typescript": "^4.5.2",
26
+ "typescript": "^4.5.4",
27
27
  "unist-util-visit": "^4.1.0"
28
28
  },
29
29
  "type": "module",
@@ -33,10 +33,10 @@
33
33
  "d3-interpolate-path": "^2.2.3",
34
34
  "d3-scale": "^4.0.2",
35
35
  "d3-shape": "^3.0.1",
36
- "date-fns": "^2.26.0",
37
- "layercake": "^5.0.1",
36
+ "date-fns": "^2.27.0",
37
+ "layercake": "^5.0.2",
38
38
  "lodash-es": "^4.17.21",
39
- "svelte-ux": "^0.0.105"
39
+ "svelte-ux": "^0.0.112"
40
40
  },
41
41
  "exports": {
42
42
  "./package.json": "./package.json",