From 30376149c42301b5ed620cf9ec6c378e8a32d94f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Babi=C4=8D?= <peter@peterbabic.dev>
Date: Fri, 19 Mar 2021 12:52:04 +0100
Subject: [PATCH] implement animate pulse

---
 src/App.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index ee46329..8649c4d 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -312,6 +312,13 @@
       restart()
     }
   }
+
+  const animate = i =>
+    (level == 0 &&
+      i == 5 &&
+      circles[i] == C_POLE &&
+      moveStack.length == 0) ||
+    circles[i] == C_DEST
 </script>
 
 <style lang="postcss">
@@ -364,15 +371,14 @@
       </div>
 
       <div class="triangle grid grid-cols-9 grid-rows-5 mb-4">
-        {#each circles as type, i}
+        {#each circles as _, i}
           {#key circles[i]}
             <div
-              class="circle rounded-full cursor-pointer div{i} {type} {getCircleColor(i)}"
+              class="circle rounded-full cursor-pointer div{i} {circles[i]} {getCircleColor(i)}"
+              class:animate-pulse={animate(i)}
               on:click={() => change(i)}
               in:receive={{ key: i }}
-              out:send={{ key: i }}>
-              <!-- {i} -->
-            </div>
+              out:send={{ key: i }} />
           {/key}
         {/each}
       </div>