{"version":3,"file":"index.mjs","sources":["../../../../src/composables/useScrollspy/index.ts"],"sourcesContent":["import {syncRef, useIntersectionObserver, useMutationObserver} from '@vueuse/core'\nimport {\n type ComponentPublicInstance,\n computed,\n getCurrentInstance,\n type MaybeRefOrGetter,\n nextTick,\n onMounted,\n readonly,\n type Ref,\n ref,\n toRef,\n watch,\n} from 'vue'\nimport {getElement} from '../../utils/getElement'\n\ntype ScrollspyList = {\n id: string | null\n el: HTMLElement | null\n visible: boolean\n text: string | null\n}[]\n\ninterface ScrollspyReturn {\n current: Readonly>\n list: Readonly>\n content: Ref\n target: Ref\n scrollIntoView: (event: MouseEvent) => void\n updateList: () => void\n cleanup: () => void\n}\n\ninterface ScrollspyOptions {\n contentQuery: string\n targetQuery: string\n manual: boolean\n root: string | ComponentPublicInstance | HTMLElement | null\n rootMargin: string\n threshold: number | number[]\n watchChanges: boolean\n}\n\nexport const useScrollspy = (\n content: MaybeRefOrGetter,\n target: MaybeRefOrGetter,\n options: Readonly> = {}\n): ScrollspyReturn => {\n const cont = toRef(content)\n const tar = toRef(target)\n\n const resolvedContent = ref(getElement(cont.value))\n const resolvedTarget = ref(getElement(tar.value))\n\n watch([cont, tar], () => {\n updateList()\n })\n const {\n contentQuery = ':scope > [id]',\n targetQuery = '[href]',\n manual = false,\n root,\n rootMargin = '0px 0px -25%',\n threshold = [0.1, 0.5, 1],\n watchChanges = true,\n } = options\n const current = ref(null)\n const list = ref([])\n const nodeList = ref([])\n\n // are we called in directive?\n const ctx = getCurrentInstance()\n if (!ctx) {\n nextTick(() => {\n updateList()\n })\n } else {\n onMounted(() => {\n syncRef(cont, resolvedContent, {\n transform: {\n ltr: (v) => getElement(v),\n },\n direction: 'ltr',\n immediate: true,\n })\n syncRef(tar, resolvedTarget, {\n transform: {\n ltr: (v) => getElement(v),\n },\n direction: 'ltr',\n immediate: true,\n })\n updateList()\n })\n }\n\n const updateList = () => {\n nodeList.value = resolvedContent.value\n ? (Array.from(resolvedContent.value.querySelectorAll(contentQuery)) as HTMLElement[])\n : []\n list.value = nodeList.value.map((el) => ({\n id: el.id,\n el,\n visible: false,\n text: el.textContent,\n }))\n }\n\n let isScrollingDown = true\n let previousScrollTop = 0\n const scrollRoot = computed(() =>\n resolvedContent.value && getComputedStyle(resolvedContent.value).overflowY === 'visible'\n ? null\n : resolvedContent.value\n )\n\n const iobs = useIntersectionObserver(\n nodeList,\n (entries) => {\n const scrollTop = (scrollRoot.value || document?.documentElement)?.scrollTop\n isScrollingDown = scrollTop > previousScrollTop\n previousScrollTop = scrollTop\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n list.value.forEach((node) => {\n if (node.el === entry.target) {\n node.visible = true\n }\n })\n return\n }\n list.value.forEach((node) => {\n if (node.el === entry.target) {\n node.visible = false\n }\n })\n })\n let newId: string | null = null\n if (isScrollingDown) {\n newId = [...list.value].reverse().find((node) => node.visible)?.id || null\n } else {\n newId = list.value.find((node) => node.visible)?.id || null\n }\n if (newId !== null) {\n current.value = newId\n }\n if (!current.value) {\n current.value = list.value[0]?.id || null\n }\n },\n {\n root: root ? getElement(root) : scrollRoot,\n rootMargin,\n threshold,\n }\n )\n watch(current, (newId) => {\n if (manual) return\n const nodes = resolvedTarget.value?.querySelectorAll(targetQuery)\n if (nodes === undefined) return\n let foundParent = false\n let activeElement: HTMLElement | null = null\n nodes.forEach((node) => {\n const parentDropdown = node.closest('.dropdown')\n\n if (node.getAttribute('href')?.includes(`#${newId}`)) {\n activeElement = node as HTMLElement\n node.classList.add('active')\n if (parentDropdown) {\n parentDropdown?.querySelector('.dropdown-toggle')?.classList.add('active')\n foundParent = true\n }\n let parentNav = node.closest('.nav')?.previousSibling as HTMLElement\n while (parentNav?.classList?.contains('nav-item')) {\n foundParent = true\n parentNav.querySelector('.nav-link')?.classList.add('active')\n parentNav = parentNav.closest('.nav')?.previousSibling as HTMLElement\n }\n } else {\n node.classList.remove('active')\n if (parentDropdown && !foundParent) {\n parentDropdown?.querySelector('.dropdown-toggle')?.classList.remove('active')\n }\n\n if (!foundParent) {\n let parentNav = node.closest('.nav')?.previousSibling as HTMLElement\n while (parentNav?.classList?.contains('nav-item')) {\n foundParent = true\n if (parentNav.querySelector('.nav-link') !== activeElement) {\n parentNav.querySelector('.nav-link')?.classList.remove('active')\n }\n parentNav = parentNav.closest('.nav')?.previousSibling as HTMLElement\n }\n }\n }\n })\n })\n\n const mobs = !watchChanges\n ? {stop: () => {}}\n : useMutationObserver(\n resolvedContent,\n () => {\n updateList()\n },\n {\n childList: true,\n }\n )\n const scrollIntoView = (event: Readonly, smooth: boolean = false) => {\n event.preventDefault()\n const href = (event.target as HTMLElement)?.getAttribute?.('href')\n const el: HTMLElement | null = href ? document?.querySelector(href) : null\n // console.log('scrollIntoView', event, el, content.value.$el)\n if (el && resolvedContent.value) {\n if (resolvedContent.value.scrollTo) {\n resolvedContent.value.scrollTo({top: el.offsetTop, behavior: smooth ? 'smooth' : 'auto'})\n } else {\n resolvedContent.value.scrollTop = el.offsetTop\n }\n }\n }\n const cleanup = () => {\n iobs.stop()\n mobs.stop()\n }\n return {\n current: readonly(current),\n list,\n content: resolvedContent,\n target: resolvedTarget,\n scrollIntoView,\n updateList,\n cleanup,\n }\n}\n"],"names":[],"mappings":"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"}