@nok-integration/storefront-react 0.19.4 → 0.19.5

package/dist/index.mjs

@@ -5410,6 +5410,7 @@ const styles$M = {
   surface: surface$1,
   fill
 };
+const SETTLE_MS$1 = 150;
 function offsetFromViewportTop(el) {
   let top = el.getBoundingClientRect().top;
   for (let node = el.parentElement; node; node = node.parentElement) {
@@ -5423,17 +5424,30 @@ function useTopOffset(ref, property, enabled = true) {
   useEffect(() => {
     const el = ref.current;
     if (!el || !enabled) return;
+    let timer2;
     const measure = () => {
       el.style.setProperty(property, `${offsetFromViewportTop(el)}px`);
     };
+    const settle = () => {
+      if (timer2) clearTimeout(timer2);
+      timer2 = setTimeout(measure, SETTLE_MS$1);
+    };
     measure();
     window.addEventListener("resize", measure);
     window.addEventListener("orientationchange", measure);
+    document.addEventListener("scroll", settle, {
+      capture: true,
+      passive: true
+    });
     const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
     if (observer && el.parentElement) observer.observe(el.parentElement);
     return () => {
+      if (timer2) clearTimeout(timer2);
       window.removeEventListener("resize", measure);
       window.removeEventListener("orientationchange", measure);
+      document.removeEventListener("scroll", settle, {
+        capture: true
+      });
       observer?.disconnect();
     };
   }, [ref, property, enabled]);

package/dist/standalone/storefront.mjs

@@ -5410,6 +5410,7 @@ const styles$M = {
   surface: surface$1,
   fill
 };
+const SETTLE_MS$1 = 150;
 function offsetFromViewportTop(el) {
   let top = el.getBoundingClientRect().top;
   for (let node = el.parentElement; node; node = node.parentElement) {
@@ -5423,17 +5424,30 @@ function useTopOffset(ref, property, enabled = true) {
   useEffect(() => {
     const el = ref.current;
     if (!el || !enabled) return;
+    let timer2;
     const measure = () => {
       el.style.setProperty(property, `${offsetFromViewportTop(el)}px`);
     };
+    const settle = () => {
+      if (timer2) clearTimeout(timer2);
+      timer2 = setTimeout(measure, SETTLE_MS$1);
+    };
     measure();
     window.addEventListener("resize", measure);
     window.addEventListener("orientationchange", measure);
+    document.addEventListener("scroll", settle, {
+      capture: true,
+      passive: true
+    });
     const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
     if (observer && el.parentElement) observer.observe(el.parentElement);
     return () => {
+      if (timer2) clearTimeout(timer2);
       window.removeEventListener("resize", measure);
       window.removeEventListener("orientationchange", measure);
+      document.removeEventListener("scroll", settle, {
+        capture: true
+      });
       observer?.disconnect();
     };
   }, [ref, property, enabled]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nok-integration/storefront-react",
-  "version": "0.19.4",
+  "version": "0.19.5",
   "description": "Mountable React storefront components: catalogue, product detail and cart, mounted directly into a host DOM tree. No iframe.",
   "license": "UNLICENSED",
   "publishConfig": {