@linear_non/stellar-libs 1.2.0 → 1.2.2

package/package.json

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

package/src/Smooth/index.js

@@ -1,7 +1,7 @@
 import Scrollbar from "../ScrollBar"
 import { kitStore } from "@linear_non/stellar-kit"
 import { emitter, EVENTS } from "@linear_non/stellar-kit/events"
-import { qs, qsa, bounds } from "@linear_non/stellar-kit/utils"
+import { qs, qsa, bounds, Debug } from "@linear_non/stellar-kit/utils"
 
 export default class Smooth {
   constructor(obj) {
@@ -12,7 +12,6 @@ export default class Smooth {
     this.sections = null
     this.scrollbar = null
     this.dpr = Math.max(1, Math.round(window.devicePixelRatio || 1))
-    this.resizeRAF = null
 
     this.init()
   }
@@ -110,49 +109,20 @@ export default class Smooth {
     }
   }
 
-  resetTransforms() {
-    if (!this.elems) return
-    this.elems.forEach(el => {
-      el.style.transform = ""
-    })
-  }
-
   resize = () => {
     const { isSmooth } = kitStore.flags
 
     if (!isSmooth) return
 
-    // Cancel any pending resize RAF
-    if (this.resizeRAF) {
-      cancelAnimationFrame(this.resizeRAF)
-      this.resizeRAF = null
-    }
-
-    // Clear transforms to get accurate measurements
-    this.resetTransforms()
-
-    // Force reflow
-    if (this.el) {
-      void this.el.offsetHeight
-    }
-
-    // Double RAF to ensure DOM has fully reflowed
-    this.resizeRAF = requestAnimationFrame(() => {
-      this.resizeRAF = requestAnimationFrame(() => {
-        this.resizeRAF = null
+    this.scroll?.setScrollBounds()
 
-        this.scroll?.setScrollBounds()
+    const { fh } = kitStore.sizes
+    this.current = Math.min(Math.max(this.current, 0), fh || 0)
 
-        const { fh } = kitStore.sizes
-        this.current = Math.min(Math.max(this.current, 0), fh || 0)
-
-        this.getSections()
-
-        emitter.emit(EVENTS.APP_SMOOTH_RESIZE)
-        this.transformSections()
-        this.scrollbar?.update()
-      })
-    })
+    this.getSections()
+    emitter.emit(EVENTS.APP_SMOOTH_RESIZE)
+    this.transformSections()
+    this.scrollbar?.update()
   }
 
   update(elems) {
@@ -182,11 +152,6 @@ export default class Smooth {
   }
 
   destroy() {
-    if (this.resizeRAF) {
-      cancelAnimationFrame(this.resizeRAF)
-      this.resizeRAF = null
-    }
-
     this.off()
     this.scrollbar?.destroy()
     this.clean()

package/src/Sticky/index.js

@@ -1,6 +1,7 @@
 // Sticky.js
 import { bounds } from "@linear_non/stellar-kit/utils"
 import { gsap, ScrollTrigger } from "@linear_non/stellar-kit/gsap"
+import { kitStore } from "@linear_non/stellar-kit/kitStore"
 
 export default class Sticky {
   constructor(obj) {
@@ -36,6 +37,7 @@ export default class Sticky {
       start: "top top",
       end: "bottom bottom",
       scrub: true,
+      scroller: kitStore.scroller || undefined,
       onEnter: () => this.toggleSticky(true),
       onEnterBack: () => this.toggleSticky(true),
       onLeave: () => this.toggleSticky(false, true),