@linear_non/stellar-libs 1.0.35 → 1.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-libs",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "Reusable JavaScript libraries for Non-Linear Studio projects.",
   "main": "src/index.js",
   "type": "module",
@@ -25,7 +25,7 @@
   "author": "Non-Linear Studio",
   "license": "MIT",
   "dependencies": {
-    "@linear_non/stellar-kit": "^2.1.5"
+    "@linear_non/stellar-kit": "^2.1.9"
   },
   "devDependencies": {
     "@linear_non/prettier-config": "^1.0.6",

package/src/ScrollBar/index.js

@@ -1,4 +1,3 @@
-// Scrollbar.js
 import { kitStore } from "@linear_non/stellar-kit"
 import { emitter, EVENTS, Raf } from "@linear_non/stellar-kit/events"
 

package/src/Smooth/index.js

@@ -1,4 +1,3 @@
-// Smooth.js
 import Scrollbar from "../ScrollBar"
 import { kitStore } from "@linear_non/stellar-kit"
 import { emitter, EVENTS } from "@linear_non/stellar-kit/events"
@@ -16,6 +15,12 @@ export default class Smooth {
     this.init()
   }
 
+  /**
+   * - top / bottom: virtual layout positions
+   * - offset: parallax centering adjustment
+   * - speed: dataset speed multiplier
+   * - parent: optional reference to another section for nested offsets
+   */
   getSections() {
     const { isSmooth } = kitStore.flags
     if (!this.elems || !isSmooth) return
@@ -81,10 +86,13 @@ export default class Smooth {
     const { top, bottom, offset, speed, parent } = section
 
     const extra = (parent && parent.transform) || 0
+
     const translate = this.current * speed
     const transform = translate - offset - extra
+
     const start = top - translate
     const end = bottom - translate
+
     const isVisible = end > 0 && start < vh
 
     return { isVisible, transform }
@@ -93,6 +101,7 @@ export default class Smooth {
   getTransform(transform) {
     let y = -transform
     y = Math.round(y * this.dpr) / this.dpr
+
     return `translate3d(0, ${y}px, 0)`
   }
 
@@ -156,11 +165,17 @@ export default class Smooth {
     emitter.off(EVENTS.APP_RESIZE, this.resize)
   }
 
+  destroy() {
+    this.off()
+    this.clean()
+  }
+
   init(elems) {
     this.elems = elems || qsa("[data-smooth]")
 
+    const container = kitStore.currentPage
     this.scrollbar = new Scrollbar({
-      container: kitStore.currentPage,
+      container,
     })
 
     this.on()

package/src/SplitOnScroll/index.js

@@ -57,7 +57,6 @@ export default class SplitonScroll {
 
     this.addObserver()
 
-    // If already in view, trigger enter handler
     if (this.observer.isActive || this.observer.progress > 0) {
       this.handleEnter()
     }
@@ -77,11 +76,6 @@ export default class SplitonScroll {
   }
 
   async handleEnter() {
-    if (this.splits) {
-      this.isReadyCallback(this.splits, this.groups || {})
-      return
-    }
-
     const emitter = splitText(this.targets)
 
     const { splits, groups } = await new Promise(resolve => {