@nswds/app 1.28.3 → 1.29.0

package/dist/index.js

@@ -7402,7 +7402,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.27.0"};
+  version: "1.28.3"};
 function Logo(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -8959,23 +8959,29 @@ function TableOfContents({ tableOfContents }) {
   }, []);
   useEffect(() => {
     if (tableOfContents.length === 0) return;
-    const headings = getHeadings2(tableOfContents);
-    function onScroll() {
-      const top = window.scrollY;
-      let current = headings[0].id;
-      for (const heading of headings) {
-        if (top >= heading.top - 10) {
-          current = heading.id;
-        } else {
-          break;
+    const timer = setTimeout(() => {
+      const headings = getHeadings2(tableOfContents);
+      if (headings.length === 0) return;
+      function onScroll() {
+        const top = window.scrollY;
+        let current = headings[0].id;
+        for (const heading of headings) {
+          if (top >= heading.top - 10) {
+            current = heading.id;
+          } else {
+            break;
+          }
         }
+        setCurrentSection(current);
       }
-      setCurrentSection(current);
-    }
-    window.addEventListener("scroll", onScroll, { passive: true });
-    onScroll();
+      window.addEventListener("scroll", onScroll, { passive: true });
+      onScroll();
+      return () => {
+        window.removeEventListener("scroll", onScroll);
+      };
+    }, 100);
     return () => {
-      window.removeEventListener("scroll", onScroll);
+      clearTimeout(timer);
     };
   }, [getHeadings2, tableOfContents]);
   function isActive(section) {
@@ -9334,6 +9340,10 @@ var TocContext = createContext({
 });
 function TocProvider({ children }) {
   const [toc, setToc] = useState(true);
+  const pathname = usePathname();
+  useEffect(() => {
+    setToc(true);
+  }, [pathname]);
   return /* @__PURE__ */ jsx(TocContext.Provider, { value: { toc, setToc }, children });
 }
 function useToc() {