coonlink-luxy 26.1.8 → 26.1.9

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AA6LD,wBAAgB,kBAAkB,IAAI,oBAAoB,CAEzD;AAED,wBAAgB,uBAAuB,IAAI,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAEjF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,OAAO,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AAiND,wBAAgB,kBAAkB,IAAI,oBAAoB,CAEzD;AAED,wBAAgB,uBAAuB,IAAI,QAAQ,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAEjF"}

package/dist/index.js

@@ -39,18 +39,44 @@ class Engine {
         this.settings = defaults;
         this.wrapper = null;
         this.targets = [];
+        this.contentHeight = 0;
         this.wrapperOffset = 0;
         this.scrollTop = 0;
         this.rafId = 0;
         this.pauseForOverlay = false;
         this.overlayObserver = null;
+        this.spacerObserver = null;
         this.onWindowResize = () => {
             cancelAnimationFrame(this.rafId);
             this.rafId = 0;
-            setTimeout(() => { if (this.wrapper)
-                this.startLoop(); }, 200);
+            setTimeout(() => { if (this.wrapper) {
+                this.syncBodyHeight();
+                this.startLoop();
+            } }, 200);
         };
     }
+    syncBodyHeight() {
+        if (!this.wrapper)
+            return;
+        const h = Math.max(this.wrapper.scrollHeight, this.wrapper.clientHeight);
+        if (this.contentHeight === h)
+            return;
+        this.contentHeight = h;
+        document.body.style.height = `${h}px`;
+    }
+    attachSpacerObserver() {
+        this.detachSpacerObserver();
+        if (!this.wrapper)
+            return;
+        this.syncBodyHeight();
+        this.spacerObserver = new ResizeObserver(() => this.syncBodyHeight());
+        this.spacerObserver.observe(this.wrapper);
+    }
+    detachSpacerObserver() {
+        var _a;
+        (_a = this.spacerObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.spacerObserver = null;
+    }
     syncOverlayPause() {
         if (!this.settings.respectOpenModalOverlay) {
             this.pauseForOverlay = false;
@@ -85,14 +111,9 @@ class Engine {
                 this.rafId = 0;
                 return;
             }
-            // Keep body height in sync with wrapper content height
-            const h = Math.max(this.wrapper.scrollHeight, this.wrapper.clientHeight);
-            if (parseInt(document.body.style.height) !== h) {
-                document.body.style.height = `${h}px`;
-            }
             if (!this.pauseForOverlay) {
                 this.scrollTop = Math.round(getScrollTop());
-                this.wrapperUpdate(h);
+                this.wrapperUpdate();
                 for (let i = 0; i < this.targets.length; i++)
                     this.targetsUpdate(this.targets[i]);
             }
@@ -100,10 +121,10 @@ class Engine {
         };
         this.rafId = window.requestAnimationFrame(loop);
     }
-    wrapperUpdate(contentHeight) {
+    wrapperUpdate() {
         if (!this.wrapper)
             return;
-        const maxOffset = Math.max(0, contentHeight - window.innerHeight);
+        const maxOffset = Math.max(0, this.contentHeight - window.innerHeight);
         const target = Math.max(0, Math.min(this.scrollTop, maxOffset));
         const delta = target - this.wrapperOffset;
         if (Math.abs(delta) < 0.1) {
@@ -145,8 +166,6 @@ class Engine {
             return false;
         this.wrapper = el;
         const nodeList = document.querySelectorAll(this.settings.targets);
-        const scrollHeight = Math.max(this.wrapper.scrollHeight, this.wrapper.clientHeight);
-        document.body.style.height = `${scrollHeight}px`;
         this.wrapper.style.width = '100%';
         this.wrapper.style.position = 'fixed';
         this.targets = [];
@@ -170,11 +189,13 @@ class Engine {
             });
         }
         window.addEventListener('resize', this.onWindowResize);
+        this.attachSpacerObserver();
         this.attachOverlayWatcher();
         this.startLoop();
         return true;
     }
     destroy() {
+        this.detachSpacerObserver();
         this.detachOverlayWatcher();
         cancelAnimationFrame(this.rafId);
         this.rafId = 0;
@@ -188,6 +209,7 @@ class Engine {
             this.targets[i].elm.removeAttribute('style');
         this.targets = [];
         this.wrapperOffset = 0;
+        this.contentHeight = 0;
     }
 }
 export function createCoonlinkLuxy() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coonlink-luxy",
-  "version": "26.1.8",
+  "version": "26.1.9",
   "description": "Inertia scroll and parallax (luxy-style) with fixes for modern browsers, React/Next, and prefers-reduced-motion.",
   "homepage": "https://dev.coonlink.com",
   "keywords": [