| | |
|---|
| | | { clientX, clientY }: { clientX: number; clientY: number }, |
|---|
| | | ) { |
|---|
| | | const link = this |
|---|
| | | if (link.dataset.noPopover === "true") { |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | async function setPosition(popoverElement: HTMLElement) { |
|---|
| | | const { x, y } = await computePosition(link, popoverElement, { |
|---|
| | | middleware: [inline({ x: clientX, y: clientY }), shift(), flip()], |
|---|
| | |
|---|
| | | const hash = targetUrl.hash |
|---|
| | | targetUrl.hash = "" |
|---|
| | | targetUrl.search = "" |
|---|
| | | // prevent hover of the same page |
|---|
| | | if (thisUrl.toString() === targetUrl.toString()) return |
|---|
| | | |
|---|
| | | const contents = await fetch(`${targetUrl}`) |
|---|
| | | .then((res) => res.text()) |
|---|
| | |
|---|
| | | document.addEventListener("nav", () => { |
|---|
| | | const links = [...document.getElementsByClassName("internal")] as HTMLLinkElement[] |
|---|
| | | for (const link of links) { |
|---|
| | | link.removeEventListener("mouseenter", mouseEnterHandler) |
|---|
| | | link.addEventListener("mouseenter", mouseEnterHandler) |
|---|
| | | window.addCleanup(() => link.removeEventListener("mouseenter", mouseEnterHandler)) |
|---|
| | | } |
|---|
| | | }) |
|---|
