rytm-webflow 2.1.5 → 2.1.6

package/README.md

@@ -297,11 +297,15 @@ RytmWebflow.aswap.init({
   }
 })
 ```
-Add data attributes to the cointainer element. Inside the container place elements that include the `webscroll` data attributes (initial, show, hide):
+Add data attributes to the cointainer element. Inside the element grabbed by the selector place elements that include the `webscroll` data attributes (initial, show, hide):
 ```html
 <div id="stage">
   <ul data-as-view="list" data-as-id="uid" data-webset="selector:li,stagger:.1">
-    <li data-webscroll-initial="o:0" data-webscroll-show="o:1,t:.5" data-webscroll-hide="o:0,t.4">...</li>
+    <li>
+      <div data-webscroll-initial="o:0" data-webscroll-show="o:1,t:.5" data-webscroll-hide="o:0,t.4">
+        ...
+      </div>
+    </li>
   </ul>
 </div>
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rytm-webflow",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "rytm webflow pack - ASwap, ShowUp",
   "main": "scripts/index.js",
   "scripts": {

package/scripts/aswap/WebflowListView.js

@@ -58,8 +58,14 @@ class WebflowListView extends View {
       delay = delay + (propsShow.tween.delay || 0);
       gsap.killTweensOf(el);
       gsap.set(el, {...propsInitial.tween});
-      gsap.to(el, {duration: propsShow.time, ...propsShow.tween, delay});
-      el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
+      gsap.to(el, {
+        duration: propsShow.time, 
+        ...propsShow.tween, 
+        delay,
+        onComplete: () => {
+          el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
+        }
+      });
     }
   }
   /**

package/scripts/aswap/WebflowView.js

@@ -205,8 +205,13 @@ class WebflowView extends View {
         if (e.scrollDirection === "FORWARD") {
           gsap.killTweensOf(el);
           gsap.set(el, {...propsInitial.tween});
-          gsap.to(el, {duration: propsShow.time, ...propsShow.tween});
-          el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
+          gsap.to(el, {
+            duration: propsShow.time, 
+            ...propsShow.tween, 
+            onComplete: () => {
+              el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
+            }
+          });
         }
       });
       scene.addTo(scrollController.get());