@brandocms/jupiter 3.46.2 → 3.46.4

package/package.json

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

package/src/modules/Moonwalk/index.js

@@ -318,8 +318,8 @@ export default class Moonwalk {
    * @param {*} section
    */
   setupNamesAndStages (section) {
-    gsap.set(section.el, { opacity: 1 })
-
+    section.el.setAttribute('data-moonwalk-section-ready', '')
+    
     if (!section.stage.name && !section.name) {
       return
     }
@@ -350,7 +350,11 @@ export default class Moonwalk {
     if (section.stage.name) {
       // reset the element to its `from` state.
       const stageTween = walks[section.stage.name]
-      gsap.set(section.el, stageTween.transition.from)
+      if (!stageTween) {
+        console.error('==> JUPITER/MOONWALK: MISSING referenced moonwalk stage', section.stage.name)
+      } else {
+        gsap.set(section.el, stageTween.transition.from)
+      }
     }
 
     const observer = this.sectionObserver(section)

package/src/modules/Typography/index.js

@@ -11,17 +11,19 @@ export default class Typography {
       ...settings
     }
 
+    self.elems = []
+
     // Either load from root or the passed parent element
     if (typeof (parent) === 'undefined') {
-      self.elems = [...document.querySelectorAll(self.settings.selector)]
+      self.elems = [...self.elems, ...document.querySelectorAll(self.settings.selector)]
     } else {
-      self.elems = [...parent.querySelectorAll(self.settings.selector)]
+      self.elems = [...self.elems, ...parent.querySelectorAll(self.settings.selector)]
     }
 
     // load children
     const typoParents = document.querySelectorAll('[data-typo-children]')
     typoParents.forEach(typoParent => {
-      self.elems = [...typoParent.children]
+      self.elems = [...self.elems, ...typoParent.children]
     })
 
     this.apply()