fix(self-drawing-circle): rotation direction fix and spin stopping on reset

Author: glassdimly

packages/with-without/wwo-self-drawing-circle/self-drawing-circle.js

@@ -31,8 +31,8 @@ class SelfDrawingCircle extends withLitHtml() {
     );
     outline.setAttribute('stroke-dasharray', `0 1000`);
     this.renderRoot
-      .querySelector('.wwo-self-drawing-circle')
-      .classList.remove('rotate');
+      .querySelector('.wwo-self-drawing-circle__spinner')
+      .classList.remove('spin');
   }
 
   async _drawCircle(dashSize, speed) {

packages/with-without/wwo-self-drawing-circle/self-drawing-circle.scss

@@ -26,6 +26,6 @@
 
 @keyframes spin {
  100% {
-   transform: rotateZ(-360deg);
+   transform: rotateZ(360deg);
   }
 }