rytm-webflow 2.1.4 → 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.4",
+  "version": "2.1.6",
   "description": "rytm webflow pack - ASwap, ShowUp",
   "main": "scripts/index.js",
   "scripts": {

package/scripts/aswap/ASwap.js

@@ -22,6 +22,7 @@ class ASwap {
       oldschoolBrowserFallback: true, // IE11 or lower is not supported
       preloadOnHover: false, // preload links on hover
       refreshOnSameUrl: true, // refresh window if same URL is requested
+      refreshOnContentParseError: true, // refresh window if loaded request has special characters
       routes: {},
       swapSelector: '#stage', // swap wrapper selector
       defaultDocumentScrollBehavior: 'smooth',

package/scripts/aswap/ASwapDispatcher.js

@@ -70,7 +70,7 @@ class ASwapDispatcher extends EventDispatcher {
     if (body && body[index]) {
       return body[index];
     } else {
-      this.warning("AS problem - " + tag + " could not be extracted, index:", idnex);
+      this.warning("AS problem - " + tag + " could not be extracted, index:", index);
       return false;
     }
   }
@@ -142,6 +142,9 @@ class ASwapDispatcher extends EventDispatcher {
     let body = this.getTagFromResult(result, "body");
     if (!body) {
       this.warning("AS problem - body was not found in result");
+      if (this.refreshOnContentParseError) {
+        window.location.reload();
+      }
       return false;
     }    
     let html = document.createElement('html');

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());