From c1fd147363649540e595cab849b5ebe75a02a581 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 21 Apr 2024 19:49:11 -0700
Subject: refactor(TextTransition): move to Layout

---
 src/lib/Layout/TextTransition.svelte | 28 ++++++++++++++++++++++++++++
 src/lib/TextTransition.svelte        | 28 ----------------------------
 src/lib/Tools/RandomFollower.svelte  |  2 +-
 3 files changed, 29 insertions(+), 29 deletions(-)
 create mode 100644 src/lib/Layout/TextTransition.svelte
 delete mode 100644 src/lib/TextTransition.svelte

(limited to 'src/lib')

diff --git a/src/lib/Layout/TextTransition.svelte b/src/lib/Layout/TextTransition.svelte
new file mode 100644
index 00000000..bd7814de
--- /dev/null
+++ b/src/lib/Layout/TextTransition.svelte
@@ -0,0 +1,28 @@
+<script>
+	import { tweened } from 'svelte/motion';
+	import { cubicOut } from 'svelte/easing';
+
+	export let text = '';
+	export let opacityTransitionDuration = 50;
+	export let blurTransitionDuration = opacityTransitionDuration;
+	export let easing = cubicOut;
+
+	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;
+
+				Promise.all([opacity.set(1), blur.set(0)]);
+			});
+	}
+</script>
+
+<span
+	style="opacity: {$opacity}; filter: blur({$blur}px); transition: opacity {opacityTransitionDuration}ms, filter {blurTransitionDuration}ms;"
+>
+	{previousValue}
+</span>
diff --git a/src/lib/TextTransition.svelte b/src/lib/TextTransition.svelte
deleted file mode 100644
index bd7814de..00000000
--- a/src/lib/TextTransition.svelte
+++ /dev/null
@@ -1,28 +0,0 @@
-<script>
-	import { tweened } from 'svelte/motion';
-	import { cubicOut } from 'svelte/easing';
-
-	export let text = '';
-	export let opacityTransitionDuration = 50;
-	export let blurTransitionDuration = opacityTransitionDuration;
-	export let easing = cubicOut;
-
-	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;
-
-				Promise.all([opacity.set(1), blur.set(0)]);
-			});
-	}
-</script>
-
-<span
-	style="opacity: {$opacity}; filter: blur({$blur}px); transition: opacity {opacityTransitionDuration}ms, filter {blurTransitionDuration}ms;"
->
-	{previousValue}
-</span>
diff --git a/src/lib/Tools/RandomFollower.svelte b/src/lib/Tools/RandomFollower.svelte
index 3117b41a..a8fe7141 100644
--- a/src/lib/Tools/RandomFollower.svelte
+++ b/src/lib/Tools/RandomFollower.svelte
@@ -2,7 +2,7 @@
 	import { followers } from '$lib/Data/AniList/following';
 	import RateLimited from '$lib/Error/RateLimited.svelte';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
-	import TextSwap from '$lib/TextTransition.svelte';
+	import TextSwap from '$lib/Layout/TextTransition.svelte';
 	import InputTemplate from './InputTemplate.svelte';
 
 	let submission = '';
-- 
cgit v1.2.3