gf-components 0.1.161 → 0.1.162

package/dist/index.es.js

@@ -41261,42 +41261,43 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
   items: e,
   width: t = 226,
   offset: n = 0,
-  containerStyle: r = {}
+  rootMargin: r = 80,
+  containerStyle: i = {}
 }) => {
-  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" });
+  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 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);
+    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: `-${n}px 0px -80% 0px`
+        rootMargin: `-${n}px 0px -{rootMargin}% 0px`
       }
     );
-    return u.forEach(({ el: f }) => d.observe(f)), () => {
-      d.disconnect(), s.current && clearTimeout(s.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, {}),
@@ -41314,27 +41315,27 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
             top: n,
             position: "sticky",
             paddingRight: 8,
-            ...r
+            ...i
           },
           children: [
             /* @__PURE__ */ m.jsx("span", { style: { fontSize: 12 }, children: "Inhoudsopgave".toUpperCase() }),
-            e == null ? void 0 : e.map((u, d) => {
-              const f = d === i;
+            e == null ? void 0 : e.map((d, f) => {
+              const h = f === o;
               return /* @__PURE__ */ m.jsx(
                 "div",
                 {
-                  onClick: () => c(d),
+                  onClick: () => u(f),
                   style: {
                     width: "100%",
                     boxSizing: "border-box",
                     padding: 8,
                     cursor: "pointer",
-                    background: f ? "#F0F6FF" : "transparent",
+                    background: h ? "#F0F6FF" : "transparent",
                     transition: "background 150ms ease"
                   },
-                  children: /* @__PURE__ */ m.jsx(P7e, { children: u == null ? void 0 : u.name })
+                  children: /* @__PURE__ */ m.jsx(P7e, { children: d == null ? void 0 : d.name })
                 },
-                d
+                f
               );
             })
           ]