@linear_non/stellar-libs 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-libs",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Reusable JavaScript libraries for Non-Linear Studio projects.",
   "main": "src/index.js",
   "type": "module",

package/src/SplitOnScroll/index.js

@@ -14,8 +14,21 @@ export default class SplitonScroll {
     once = true,
   }) {
     this.element = el
-    this.splitText = splitText
-    this.splits = []
+
+    if (!splitText) {
+      this.targets = []
+    } else if (splitText instanceof Element) {
+      this.targets = [splitText]
+    } else if (Array.isArray(splitText)) {
+      this.targets = splitText
+    } else {
+      this.targets = Array.from(splitText)
+    }
+
+    if (!this.targets.length) return
+
+    this.splits = null
+
     this.animateCallback = animate || (() => {})
     this.reverseCallback = reverse || (() => {})
     this.start = start
@@ -23,10 +36,7 @@ export default class SplitonScroll {
     this.scrub = scrub
     this.once = once
 
-    if (!this.splitText[0]) return
-
     // this.initScrollTrigger()
-
     this.addObserver()
   }
 
@@ -49,23 +59,32 @@ export default class SplitonScroll {
       end: this.end,
       scrub: this.scrub,
     })
+
     this.observer.on("enter", () => this.handleEnter())
     this.observer.on("leave", () => this.handleLeave())
   }
 
   handleEnter() {
-    console.log("jojo")
-    const split = splitText(this.splitText)
+    const split = splitText(this.targets)
+
     split.on(EVENTS.APP_SPLITTEXT_READY, splits => {
-      this.splits = [...splits]
-      this.animateCallback([...splits])
+      this.splits = splits
+      this.hasSplit = true
+
+      this.animateCallback(this.splits)
     })
   }
 
   handleLeave() {
-    reverseSplit(this.splits)
+    if (this.splits) {
+      reverseSplit(this.splits)
+    }
+
     this.reverseCallback()
-    this.destroy()
+
+    if (this.once) {
+      this.destroy()
+    }
   }
 
   update() {
@@ -74,5 +93,9 @@ export default class SplitonScroll {
 
   destroy() {
     this.observer?.kill()
+
+    this.splits = null
+    this.targets = null
+    this.element = null
   }
 }