layerchart 0.0.6 → 0.1.0
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.
- package/components/AreaStack.svelte +3 -0
- package/components/AreaStack.svelte.d.ts +1 -0
- package/components/Bars.svelte +4 -0
- package/components/Bars.svelte.d.ts +3 -0
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +13 -13
|
@@ -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>
|
package/components/Bars.svelte
CHANGED
|
@@ -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: {
|
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
|
|
6
|
+
"version": "0.1.0",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@sveltejs/adapter-static": "^1.0.0-next.
|
|
9
|
-
"@sveltejs/kit": "^1.0.0-next.
|
|
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.
|
|
17
|
-
"prettier-plugin-svelte": "^2.5.
|
|
16
|
+
"prettier": "^2.5.1",
|
|
17
|
+
"prettier-plugin-svelte": "^2.5.1",
|
|
18
18
|
"prism-themes": "^1.9.0",
|
|
19
|
-
"svelte": "^3.44.
|
|
19
|
+
"svelte": "^3.44.3",
|
|
20
20
|
"svelte-check": "^2.2.10",
|
|
21
|
-
"svelte-preprocess": "^4.
|
|
22
|
-
"svelte2tsx": "^0.4.
|
|
23
|
-
"tailwindcss": "^
|
|
21
|
+
"svelte-preprocess": "^4.10.0",
|
|
22
|
+
"svelte2tsx": "^0.4.11",
|
|
23
|
+
"tailwindcss": "^3.0.2",
|
|
24
24
|
"tailwindcss-elevation": "^1.0.1",
|
|
25
25
|
"tslib": "^2.3.1",
|
|
26
|
-
"typescript": "^4.5.
|
|
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.
|
|
37
|
-
"layercake": "^5.0.
|
|
36
|
+
"date-fns": "^2.27.0",
|
|
37
|
+
"layercake": "^5.0.3",
|
|
38
38
|
"lodash-es": "^4.17.21",
|
|
39
|
-
"svelte-ux": "^0.0
|
|
39
|
+
"svelte-ux": "^0.1.0"
|
|
40
40
|
},
|
|
41
41
|
"exports": {
|
|
42
42
|
"./package.json": "./package.json",
|