diff options
Diffstat (limited to 'src/lib/Layout/TextTransition.svelte')
| -rw-r--r-- | src/lib/Layout/TextTransition.svelte | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/lib/Layout/TextTransition.svelte b/src/lib/Layout/TextTransition.svelte index 13a4ed9b..a31b3ae3 100644 --- a/src/lib/Layout/TextTransition.svelte +++ b/src/lib/Layout/TextTransition.svelte @@ -1,23 +1,23 @@ <script> -import { tweened } from 'svelte/motion'; -import { cubicOut } from 'svelte/easing'; +import { tweened } from "svelte/motion"; +import { cubicOut } from "svelte/easing"; -export let text = ''; +export let text = ""; export let opacityTransitionDuration = 50; export let blurTransitionDuration = opacityTransitionDuration; export let easing = cubicOut; -let previousValue = ''; +let previousValue = ""; let opacity = tweened(1, { duration: opacityTransitionDuration, easing }); let blur = tweened(0, { duration: blurTransitionDuration, easing }); $: { - if (text !== previousValue) - Promise.all([opacity.set(0), blur.set(10)]).then(() => { - previousValue = text; + if (text !== previousValue) + Promise.all([opacity.set(0), blur.set(10)]).then(() => { + previousValue = text; - Promise.all([opacity.set(1), blur.set(0)]); - }); + Promise.all([opacity.set(1), blur.set(0)]); + }); } </script> |