@brandocms/jupiter 3.43.0 → 3.44.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+#### 3.44.0
+
+- Moonwalk: Add `data-moonwalked` to walked elements. Don't run again on
+  already walked elements.
+- Dom: Add `hasAttribute`
+
+
 #### 3.43.0
 
 - **BREAKING** Marquee: More consistent `speed`. This means you should probably 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@brandocms/jupiter",
-    "version": "3.43.0",
+    "version": "3.44.0",
     "description": "Frontend helpers.",
     "author": "Univers/Twined",
     "license": "UNLICENSED",

package/src/modules/Dom/index.js

@@ -73,6 +73,10 @@ class DOM {
     return classes.map(className => element.classList.toggle(className))
   }
 
+  hasAttribute (element, attributeName) {
+    return element.hasAttribute(attributeName)
+  }
+
   overlapsVertically ($div1, $div2) {
     // Div 1 data
     const d1Offset = $div1.getBoundingClientRect()

package/src/modules/Moonwalk/index.js

@@ -655,6 +655,10 @@ export default class Moonwalk {
     let tweenPosition
     const startingPoint = tweenDuration - tweenOverlap
 
+    if (Dom.hasAttribute(target, 'data-moonwalked')) {
+      return
+    }
+
     if (section.timeline.isActive() && section.timeline.recent()) {
       if (section.timeline.recent().time() > startingPoint) {
         /* We're late for this tween if it was supposed to be sequential,
@@ -677,6 +681,7 @@ export default class Moonwalk {
       },
       tweenPosition()
     )
+    .call(() => { target.setAttribute('data-moonwalked', '') }, null, '<')
 
     if (alphaTween) {
       section.timeline.to(target, {
@@ -701,7 +706,7 @@ export default class Moonwalk {
     let tweenPosition
     const startingPoint = tweenDuration - tweenOverlap
 
-    if (Dom.hasClass(target, 'moonwalked')) {
+    if (Dom.hasAttribute(target, 'data-moonwalked')) {
       return
     }
 
@@ -726,6 +731,6 @@ export default class Moonwalk {
         duration: tweenDuration
       },
       tweenPosition()
-    )
+    ).call(() => { target.setAttribute('data-moonwalked', '') }, null, '<')
   }
 }