gf-components 0.1.160 → 0.1.162

package/dist/index.es.js

@@ -41260,44 +41260,44 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
 `, fhe = ({
   items: e,
   width: t = 226,
-  headerOffset: n = 80,
-  bannerOffset: r = 55,
+  offset: n = 0,
+  rootMargin: r = 80,
   containerStyle: i = {}
 }) => {
-  const [o, a] = Ne.useState(0), s = n + r, l = Ne.useRef(!1), c = Ne.useRef(null), u = (f) => {
-    l.current = !0, c.current && clearTimeout(c.current), c.current = setTimeout(() => {
-      l.current = !1;
-    }, f);
-  }, d = (f) => {
-    var g, v;
-    a(f), u(800);
-    const h = (v = (g = e == null ? void 0 : e[f]) == null ? void 0 : g.href) == null ? void 0 : v.current;
-    if (!h) return;
-    const p = h.getBoundingClientRect().top + window.pageYOffset - n;
-    window.scrollTo({ top: p, behavior: "smooth" });
+  const [o, a] = Ne.useState(0), s = Ne.useRef(!1), l = Ne.useRef(null), c = (d) => {
+    s.current = !0, l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+      s.current = !1;
+    }, d);
+  }, u = (d) => {
+    var p, g;
+    a(d), c(800);
+    const f = (g = (p = e == null ? void 0 : e[d]) == null ? void 0 : p.href) == null ? void 0 : g.current;
+    if (!f) return;
+    const h = f.getBoundingClientRect().top + window.pageYOffset - n;
+    window.scrollTo({ top: h, behavior: "smooth" });
   };
   return Ne.useEffect(() => {
-    const f = (e || []).map((p, g) => {
-      var v;
-      return { key: g, el: (v = p.href) == null ? void 0 : v.current };
-    }).filter((p) => p.el);
-    if (!f.length) return;
-    const h = new IntersectionObserver(
-      (p) => {
-        if (l.current) return;
-        const g = p.filter((b) => b.isIntersecting).sort((b, y) => b.boundingClientRect.top - y.boundingClientRect.top)[0];
-        if (!g) return;
-        const v = f.find((b) => b.el === g.target);
-        v && v.key !== void 0 && a(v.key);
+    const d = (e || []).map((h, p) => {
+      var g;
+      return { key: p, el: (g = h.href) == null ? void 0 : g.current };
+    }).filter((h) => h.el);
+    if (!d.length) return;
+    const f = new IntersectionObserver(
+      (h) => {
+        if (s.current) return;
+        const p = h.filter((v) => v.isIntersecting).sort((v, b) => v.boundingClientRect.top - b.boundingClientRect.top)[0];
+        if (!p) return;
+        const g = d.find((v) => v.el === p.target);
+        g && g.key !== void 0 && a(g.key);
       },
       {
         root: null,
         threshold: [0.1, 0.2, 0.3],
-        rootMargin: `-${s}px 0px -80% 0px`
+        rootMargin: `-${n}px 0px -{rootMargin}% 0px`
       }
     );
-    return f.forEach(({ el: p }) => h.observe(p)), () => {
-      h.disconnect(), c.current && clearTimeout(c.current);
+    return d.forEach(({ el: h }) => f.observe(h)), () => {
+      f.disconnect(), l.current && clearTimeout(l.current);
     };
   }, [e]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx($n, {}),
@@ -41312,30 +41312,30 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
             width: t,
             height: "fit-content",
             paddingTop: 48,
-            top: s,
+            top: n,
             position: "sticky",
             paddingRight: 8,
             ...i
           },
           children: [
             /* @__PURE__ */ m.jsx("span", { style: { fontSize: 12 }, children: "Inhoudsopgave".toUpperCase() }),
-            e == null ? void 0 : e.map((f, h) => {
-              const p = h === o;
+            e == null ? void 0 : e.map((d, f) => {
+              const h = f === o;
               return /* @__PURE__ */ m.jsx(
                 "div",
                 {
-                  onClick: () => d(h),
+                  onClick: () => u(f),
                   style: {
                     width: "100%",
                     boxSizing: "border-box",
                     padding: 8,
                     cursor: "pointer",
-                    background: p ? "#F0F6FF" : "transparent",
+                    background: h ? "#F0F6FF" : "transparent",
                     transition: "background 150ms ease"
                   },
-                  children: /* @__PURE__ */ m.jsx(P7e, { children: f == null ? void 0 : f.name })
+                  children: /* @__PURE__ */ m.jsx(P7e, { children: d == null ? void 0 : d.name })
                 },
-                h
+                f
               );
             })
           ]