svelte tween

<script>
    import { LayerCake, Svg, calcExtents, flatten } from 'layercake';
    import { tweened } from 'svelte/motion';
    import * as eases from 'svelte/easing';
    import Line from '../../components/Line.svelte';

    export let data;
    export let shared;

    const y = tweened(undefined, {
        duration: 300,
        easing: eases.cubicInOut
    });

    $: y.set(shared ? [0, 100] : get_extents(data));
</script>

<LayerCake
    padding={{ top: 2, right: 6, bottom: 2, left: 6 }}
    x={'x'}
    y={'y'}
    {data}
    y_scale={y}
>
    <Svg>
        <Line
            stroke={'#000'}
        />
    </Svg>
</LayerCake>