@gunkin/uiify 0.0.14-alpha → 0.0.16-alpha

package/dist/components/table-of-contents/client/table-of-contents-interactions.js

@@ -0,0 +1,144 @@
+import { resolveTableOfContentsId } from "../scrollspy-selection.js";
+function attachTableOfContentsInteractions({
+  root,
+  getOpen,
+  requestOpen,
+  controlled,
+  openOnHover,
+  openDelay,
+  closeDelay
+}) {
+  const doc = root.ownerDocument, view = doc.defaultView;
+  const part = (name) => [...root.querySelectorAll(`[data-part="${name}"]`)].find(
+    (node) => node.closest("[data-uiify-table-of-contents]") === root
+  ) ?? null;
+  const panel = () => part("content");
+  const trigger = () => part("trigger");
+  const within = (node) => node instanceof view.Node && (panel()?.contains(node) || trigger()?.contains(node));
+  let timer = 0, toggleTimer = 0, pinned = false, transient = false, suppressed = false, returnFocus = false, navigating = false, destroyed = false;
+  const clear = () => {
+    view.clearTimeout(timer);
+    timer = 0;
+  };
+  const focused = () => panel()?.contains(doc.activeElement);
+  const enter = (event) => {
+    const pointer = event;
+    if (pointer.pointerType !== "mouse" || !within(pointer.target) || within(pointer.relatedTarget))
+      return;
+    clear();
+    if (!openOnHover || suppressed || getOpen()) return;
+    timer = view.setTimeout(() => {
+      timer = 0;
+      transient = true;
+      requestOpen(true);
+    }, openDelay);
+  };
+  const leave = (event) => {
+    if (within(event.relatedTarget)) return;
+    suppressed = false;
+    clear();
+    if (transient && !pinned && !focused())
+      timer = view.setTimeout(() => {
+        timer = 0;
+        transient = false;
+        requestOpen(false);
+      }, closeDelay);
+  };
+  const focus = () => clear();
+  const blur = (event) => {
+    if (!root.contains(event.relatedTarget) && transient && !pinned) {
+      clear();
+      timer = view.setTimeout(() => requestOpen(false), closeDelay);
+    }
+  };
+  const before = (event) => {
+    if (event.target !== panel()) return;
+    const next = event.newState === "open";
+    if (!next) {
+      returnFocus = !navigating && (focused() ?? false);
+      navigating = false;
+      clear();
+      transient = false;
+      pinned = false;
+      suppressed = true;
+    }
+    if (next !== getOpen()) {
+      requestOpen(next);
+      if (controlled && event.cancelable) event.preventDefault();
+    }
+    view.clearTimeout(toggleTimer);
+    toggleTimer = view.setTimeout(() => {
+      const surface = panel();
+      if (destroyed || !surface?.isConnected) return;
+      const actual = surface.matches(":popover-open");
+      if (controlled && actual !== getOpen()) {
+        if (getOpen()) surface.showPopover();
+        else surface.hidePopover();
+      } else if (!actual && returnFocus) {
+        returnFocus = false;
+        trigger()?.focus({ preventScroll: true });
+      }
+    }, 0);
+  };
+  root.addEventListener("pointerover", enter);
+  root.addEventListener("pointerout", leave);
+  root.addEventListener("focusin", focus);
+  root.addEventListener("focusout", blur);
+  root.addEventListener("beforetoggle", before, true);
+  return {
+    click(event) {
+      if (event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey)
+        return;
+      const element = event.target.closest(
+        '[data-part="trigger"], [data-part="link"]'
+      );
+      if (!element || element.closest("[data-uiify-table-of-contents]") !== root) return;
+      if (element === trigger()) {
+        event.preventDefault();
+        clear();
+        const rail = event.target.closest('[data-part="rail"]');
+        const indicator = event.target.closest('[data-part="indicator"]') ?? rail?.querySelector('[data-part="indicator"][data-highlighted]');
+        const id = indicator?.getAttribute("data-uiify-toc-value");
+        if (rail && id && event.detail > 0 && event.pointerType !== "touch") {
+          const link = [...root.querySelectorAll('[data-part="link"]')].find(
+            (node) => node.closest("[data-uiify-table-of-contents]") === root && node.getAttribute("data-uiify-toc-value") === id
+          );
+          if (link) {
+            link.click();
+            return;
+          }
+        }
+        if (transient && getOpen()) {
+          transient = false;
+          pinned = true;
+        } else {
+          pinned = !getOpen();
+          transient = false;
+          suppressed = !pinned;
+          requestOpen(pinned);
+        }
+      } else if (!element.hasAttribute("download") && (!element.getAttribute("target") || element.getAttribute("target") === "_self") && resolveTableOfContentsId(element.getAttribute("href") ?? "", doc.URL) !== null) {
+        clear();
+        navigating = true;
+        pinned = false;
+        transient = false;
+        suppressed = true;
+        requestOpen(false);
+      }
+    },
+    destroy() {
+      destroyed = true;
+      clear();
+      view.clearTimeout(toggleTimer);
+      root.removeEventListener("pointerover", enter);
+      root.removeEventListener("pointerout", leave);
+      root.removeEventListener("focusin", focus);
+      root.removeEventListener("focusout", blur);
+      root.removeEventListener("beforetoggle", before, true);
+    }
+  };
+}
+export {
+  attachTableOfContentsInteractions
+};
+//# sourceMappingURL=table-of-contents-interactions.js.map

package/dist/components/table-of-contents/client/table-of-contents-interactions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table-of-contents/client/table-of-contents-interactions.ts"],"sourcesContent":["import { resolveTableOfContentsId } from \"../scrollspy-selection.js\";\nimport type { TableOfContentsInteractionOptions, TableOfContentsInteractions } from \"../types.js\";\n\nexport function attachTableOfContentsInteractions({\n  root,\n  getOpen,\n  requestOpen,\n  controlled,\n  openOnHover,\n  openDelay,\n  closeDelay,\n}: TableOfContentsInteractionOptions): TableOfContentsInteractions {\n  const doc = root.ownerDocument,\n    view = doc.defaultView!;\n  const part = (name: string) =>\n    [...root.querySelectorAll<HTMLElement>(`[data-part=\"${name}\"]`)].find(\n      (node) => node.closest(\"[data-uiify-table-of-contents]\") === root,\n    ) ?? null;\n  const panel = () => part(\"content\");\n  const trigger = () => part(\"trigger\");\n  const within = (node: EventTarget | null) =>\n    node instanceof view.Node && (panel()?.contains(node) || trigger()?.contains(node));\n  let timer = 0,\n    toggleTimer = 0,\n    pinned = false,\n    transient = false,\n    suppressed = false,\n    returnFocus = false,\n    navigating = false,\n    destroyed = false;\n  const clear = () => {\n    view.clearTimeout(timer);\n    timer = 0;\n  };\n  const focused = () => panel()?.contains(doc.activeElement);\n  const enter = (event: Event) => {\n    const pointer = event as PointerEvent;\n    if (pointer.pointerType !== \"mouse\" || !within(pointer.target) || within(pointer.relatedTarget))\n      return;\n    clear();\n    if (!openOnHover || suppressed || getOpen()) return;\n    timer = view.setTimeout(() => {\n      timer = 0;\n      transient = true;\n      requestOpen(true);\n    }, openDelay);\n  };\n  const leave = (event: Event) => {\n    if (within((event as PointerEvent).relatedTarget)) return;\n    suppressed = false;\n    clear();\n    if (transient && !pinned && !focused())\n      timer = view.setTimeout(() => {\n        timer = 0;\n        transient = false;\n        requestOpen(false);\n      }, closeDelay);\n  };\n  const focus = () => clear();\n  const blur = (event: Event) => {\n    if (\n      !root.contains((event as FocusEvent).relatedTarget as Node | null) &&\n      transient &&\n      !pinned\n    ) {\n      clear();\n      timer = view.setTimeout(() => requestOpen(false), closeDelay);\n    }\n  };\n  const before = (event: Event) => {\n    if (event.target !== panel()) return;\n    const next = (event as ToggleEvent).newState === \"open\";\n    if (!next) {\n      returnFocus = !navigating && (focused() ?? false);\n      navigating = false;\n      clear();\n      transient = false;\n      pinned = false;\n      suppressed = true;\n    }\n    if (next !== getOpen()) {\n      requestOpen(next);\n      if (controlled && event.cancelable) event.preventDefault();\n    }\n    view.clearTimeout(toggleTimer);\n    toggleTimer = view.setTimeout(() => {\n      const surface = panel();\n      if (destroyed || !surface?.isConnected) return;\n      const actual = surface.matches(\":popover-open\");\n      if (controlled && actual !== getOpen()) {\n        if (getOpen()) surface.showPopover();\n        else surface.hidePopover();\n      } else if (!actual && returnFocus) {\n        returnFocus = false;\n        trigger()?.focus({ preventScroll: true });\n      }\n    }, 0);\n  };\n  root.addEventListener(\"pointerover\", enter);\n  root.addEventListener(\"pointerout\", leave);\n  root.addEventListener(\"focusin\", focus);\n  root.addEventListener(\"focusout\", blur);\n  root.addEventListener(\"beforetoggle\", before, true);\n  return {\n    click(event) {\n      if (\n        event.defaultPrevented ||\n        event.button !== 0 ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.shiftKey ||\n        event.altKey\n      )\n        return;\n      const element = (event.target as Element).closest(\n        '[data-part=\"trigger\"], [data-part=\"link\"]',\n      );\n      if (!element || element.closest(\"[data-uiify-table-of-contents]\") !== root) return;\n      if (element === trigger()) {\n        event.preventDefault();\n        clear();\n        const rail = (event.target as Element).closest('[data-part=\"rail\"]');\n        const indicator =\n          (event.target as Element).closest('[data-part=\"indicator\"]') ??\n          rail?.querySelector('[data-part=\"indicator\"][data-highlighted]');\n        const id = indicator?.getAttribute(\"data-uiify-toc-value\");\n        if (rail && id && event.detail > 0 && (event as PointerEvent).pointerType !== \"touch\") {\n          const link = [...root.querySelectorAll<HTMLAnchorElement>('[data-part=\"link\"]')].find(\n            (node) =>\n              node.closest(\"[data-uiify-table-of-contents]\") === root &&\n              node.getAttribute(\"data-uiify-toc-value\") === id,\n          );\n          if (link) {\n            link.click();\n            return;\n          }\n        }\n        if (transient && getOpen()) {\n          transient = false;\n          pinned = true;\n        } else {\n          pinned = !getOpen();\n          transient = false;\n          suppressed = !pinned;\n          requestOpen(pinned);\n        }\n      } else if (\n        !element.hasAttribute(\"download\") &&\n        (!element.getAttribute(\"target\") || element.getAttribute(\"target\") === \"_self\") &&\n        resolveTableOfContentsId(element.getAttribute(\"href\") ?? \"\", doc.URL) !== null\n      ) {\n        clear();\n        navigating = true;\n        pinned = false;\n        transient = false;\n        suppressed = true;\n        requestOpen(false);\n      }\n    },\n    destroy() {\n      destroyed = true;\n      clear();\n      view.clearTimeout(toggleTimer);\n      root.removeEventListener(\"pointerover\", enter);\n      root.removeEventListener(\"pointerout\", leave);\n      root.removeEventListener(\"focusin\", focus);\n      root.removeEventListener(\"focusout\", blur);\n      root.removeEventListener(\"beforetoggle\", before, true);\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/components/table-of-contents/client/table-of-contents-pointer.d.ts

@@ -0,0 +1,3 @@
+import type { TableOfContentsPointerOptions } from "../types.js";
+export declare function attachTableOfContentsPointer({ root }: TableOfContentsPointerOptions): () => void;
+//# sourceMappingURL=table-of-contents-pointer.d.ts.map

package/dist/components/table-of-contents/client/table-of-contents-pointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents-pointer.d.ts","sourceRoot":"","sources":["../../../../src/components/table-of-contents/client/table-of-contents-pointer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAEjE,wBAAgB,4BAA4B,CAAC,EAAE,IAAI,EAAE,EAAE,6BAA6B,GAAG,MAAM,IAAI,CA+FhG"}

package/dist/components/table-of-contents/client/table-of-contents-pointer.js

@@ -0,0 +1,94 @@
+function attachTableOfContentsPointer({ root }) {
+  const view = root.ownerDocument.defaultView;
+  const rail = root.querySelector('[data-part="rail"]');
+  if (!rail) return () => {
+  };
+  let nodes = [], centers = /* @__PURE__ */ new Map(), frame = 0, y = null;
+  const select = (id) => {
+    for (const node of root.querySelectorAll("[data-uiify-toc-value]"))
+      if (node.closest("[data-uiify-table-of-contents]") === root)
+        node.toggleAttribute(
+          "data-highlighted",
+          id !== null && node.getAttribute("data-uiify-toc-value") === id
+        );
+  };
+  const measure = () => {
+    observer.disconnect();
+    centers.clear();
+    nodes = [...rail.querySelectorAll('[data-part="indicator"]')];
+    nodes.forEach((node, index) => {
+      node.style.setProperty("--uiify-toc-index", String(index));
+      observer.observe(node);
+    });
+  };
+  const observer = new view.IntersectionObserver((entries) => {
+    for (const entry of entries)
+      centers.set(entry.target, entry.boundingClientRect.top + entry.boundingClientRect.height / 2);
+  });
+  const resize = new view.ResizeObserver(measure);
+  resize.observe(rail);
+  const mutations = new view.MutationObserver(measure);
+  mutations.observe(rail, { childList: true, subtree: true });
+  const reset = () => {
+    y = null;
+    rail.style.removeProperty("--uiify-toc-pointer");
+    select(null);
+  };
+  const move = (event) => {
+    if (event.pointerType !== "mouse") return;
+    y = event.clientY;
+    if (frame) return;
+    frame = view.requestAnimationFrame(() => {
+      frame = 0;
+      if (y === null || centers.size !== nodes.length || !nodes.length) return;
+      let index = 0;
+      for (let i = 1; i < nodes.length; i++) {
+        const previous = centers.get(nodes[i - 1]), next = centers.get(nodes[i]);
+        index = i - 1 + (y - previous) / (next - previous || 1);
+        if (y <= next) break;
+      }
+      rail.style.setProperty("--uiify-toc-pointer", String(index));
+      const nearest = nodes[Math.max(0, Math.min(nodes.length - 1, Math.round(index)))];
+      select(nearest?.getAttribute("data-uiify-toc-value") ?? null);
+    });
+  };
+  const highlight = (event) => {
+    const target = event.type.endsWith("out") ? event.relatedTarget : event.target;
+    const link = target instanceof view.Element ? target.closest('[data-part="link"]') : null;
+    const id = link?.closest("[data-uiify-table-of-contents]") === root ? link.getAttribute("data-uiify-toc-value") : null;
+    select(id);
+  };
+  rail.addEventListener("pointermove", move);
+  rail.addEventListener("pointerleave", reset);
+  root.addEventListener("pointerover", highlight);
+  root.addEventListener("focusin", highlight);
+  root.addEventListener("pointerout", highlight);
+  root.addEventListener("focusout", highlight);
+  const scroll = () => {
+    if (!frame)
+      frame = view.requestAnimationFrame(() => {
+        frame = 0;
+        measure();
+      });
+  };
+  view.addEventListener("scroll", scroll, true);
+  measure();
+  return () => {
+    observer.disconnect();
+    resize.disconnect();
+    mutations.disconnect();
+    if (frame) view.cancelAnimationFrame(frame);
+    rail.removeEventListener("pointermove", move);
+    rail.removeEventListener("pointerleave", reset);
+    root.removeEventListener("pointerover", highlight);
+    root.removeEventListener("focusin", highlight);
+    root.removeEventListener("pointerout", highlight);
+    root.removeEventListener("focusout", highlight);
+    view.removeEventListener("scroll", scroll, true);
+    reset();
+  };
+}
+export {
+  attachTableOfContentsPointer
+};
+//# sourceMappingURL=table-of-contents-pointer.js.map

package/dist/components/table-of-contents/client/table-of-contents-pointer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table-of-contents/client/table-of-contents-pointer.ts"],"sourcesContent":["import type { TableOfContentsPointerOptions } from \"../types.js\";\n\nexport function attachTableOfContentsPointer({ root }: TableOfContentsPointerOptions): () => void {\n  const view = root.ownerDocument.defaultView!;\n  const rail = root.querySelector<HTMLElement>('[data-part=\"rail\"]');\n  if (!rail) return () => {};\n  let nodes: HTMLElement[] = [],\n    centers = new Map<Element, number>(),\n    frame = 0,\n    y: number | null = null;\n  const select = (id: string | null) => {\n    for (const node of root.querySelectorAll(\"[data-uiify-toc-value]\"))\n      if (node.closest(\"[data-uiify-table-of-contents]\") === root)\n        node.toggleAttribute(\n          \"data-highlighted\",\n          id !== null && node.getAttribute(\"data-uiify-toc-value\") === id,\n        );\n  };\n  const measure = () => {\n    observer.disconnect();\n    centers.clear();\n    nodes = [...rail.querySelectorAll<HTMLElement>('[data-part=\"indicator\"]')];\n    nodes.forEach((node, index) => {\n      node.style.setProperty(\"--uiify-toc-index\", String(index));\n      observer.observe(node);\n    });\n  };\n  const observer = new view.IntersectionObserver((entries) => {\n    for (const entry of entries)\n      centers.set(entry.target, entry.boundingClientRect.top + entry.boundingClientRect.height / 2);\n  });\n  const resize = new view.ResizeObserver(measure);\n  resize.observe(rail);\n  const mutations = new view.MutationObserver(measure);\n  mutations.observe(rail, { childList: true, subtree: true });\n  const reset = () => {\n    y = null;\n    rail.style.removeProperty(\"--uiify-toc-pointer\");\n    select(null);\n  };\n  const move = (event: PointerEvent) => {\n    if (event.pointerType !== \"mouse\") return;\n    y = event.clientY;\n    if (frame) return;\n    frame = view.requestAnimationFrame(() => {\n      frame = 0;\n      if (y === null || centers.size !== nodes.length || !nodes.length) return;\n      let index = 0;\n      for (let i = 1; i < nodes.length; i++) {\n        const previous = centers.get(nodes[i - 1]!)!,\n          next = centers.get(nodes[i]!)!;\n        index = i - 1 + (y - previous) / (next - previous || 1);\n        if (y <= next) break;\n      }\n      rail.style.setProperty(\"--uiify-toc-pointer\", String(index));\n      const nearest = nodes[Math.max(0, Math.min(nodes.length - 1, Math.round(index)))];\n      select(nearest?.getAttribute(\"data-uiify-toc-value\") ?? null);\n    });\n  };\n  const highlight = (event: Event) => {\n    const target = event.type.endsWith(\"out\") ? (event as FocusEvent).relatedTarget : event.target;\n    const link = target instanceof view.Element ? target.closest('[data-part=\"link\"]') : null;\n    const id =\n      link?.closest(\"[data-uiify-table-of-contents]\") === root\n        ? link.getAttribute(\"data-uiify-toc-value\")\n        : null;\n    select(id);\n  };\n  rail.addEventListener(\"pointermove\", move);\n  rail.addEventListener(\"pointerleave\", reset);\n  root.addEventListener(\"pointerover\", highlight);\n  root.addEventListener(\"focusin\", highlight);\n  root.addEventListener(\"pointerout\", highlight);\n  root.addEventListener(\"focusout\", highlight);\n  const scroll = () => {\n    if (!frame)\n      frame = view.requestAnimationFrame(() => {\n        frame = 0;\n        measure();\n      });\n  };\n  view.addEventListener(\"scroll\", scroll, true);\n  measure();\n  return () => {\n    observer.disconnect();\n    resize.disconnect();\n    mutations.disconnect();\n    if (frame) view.cancelAnimationFrame(frame);\n    rail.removeEventListener(\"pointermove\", move);\n    rail.removeEventListener(\"pointerleave\", reset);\n    root.removeEventListener(\"pointerover\", highlight);\n    root.removeEventListener(\"focusin\", highlight);\n    root.removeEventListener(\"pointerout\", highlight);\n    root.removeEventListener(\"focusout\", highlight);\n    view.removeEventListener(\"scroll\", scroll, true);\n    reset();\n  };\n}\n"],"mappings":"AAEO,SAAS,6BAA6B,EAAE,KAAK,GAA8C;AAChG,QAAM,OAAO,KAAK,cAAc;AAChC,QAAM,OAAO,KAAK,cAA2B,oBAAoB;AACjE,MAAI,CAAC,KAAM,QAAO,MAAM;AAAA,EAAC;AACzB,MAAI,QAAuB,CAAC,GAC1B,UAAU,oBAAI,IAAqB,GACnC,QAAQ,GACR,IAAmB;AACrB,QAAM,SAAS,CAAC,OAAsB;AACpC,eAAW,QAAQ,KAAK,iBAAiB,wBAAwB;AAC/D,UAAI,KAAK,QAAQ,gCAAgC,MAAM;AACrD,aAAK;AAAA,UACH;AAAA,UACA,OAAO,QAAQ,KAAK,aAAa,sBAAsB,MAAM;AAAA,QAC/D;AAAA,EACN;AACA,QAAM,UAAU,MAAM;AACpB,aAAS,WAAW;AACpB,YAAQ,MAAM;AACd,YAAQ,CAAC,GAAG,KAAK,iBAA8B,yBAAyB,CAAC;AACzE,UAAM,QAAQ,CAAC,MAAM,UAAU;AAC7B,WAAK,MAAM,YAAY,qBAAqB,OAAO,KAAK,CAAC;AACzD,eAAS,QAAQ,IAAI;AAAA,IACvB,CAAC;AAAA,EACH;AACA,QAAM,WAAW,IAAI,KAAK,qBAAqB,CAAC,YAAY;AAC1D,eAAW,SAAS;AAClB,cAAQ,IAAI,MAAM,QAAQ,MAAM,mBAAmB,MAAM,MAAM,mBAAmB,SAAS,CAAC;AAAA,EAChG,CAAC;AACD,QAAM,SAAS,IAAI,KAAK,eAAe,OAAO;AAC9C,SAAO,QAAQ,IAAI;AACnB,QAAM,YAAY,IAAI,KAAK,iBAAiB,OAAO;AACnD,YAAU,QAAQ,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAC1D,QAAM,QAAQ,MAAM;AAClB,QAAI;AACJ,SAAK,MAAM,eAAe,qBAAqB;AAC/C,WAAO,IAAI;AAAA,EACb;AACA,QAAM,OAAO,CAAC,UAAwB;AACpC,QAAI,MAAM,gBAAgB,QAAS;AACnC,QAAI,MAAM;AACV,QAAI,MAAO;AACX,YAAQ,KAAK,sBAAsB,MAAM;AACvC,cAAQ;AACR,UAAI,MAAM,QAAQ,QAAQ,SAAS,MAAM,UAAU,CAAC,MAAM,OAAQ;AAClE,UAAI,QAAQ;AACZ,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,cAAM,WAAW,QAAQ,IAAI,MAAM,IAAI,CAAC,CAAE,GACxC,OAAO,QAAQ,IAAI,MAAM,CAAC,CAAE;AAC9B,gBAAQ,IAAI,KAAK,IAAI,aAAa,OAAO,YAAY;AACrD,YAAI,KAAK,KAAM;AAAA,MACjB;AACA,WAAK,MAAM,YAAY,uBAAuB,OAAO,KAAK,CAAC;AAC3D,YAAM,UAAU,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,SAAS,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC,CAAC;AAChF,aAAO,SAAS,aAAa,sBAAsB,KAAK,IAAI;AAAA,IAC9D,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,UAAiB;AAClC,UAAM,SAAS,MAAM,KAAK,SAAS,KAAK,IAAK,MAAqB,gBAAgB,MAAM;AACxF,UAAM,OAAO,kBAAkB,KAAK,UAAU,OAAO,QAAQ,oBAAoB,IAAI;AACrF,UAAM,KACJ,MAAM,QAAQ,gCAAgC,MAAM,OAChD,KAAK,aAAa,sBAAsB,IACxC;AACN,WAAO,EAAE;AAAA,EACX;AACA,OAAK,iBAAiB,eAAe,IAAI;AACzC,OAAK,iBAAiB,gBAAgB,KAAK;AAC3C,OAAK,iBAAiB,eAAe,SAAS;AAC9C,OAAK,iBAAiB,WAAW,SAAS;AAC1C,OAAK,iBAAiB,cAAc,SAAS;AAC7C,OAAK,iBAAiB,YAAY,SAAS;AAC3C,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC;AACH,cAAQ,KAAK,sBAAsB,MAAM;AACvC,gBAAQ;AACR,gBAAQ;AAAA,MACV,CAAC;AAAA,EACL;AACA,OAAK,iBAAiB,UAAU,QAAQ,IAAI;AAC5C,UAAQ;AACR,SAAO,MAAM;AACX,aAAS,WAAW;AACpB,WAAO,WAAW;AAClB,cAAU,WAAW;AACrB,QAAI,MAAO,MAAK,qBAAqB,KAAK;AAC1C,SAAK,oBAAoB,eAAe,IAAI;AAC5C,SAAK,oBAAoB,gBAAgB,KAAK;AAC9C,SAAK,oBAAoB,eAAe,SAAS;AACjD,SAAK,oBAAoB,WAAW,SAAS;AAC7C,SAAK,oBAAoB,cAAc,SAAS;AAChD,SAAK,oBAAoB,YAAY,SAAS;AAC9C,SAAK,oBAAoB,UAAU,QAAQ,IAAI;AAC/C,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/table-of-contents/client.d.ts

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/table-of-contents/client.js

@@ -0,0 +1 @@
+export * from "./client/index.js";

package/dist/components/table-of-contents/index.d.ts

@@ -0,0 +1,3 @@
+export { TableOfContents, TableOfContentsRoot, TableOfContentsTrigger, TableOfContentsRail, TableOfContentsIndicator, TableOfContentsContent, TableOfContentsList, TableOfContentsLink, } from "./TableOfContents.js";
+export type { TableOfContentsLevel, TableOfContentsRootOwnProps, TableOfContentsRootProps, TableOfContentsTriggerOwnProps, TableOfContentsTriggerProps, TableOfContentsRailOwnProps, TableOfContentsRailProps, TableOfContentsIndicatorOwnProps, TableOfContentsIndicatorProps, TableOfContentsContentOwnProps, TableOfContentsContentProps, TableOfContentsListOwnProps, TableOfContentsListProps, TableOfContentsLinkOwnProps, TableOfContentsLinkProps, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table-of-contents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table-of-contents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,oBAAoB,EACpB,2BAA2B,EAC3B,wBAAwB,EACxB,8BAA8B,EAC9B,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC7B,8BAA8B,EAC9B,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,GACzB,MAAM,YAAY,CAAC"}

package/dist/components/table-of-contents/index.js

@@ -0,0 +1,21 @@
+import {
+  TableOfContents,
+  TableOfContentsRoot,
+  TableOfContentsTrigger,
+  TableOfContentsRail,
+  TableOfContentsIndicator,
+  TableOfContentsContent,
+  TableOfContentsList,
+  TableOfContentsLink
+} from "./TableOfContents.js";
+export {
+  TableOfContents,
+  TableOfContentsContent,
+  TableOfContentsIndicator,
+  TableOfContentsLink,
+  TableOfContentsList,
+  TableOfContentsRail,
+  TableOfContentsRoot,
+  TableOfContentsTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/table-of-contents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table-of-contents/index.ts"],"sourcesContent":["export {\n  TableOfContents,\n  TableOfContentsRoot,\n  TableOfContentsTrigger,\n  TableOfContentsRail,\n  TableOfContentsIndicator,\n  TableOfContentsContent,\n  TableOfContentsList,\n  TableOfContentsLink,\n} from \"./TableOfContents.js\";\nexport type {\n  TableOfContentsLevel,\n  TableOfContentsRootOwnProps,\n  TableOfContentsRootProps,\n  TableOfContentsTriggerOwnProps,\n  TableOfContentsTriggerProps,\n  TableOfContentsRailOwnProps,\n  TableOfContentsRailProps,\n  TableOfContentsIndicatorOwnProps,\n  TableOfContentsIndicatorProps,\n  TableOfContentsContentOwnProps,\n  TableOfContentsContentProps,\n  TableOfContentsListOwnProps,\n  TableOfContentsListProps,\n  TableOfContentsLinkOwnProps,\n  TableOfContentsLinkProps,\n} from \"./types.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/table-of-contents/scrollspy-selection.d.ts

@@ -0,0 +1,4 @@
+import type { TableOfContentsScrollSnapshot } from "./types.js";
+export declare function resolveTableOfContentsId(href: string, documentUrl: string): string | null;
+export declare function getTableOfContentsValue({ targets, viewportStart, viewportEnd, offset, contentEnd, }: TableOfContentsScrollSnapshot): string | null;
+//# sourceMappingURL=scrollspy-selection.d.ts.map

package/dist/components/table-of-contents/scrollspy-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollspy-selection.d.ts","sourceRoot":"","sources":["../../../src/components/table-of-contents/scrollspy-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAezF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,GACX,EAAE,6BAA6B,GAAG,MAAM,GAAG,IAAI,CAQ/C"}

package/dist/components/table-of-contents/scrollspy-selection.js

@@ -0,0 +1,31 @@
+function resolveTableOfContentsId(href, documentUrl) {
+  try {
+    const base = new URL(documentUrl);
+    const link = new URL(href, base);
+    if (link.origin !== base.origin || link.pathname !== base.pathname || link.search !== base.search || link.hash.length < 2)
+      return null;
+    return decodeURIComponent(link.hash.slice(1));
+  } catch {
+    return null;
+  }
+}
+function getTableOfContentsValue({
+  targets,
+  viewportStart,
+  viewportEnd,
+  offset,
+  contentEnd
+}) {
+  const visible = targets.filter((target) => target.visible);
+  if (contentEnd !== null && viewportStart > 0 && contentEnd <= viewportEnd + 1)
+    return visible.at(-1)?.value ?? null;
+  let active = visible[0]?.value ?? null;
+  for (const target of visible)
+    if (target.start <= viewportStart + offset + 1) active = target.value;
+  return active;
+}
+export {
+  getTableOfContentsValue,
+  resolveTableOfContentsId
+};
+//# sourceMappingURL=scrollspy-selection.js.map

package/dist/components/table-of-contents/scrollspy-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table-of-contents/scrollspy-selection.ts"],"sourcesContent":["import type { TableOfContentsScrollSnapshot } from \"./types.js\";\n\nexport function resolveTableOfContentsId(href: string, documentUrl: string): string | null {\n  try {\n    const base = new URL(documentUrl);\n    const link = new URL(href, base);\n    if (\n      link.origin !== base.origin ||\n      link.pathname !== base.pathname ||\n      link.search !== base.search ||\n      link.hash.length < 2\n    )\n      return null;\n    return decodeURIComponent(link.hash.slice(1));\n  } catch {\n    return null;\n  }\n}\n\nexport function getTableOfContentsValue({\n  targets,\n  viewportStart,\n  viewportEnd,\n  offset,\n  contentEnd,\n}: TableOfContentsScrollSnapshot): string | null {\n  const visible = targets.filter((target) => target.visible);\n  if (contentEnd !== null && viewportStart > 0 && contentEnd <= viewportEnd + 1)\n    return visible.at(-1)?.value ?? null;\n  let active = visible[0]?.value ?? null;\n  for (const target of visible)\n    if (target.start <= viewportStart + offset + 1) active = target.value;\n  return active;\n}\n"],"mappings":"AAEO,SAAS,yBAAyB,MAAc,aAAoC;AACzF,MAAI;AACF,UAAM,OAAO,IAAI,IAAI,WAAW;AAChC,UAAM,OAAO,IAAI,IAAI,MAAM,IAAI;AAC/B,QACE,KAAK,WAAW,KAAK,UACrB,KAAK,aAAa,KAAK,YACvB,KAAK,WAAW,KAAK,UACrB,KAAK,KAAK,SAAS;AAEnB,aAAO;AACT,WAAO,mBAAmB,KAAK,KAAK,MAAM,CAAC,CAAC;AAAA,EAC9C,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiD;AAC/C,QAAM,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AACzD,MAAI,eAAe,QAAQ,gBAAgB,KAAK,cAAc,cAAc;AAC1E,WAAO,QAAQ,GAAG,EAAE,GAAG,SAAS;AAClC,MAAI,SAAS,QAAQ,CAAC,GAAG,SAAS;AAClC,aAAW,UAAU;AACnB,QAAI,OAAO,SAAS,gBAAgB,SAAS,EAAG,UAAS,OAAO;AAClE,SAAO;AACT;","names":[]}

package/dist/components/table-of-contents/scrollspy.d.ts

@@ -0,0 +1,4 @@
+import type { TableOfContentsObserver, TableOfContentsObserverOptions } from "./types.js";
+export { getTableOfContentsValue, resolveTableOfContentsId } from "./scrollspy-selection.js";
+export declare function observeTableOfContents({ root, scrollTarget, contentTarget, offset, onValueChange, }: TableOfContentsObserverOptions): TableOfContentsObserver;
+//# sourceMappingURL=scrollspy.d.ts.map

package/dist/components/table-of-contents/scrollspy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollspy.d.ts","sourceRoot":"","sources":["../../../src/components/table-of-contents/scrollspy.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,uBAAuB,EACvB,8BAA8B,EAE/B,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAE7F,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,MAAM,EACN,aAAa,GACd,EAAE,8BAA8B,GAAG,uBAAuB,CAyK1D"}

package/dist/components/table-of-contents/scrollspy.js

@@ -0,0 +1,178 @@
+import { getTableOfContentsValue, resolveTableOfContentsId } from "./scrollspy-selection.js";
+import { getTableOfContentsValue as getTableOfContentsValue2, resolveTableOfContentsId as resolveTableOfContentsId2 } from "./scrollspy-selection.js";
+function observeTableOfContents({
+  root,
+  scrollTarget,
+  contentTarget,
+  offset,
+  onValueChange
+}) {
+  const doc = root.ownerDocument;
+  const view = doc.defaultView;
+  let scrollNode = null;
+  let content = null;
+  let host = null;
+  let observer = null;
+  let nodes = [];
+  let positions = /* @__PURE__ */ new Map();
+  let contentEnd = null;
+  let viewportSize = 0;
+  let frame = 0;
+  let generation = 0;
+  let destroyed = false;
+  let last;
+  const resized = /* @__PURE__ */ new Set();
+  const emit = (value) => {
+    if (last !== value) {
+      last = value;
+      onValueChange(value);
+    }
+  };
+  const position = () => {
+    return scrollNode ? scrollNode.scrollTop : view.scrollY;
+  };
+  const update = () => {
+    if (positions.size !== nodes.length || !viewportSize) return;
+    const start = position();
+    emit(
+      getTableOfContentsValue({
+        targets: nodes.flatMap((node) => {
+          const target = positions.get(node);
+          return target ? [target] : [];
+        }),
+        viewportStart: start,
+        viewportEnd: start + viewportSize,
+        offset,
+        contentEnd
+      })
+    );
+  };
+  const scroll = () => {
+    if (!frame)
+      frame = view.requestAnimationFrame(() => {
+        frame = 0;
+        update();
+      });
+  };
+  const schedule = () => {
+    if (frame) view.cancelAnimationFrame(frame);
+    frame = view.requestAnimationFrame(() => {
+      frame = 0;
+      refresh();
+    });
+  };
+  const resize = new view.ResizeObserver(schedule);
+  const mutations = new view.MutationObserver((changes) => {
+    if (changes.some((change) => !root.contains(change.target))) schedule();
+  });
+  const links = new view.MutationObserver(schedule);
+  links.observe(root, {
+    subtree: true,
+    childList: true,
+    attributes: true,
+    attributeFilter: ["href"]
+  });
+  function refresh() {
+    if (destroyed) return;
+    generation++;
+    observer?.disconnect();
+    mutations.disconnect();
+    scrollNode = scrollTarget === void 0 ? null : doc.getElementById(scrollTarget);
+    content = contentTarget === void 0 ? doc.documentElement : doc.getElementById(contentTarget);
+    const nextHost = scrollTarget !== void 0 && !scrollNode ? null : scrollNode ?? view;
+    if (host !== nextHost) {
+      host?.removeEventListener("scroll", scroll);
+      host = nextHost;
+      host?.addEventListener("scroll", scroll, { passive: true });
+    }
+    if (!host || !content) {
+      emit(null);
+      mutations.observe(doc.documentElement, { subtree: true, childList: true });
+      return;
+    }
+    const values = /* @__PURE__ */ new Map();
+    for (const link of root.querySelectorAll('[data-part="link"][href]')) {
+      if (link.closest("[data-uiify-table-of-contents]") !== root) continue;
+      const value = resolveTableOfContentsId(link.getAttribute("href"), doc.URL);
+      const node = value === null ? null : doc.getElementById(value);
+      if (node && content.contains(node)) values.set(node, value);
+    }
+    nodes = [...values.keys()].sort((a, b) => a.compareDocumentPosition(b) & 2 ? 1 : -1);
+    positions = /* @__PURE__ */ new Map();
+    contentEnd = null;
+    viewportSize = 0;
+    if (!nodes.length) emit(null);
+    const current = generation;
+    observer = new view.IntersectionObserver(
+      (entries) => {
+        if (destroyed || generation !== current) return;
+        const start = position();
+        for (const entry of entries) {
+          const rect = entry.boundingClientRect;
+          const origin = entry.rootBounds?.top ?? 0;
+          viewportSize = entry.rootBounds?.height ?? viewportSize;
+          if (entry.target === content) contentEnd = rect.bottom + start - origin;
+          const value = values.get(entry.target);
+          if (value !== void 0)
+            positions.set(entry.target, {
+              value,
+              start: rect.top + start - origin,
+              visible: rect.width > 0 && rect.height > 0
+            });
+        }
+        update();
+      },
+      { root: scrollNode, threshold: [0, 1] }
+    );
+    const observed = /* @__PURE__ */ new Set([content, ...nodes, ...scrollNode ? [scrollNode] : []]);
+    for (const node of resized)
+      if (!observed.has(node)) {
+        resize.unobserve(node);
+        resized.delete(node);
+      }
+    for (const node of observed) {
+      if (node !== scrollNode) observer.observe(node);
+      if (!resized.has(node)) {
+        resize.observe(node);
+        resized.add(node);
+      }
+    }
+    const boundaries = contentTarget !== void 0 ? [content] : new Set(
+      nodes.map((node) => {
+        const parent = node.closest("article, main") ?? node.parentElement;
+        return parent && parent !== doc.body && parent !== doc.documentElement ? parent : node;
+      })
+    );
+    for (const boundary of boundaries)
+      mutations.observe(boundary, {
+        subtree: true,
+        childList: true,
+        attributes: true,
+        attributeFilter: ["id", "hidden", "open", "class", "style"]
+      });
+  }
+  view.addEventListener("resize", schedule);
+  view.addEventListener("hashchange", scroll);
+  refresh();
+  return {
+    refresh,
+    destroy() {
+      destroyed = true;
+      generation++;
+      observer?.disconnect();
+      resize.disconnect();
+      mutations.disconnect();
+      links.disconnect();
+      host?.removeEventListener("scroll", scroll);
+      view.removeEventListener("resize", schedule);
+      view.removeEventListener("hashchange", scroll);
+      if (frame) view.cancelAnimationFrame(frame);
+    }
+  };
+}
+export {
+  getTableOfContentsValue2 as getTableOfContentsValue,
+  observeTableOfContents,
+  resolveTableOfContentsId2 as resolveTableOfContentsId
+};
+//# sourceMappingURL=scrollspy.js.map

package/dist/components/table-of-contents/scrollspy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/table-of-contents/scrollspy.ts"],"sourcesContent":["import { getTableOfContentsValue, resolveTableOfContentsId } from \"./scrollspy-selection.js\";\nimport type {\n  TableOfContentsObserver,\n  TableOfContentsObserverOptions,\n  TableOfContentsTargetSnapshot,\n} from \"./types.js\";\nexport { getTableOfContentsValue, resolveTableOfContentsId } from \"./scrollspy-selection.js\";\n\nexport function observeTableOfContents({\n  root,\n  scrollTarget,\n  contentTarget,\n  offset,\n  onValueChange,\n}: TableOfContentsObserverOptions): TableOfContentsObserver {\n  const doc = root.ownerDocument;\n  const view = doc.defaultView!;\n  let scrollNode: HTMLElement | null = null;\n  let content: HTMLElement | null = null;\n  let host: EventTarget | null = null;\n  let observer: IntersectionObserver | null = null;\n  let nodes: HTMLElement[] = [];\n  let positions = new Map<Element, TableOfContentsTargetSnapshot>();\n  let contentEnd: number | null = null;\n  let viewportSize = 0;\n  let frame = 0;\n  let generation = 0;\n  let destroyed = false;\n  let last: string | null | undefined;\n  const resized = new Set<Element>();\n  const emit = (value: string | null) => {\n    if (last !== value) {\n      last = value;\n      onValueChange(value);\n    }\n  };\n  const position = () => {\n    // banned-read-ok: A scroll offset is the required input, not a layout measurement; geometry comes from observers.\n    return scrollNode ? scrollNode.scrollTop : view.scrollY;\n  };\n  const update = () => {\n    if (positions.size !== nodes.length || !viewportSize) return;\n    const start = position();\n    emit(\n      getTableOfContentsValue({\n        targets: nodes.flatMap((node) => {\n          const target = positions.get(node);\n          return target ? [target] : [];\n        }),\n        viewportStart: start,\n        viewportEnd: start + viewportSize,\n        offset,\n        contentEnd,\n      }),\n    );\n  };\n  const scroll = () => {\n    if (!frame)\n      frame = view.requestAnimationFrame(() => {\n        frame = 0;\n        update();\n      });\n  };\n  const schedule = () => {\n    if (frame) view.cancelAnimationFrame(frame);\n    frame = view.requestAnimationFrame(() => {\n      frame = 0;\n      refresh();\n    });\n  };\n  const resize = new view.ResizeObserver(schedule);\n  const mutations = new view.MutationObserver((changes) => {\n    if (changes.some((change) => !root.contains(change.target))) schedule();\n  });\n  const links = new view.MutationObserver(schedule);\n  links.observe(root, {\n    subtree: true,\n    childList: true,\n    attributes: true,\n    attributeFilter: [\"href\"],\n  });\n  function refresh() {\n    if (destroyed) return;\n    generation++;\n    observer?.disconnect();\n    mutations.disconnect();\n    scrollNode = scrollTarget === undefined ? null : doc.getElementById(scrollTarget);\n    content = contentTarget === undefined ? doc.documentElement : doc.getElementById(contentTarget);\n    const nextHost = scrollTarget !== undefined && !scrollNode ? null : (scrollNode ?? view);\n    if (host !== nextHost) {\n      host?.removeEventListener(\"scroll\", scroll);\n      host = nextHost;\n      host?.addEventListener(\"scroll\", scroll, { passive: true });\n    }\n    if (!host || !content) {\n      emit(null);\n      mutations.observe(doc.documentElement, { subtree: true, childList: true });\n      return;\n    }\n    const values = new Map<HTMLElement, string>();\n    for (const link of root.querySelectorAll('[data-part=\"link\"][href]')) {\n      if (link.closest(\"[data-uiify-table-of-contents]\") !== root) continue;\n      const value = resolveTableOfContentsId(link.getAttribute(\"href\")!, doc.URL);\n      const node = value === null ? null : doc.getElementById(value);\n      if (node && content.contains(node)) values.set(node, value!);\n    }\n    nodes = [...values.keys()].sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1));\n    positions = new Map();\n    contentEnd = null;\n    viewportSize = 0;\n    if (!nodes.length) emit(null);\n    const current = generation;\n    observer = new view.IntersectionObserver(\n      (entries) => {\n        if (destroyed || generation !== current) return;\n        const start = position();\n        for (const entry of entries) {\n          const rect = entry.boundingClientRect;\n          const origin = entry.rootBounds?.top ?? 0;\n          viewportSize = entry.rootBounds?.height ?? viewportSize;\n          if (entry.target === content) contentEnd = rect.bottom + start - origin;\n          const value = values.get(entry.target as HTMLElement);\n          if (value !== undefined)\n            positions.set(entry.target, {\n              value,\n              start: rect.top + start - origin,\n              visible: rect.width > 0 && rect.height > 0,\n            });\n        }\n        update();\n      },\n      { root: scrollNode, threshold: [0, 1] },\n    );\n    const observed = new Set<Element>([content, ...nodes, ...(scrollNode ? [scrollNode] : [])]);\n    for (const node of resized)\n      if (!observed.has(node)) {\n        resize.unobserve(node);\n        resized.delete(node);\n      }\n    for (const node of observed) {\n      if (node !== scrollNode) observer.observe(node);\n      if (!resized.has(node)) {\n        resize.observe(node);\n        resized.add(node);\n      }\n    }\n    const boundaries =\n      contentTarget !== undefined\n        ? [content]\n        : new Set(\n            nodes.map((node) => {\n              const parent = node.closest(\"article, main\") ?? node.parentElement;\n              return parent && parent !== doc.body && parent !== doc.documentElement\n                ? parent\n                : node;\n            }),\n          );\n    for (const boundary of boundaries)\n      mutations.observe(boundary, {\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeFilter: [\"id\", \"hidden\", \"open\", \"class\", \"style\"],\n      });\n  }\n  view.addEventListener(\"resize\", schedule);\n  view.addEventListener(\"hashchange\", scroll);\n  refresh();\n  return {\n    refresh,\n    destroy() {\n      destroyed = true;\n      generation++;\n      observer?.disconnect();\n      resize.disconnect();\n      mutations.disconnect();\n      links.disconnect();\n      host?.removeEventListener(\"scroll\", scroll);\n      view.removeEventListener(\"resize\", schedule);\n      view.removeEventListener(\"hashchange\", scroll);\n      if (frame) view.cancelAnimationFrame(frame);\n    },\n  };\n}\n"],"mappings":"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","names":["getTableOfContentsValue","resolveTableOfContentsId"]}