gf-components 0.1.160 → 0.1.161

package/dist/index.es.js

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