@linear_non/stellar-kit 2.1.17 → 2.1.19

package/events/Raf.js

@@ -23,6 +23,17 @@ export default class Raf {
     this.on()
   }
 
+  onAppResize = () => {
+    const { fh } = kitStore.sizes
+
+    // clamp our smooth state
+    this.scroll.target = Math.min(Math.max(this.scroll.target, 0), fh)
+    this.scroll.current = Math.min(Math.max(this.scroll.current, 0), fh)
+    this.scroll.rounded = Math.min(Math.max(this.scroll.rounded, 0), fh)
+
+    ScrollTrigger.update()
+  }
+
   tick = () => {
     const { target, current, ease } = this.scroll
 
@@ -121,6 +132,7 @@ export default class Raf {
     gsap.ticker.add(this.tick)
     emitter.on(EVENTS.APP_SCROLL, this.onScroll)
     emitter.on(EVENTS.APP_MOUSEMOVE, this.onMouseMove)
+    emitter.on(EVENTS.APP_RESIZE, this.onAppResize)
     window.addEventListener("pagehide", () => this.stop)
     window.addEventListener("pageshow", () => this.resume)
   }
@@ -129,6 +141,7 @@ export default class Raf {
     gsap.ticker.remove(this.tick)
     emitter.off(EVENTS.APP_SCROLL, this.onScroll)
     emitter.off(EVENTS.APP_MOUSEMOVE, this.onMouseMove)
+    emitter.off(EVENTS.APP_RESIZE, this.onAppResize)
     window.removeEventListener("pagehide", () => this.stop)
     window.removeEventListener("pageshow", () => this.resume)
   }

package/events/Resize.js

@@ -71,18 +71,7 @@ export default class Resize {
   }
 
   on() {
-    let scheduled = false
-
-    const handler = () => {
-      if (scheduled) return
-      scheduled = true
-      requestAnimationFrame(() => {
-        scheduled = false
-        this.onResize()
-      })
-    }
-
-    window.addEventListener("resize", debounce(handler, 200), { passive: true })
+    window.addEventListener("resize", debounce(this.onResize, 200), { passive: true })
     window.addEventListener("load", this.onLoadOnce, { once: true })
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linear_non/stellar-kit",
-  "version": "2.1.17",
+  "version": "2.1.19",
   "description": "Stellar frontend core for Non-Linear Studio projects.",
   "main": "index.js",
   "exports": {