bootstrap-vue-next 0.44.0 → 0.44.2

package/dist/src/composables/useScrollspy/index.mjs

@@ -1,181 +1,142 @@
-import { i as useIntersectionObserver, j as useMutationObserver } from "../../../index-nMtnPEP0.mjs";
-import { toRef, ref, watch, getCurrentInstance, nextTick, onMounted, computed, readonly } from "vue";
-import { g as getElement } from "../../../getElement-DrDVR-jO.mjs";
-import { s as syncRef } from "../../../index-DX8Yoi0C.mjs";
-const useScrollspy = (content, target, options = {}) => {
-  const cont = toRef(content);
-  const tar = toRef(target);
-  const resolvedContent = ref(getElement(cont.value));
-  const resolvedTarget = ref(getElement(tar.value));
-  watch([cont, tar], () => {
-    updateList();
-  });
-  const {
-    contentQuery = ":scope > [id]",
-    targetQuery = "[href]",
-    manual = false,
-    root,
-    rootMargin = "0px 0px -25%",
-    threshold = [0.1, 0.5, 1],
-    watchChanges = true
-  } = options;
-  const current = ref(null);
-  const list = ref([]);
-  const nodeList = ref([]);
-  const ctx = getCurrentInstance();
-  if (!ctx) {
-    nextTick(() => {
-      updateList();
-    });
-  } else {
-    onMounted(() => {
-      syncRef(cont, resolvedContent, {
-        transform: {
-          ltr: (v) => getElement(v)
-        },
-        direction: "ltr",
-        immediate: true
-      });
-      syncRef(tar, resolvedTarget, {
-        transform: {
-          ltr: (v) => getElement(v)
-        },
-        direction: "ltr",
-        immediate: true
-      });
-      updateList();
-    });
-  }
-  const updateList = () => {
-    nodeList.value = resolvedContent.value ? Array.from(resolvedContent.value.querySelectorAll(contentQuery)) : [];
-    list.value = nodeList.value.map((el) => ({
-      id: el.id,
-      el,
-      visible: false,
-      text: el.textContent
-    }));
-  };
-  let isScrollingDown = true;
-  let previousScrollTop = 0;
-  const scrollRoot = computed(
-    () => resolvedContent.value && getComputedStyle(resolvedContent.value).overflowY === "visible" ? null : resolvedContent.value
-  );
-  const iobs = useIntersectionObserver(
-    nodeList,
-    (entries) => {
-      const scrollTop = (scrollRoot.value || document?.documentElement)?.scrollTop;
-      isScrollingDown = scrollTop > previousScrollTop;
-      previousScrollTop = scrollTop;
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          list.value.forEach((node) => {
-            if (node.el === entry.target) {
-              node.visible = true;
-            }
-          });
-          return;
-        }
-        list.value.forEach((node) => {
-          if (node.el === entry.target) {
-            node.visible = false;
-          }
-        });
-      });
-      let newId = null;
-      if (isScrollingDown) {
-        newId = [...list.value].reverse().find((node) => node.visible)?.id || null;
-      } else {
-        newId = list.value.find((node) => node.visible)?.id || null;
-      }
-      if (newId !== null) {
-        current.value = newId;
-      }
-      if (!current.value) {
-        current.value = list.value[0]?.id || null;
-      }
-    },
-    {
-      root: root ? getElement(root) : scrollRoot,
-      rootMargin,
-      threshold
-    }
-  );
-  watch(current, (newId) => {
-    if (manual) return;
-    const nodes = resolvedTarget.value?.querySelectorAll(targetQuery);
-    if (nodes === void 0) return;
-    let foundParent = false;
-    let activeElement = null;
-    nodes.forEach((node) => {
-      const parentDropdown = node.closest(".dropdown");
-      if (node.getAttribute("href")?.includes(`#${newId}`)) {
-        activeElement = node;
-        node.classList.add("active");
-        if (parentDropdown) {
-          parentDropdown?.querySelector(".dropdown-toggle")?.classList.add("active");
-          foundParent = true;
-        }
-        let parentNav = node.closest(".nav")?.previousSibling;
-        while (parentNav?.classList?.contains("nav-item")) {
-          foundParent = true;
-          parentNav.querySelector(".nav-link")?.classList.add("active");
-          parentNav = parentNav.closest(".nav")?.previousSibling;
-        }
-      } else {
-        node.classList.remove("active");
-        if (parentDropdown && !foundParent) {
-          parentDropdown?.querySelector(".dropdown-toggle")?.classList.remove("active");
-        }
-        if (!foundParent) {
-          let parentNav = node.closest(".nav")?.previousSibling;
-          while (parentNav?.classList?.contains("nav-item")) {
-            foundParent = true;
-            if (parentNav.querySelector(".nav-link") !== activeElement) {
-              parentNav.querySelector(".nav-link")?.classList.remove("active");
-            }
-            parentNav = parentNav.closest(".nav")?.previousSibling;
-          }
-        }
-      }
-    });
-  });
-  const mobs = !watchChanges ? { stop: () => {
-  } } : useMutationObserver(
-    resolvedContent,
-    () => {
-      updateList();
-    },
-    {
-      childList: true
-    }
-  );
-  const scrollIntoView = (event, smooth = false) => {
-    event.preventDefault();
-    const href = event.target?.getAttribute?.("href");
-    const el = href ? document?.querySelector(href) : null;
-    if (el && resolvedContent.value) {
-      if (resolvedContent.value.scrollTo) {
-        resolvedContent.value.scrollTo({ top: el.offsetTop, behavior: smooth ? "smooth" : "auto" });
-      } else {
-        resolvedContent.value.scrollTop = el.offsetTop;
-      }
-    }
-  };
-  const cleanup = () => {
-    iobs.stop();
-    mobs.stop();
-  };
-  return {
-    current: readonly(current),
-    list,
-    content: resolvedContent,
-    target: resolvedTarget,
-    scrollIntoView,
-    updateList,
-    cleanup
-  };
+import { g as useIntersectionObserver, j as syncRef, y as useMutationObserver } from "../../../dist-Dn5blevd.mjs";
+import { i as getSafeDocument } from "../../../dom-AhkaSoh8.mjs";
+import { t as getElement } from "../../../getElement-D5DvkPzw.mjs";
+import { computed, getCurrentInstance, nextTick, onMounted, readonly, ref, toRef, unref, watch } from "vue";
+//#region src/composables/useScrollspy/index.ts
+var useScrollspy = (content, target, options = {}) => {
+	const cont = toRef(content);
+	const tar = toRef(target);
+	const resolvedContent = ref(getElement(cont.value));
+	const resolvedTarget = ref(getElement(tar.value));
+	watch([cont, tar], () => {
+		updateList();
+	});
+	const { contentQuery = ":scope > [id]", targetQuery = "[href]", manual = false, root, rootMargin = "0px 0px -25%", threshold = [
+		.1,
+		.5,
+		1
+	], watchChanges = true } = options;
+	const current = ref(null);
+	const list = ref([]);
+	const nodeList = ref([]);
+	if (!getCurrentInstance()) nextTick(() => {
+		updateList();
+	});
+	else onMounted(() => {
+		syncRef(cont, resolvedContent, {
+			transform: { ltr: (v) => getElement(v) },
+			direction: "ltr",
+			immediate: true
+		});
+		syncRef(tar, resolvedTarget, {
+			transform: { ltr: (v) => getElement(v) },
+			direction: "ltr",
+			immediate: true
+		});
+		updateList();
+	});
+	const updateList = () => {
+		nodeList.value = resolvedContent.value ? Array.from(resolvedContent.value.querySelectorAll(contentQuery)) : [];
+		list.value = nodeList.value.map((el) => ({
+			id: el.id,
+			el,
+			visible: false,
+			text: el.textContent
+		}));
+	};
+	let isScrollingDown = true;
+	let previousScrollTop = 0;
+	const scrollRoot = computed(() => resolvedContent.value && getComputedStyle(resolvedContent.value).overflowY === "visible" ? null : resolvedContent.value);
+	const jobs = useIntersectionObserver(nodeList, (entries) => {
+		const doc = getSafeDocument();
+		const scrollTop = (scrollRoot.value ? scrollRoot.value : doc !== null ? doc.documentElement : void 0)?.scrollTop || 0;
+		isScrollingDown = scrollTop > previousScrollTop;
+		previousScrollTop = scrollTop;
+		entries.forEach((entry) => {
+			if (entry.isIntersecting) {
+				list.value.forEach((node) => {
+					if (node.el === entry.target) node.visible = true;
+				});
+				return;
+			}
+			list.value.forEach((node) => {
+				if (node.el === entry.target) node.visible = false;
+			});
+		});
+		let newId = null;
+		if (isScrollingDown) newId = [...list.value].reverse().find((node) => node.visible)?.id || null;
+		else newId = list.value.find((node) => node.visible)?.id || null;
+		if (newId !== null) current.value = newId;
+		if (!current.value) current.value = list.value[0]?.id || null;
+	}, {
+		root: computed(() => root ? getElement(unref(root)) : scrollRoot.value),
+		rootMargin,
+		threshold
+	});
+	watch(current, (newId) => {
+		if (manual) return;
+		const nodes = resolvedTarget.value?.querySelectorAll(targetQuery);
+		if (nodes === void 0) return;
+		let foundParent = false;
+		let activeElement = null;
+		nodes.forEach((node) => {
+			const parentDropdown = node.closest(".dropdown");
+			if (node.getAttribute("href")?.includes(`#${newId}`)) {
+				activeElement = node;
+				node.classList.add("active");
+				if (parentDropdown) {
+					parentDropdown?.querySelector(".dropdown-toggle")?.classList.add("active");
+					foundParent = true;
+				}
+				let parentNav = node.closest(".nav")?.previousSibling;
+				while (parentNav?.classList?.contains("nav-item")) {
+					foundParent = true;
+					parentNav.querySelector(".nav-link")?.classList.add("active");
+					parentNav = parentNav.closest(".nav")?.previousSibling;
+				}
+			} else {
+				node.classList.remove("active");
+				if (parentDropdown && !foundParent) parentDropdown?.querySelector(".dropdown-toggle")?.classList.remove("active");
+				if (!foundParent) {
+					let parentNav = node.closest(".nav")?.previousSibling;
+					while (parentNav?.classList?.contains("nav-item")) {
+						foundParent = true;
+						if (parentNav.querySelector(".nav-link") !== activeElement) parentNav.querySelector(".nav-link")?.classList.remove("active");
+						parentNav = parentNav.closest(".nav")?.previousSibling;
+					}
+				}
+			}
+		});
+	});
+	const mobs = !watchChanges ? { stop: () => {} } : useMutationObserver(resolvedContent, () => {
+		updateList();
+	}, { childList: true });
+	const scrollIntoView = (event, smooth = false) => {
+		event.preventDefault();
+		const href = event.target?.getAttribute?.("href");
+		const doc = getSafeDocument();
+		const el = href ? doc?.querySelector(href) ?? null : null;
+		if (el && resolvedContent.value) if (resolvedContent.value.scrollTo) resolvedContent.value.scrollTo({
+			top: el.offsetTop,
+			behavior: smooth ? "smooth" : "auto"
+		});
+		else resolvedContent.value.scrollTop = el.offsetTop;
+	};
+	const cleanup = () => {
+		jobs.stop();
+		mobs.stop();
+	};
+	return {
+		current: readonly(current),
+		list,
+		content: resolvedContent,
+		target: resolvedTarget,
+		scrollIntoView,
+		updateList,
+		cleanup
+	};
 };
-export {
-  useScrollspy
-};
-//# sourceMappingURL=index.mjs.map
+//#endregion
+export { useScrollspy };
+
+//# sourceMappingURL=index.mjs.map

package/dist/src/composables/useScrollspy/index.mjs.map

@@ -1 +1 @@
-{"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<Ref<string | null>>\n  list: Readonly<Ref<ScrollspyList>>\n  content: Ref<HTMLElement | undefined>\n  target: Ref<HTMLElement | undefined>\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<string | ComponentPublicInstance | HTMLElement | null>,\n  target: MaybeRefOrGetter<string | ComponentPublicInstance | HTMLElement | null>,\n  options: Readonly<Partial<ScrollspyOptions>> = {}\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<string | null>(null)\n  const list = ref<ScrollspyList>([])\n  const nodeList = ref<HTMLElement[]>([])\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<MouseEvent>, 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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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/composables/useScrollspy/index.ts"],"sourcesContent":["import {syncRef, useIntersectionObserver, useMutationObserver} from '@vueuse/core'\nimport {\n  type ComponentPublicInstance,\n  computed,\n  getCurrentInstance,\n  type MaybeRef,\n  type MaybeRefOrGetter,\n  nextTick,\n  onMounted,\n  readonly,\n  type Ref,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport {getElement} from '../../utils/getElement'\nimport {getSafeDocument} from '../../utils/dom'\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<Ref<string | null>>\n  list: Readonly<Ref<ScrollspyList>>\n  content: Ref<HTMLElement | undefined>\n  target: Ref<HTMLElement | undefined>\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: MaybeRef<string | ComponentPublicInstance | HTMLElement | null>\n  rootMargin: string\n  threshold: number | number[]\n  watchChanges: boolean\n}\n\nexport const useScrollspy = (\n  content: MaybeRefOrGetter<string | ComponentPublicInstance | HTMLElement | null>,\n  target: MaybeRefOrGetter<string | ComponentPublicInstance | HTMLElement | null>,\n  options: Readonly<Partial<ScrollspyOptions>> = {}\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<string | null>(null)\n  const list = ref<ScrollspyList>([])\n  const nodeList = ref<HTMLElement[]>([])\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 jobs = useIntersectionObserver(\n    nodeList,\n    (entries) => {\n      const doc = getSafeDocument()\n      const scrollTop =\n        (scrollRoot.value ? scrollRoot.value : doc !== null ? doc.documentElement : undefined)\n          ?.scrollTop || 0\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: computed(() => (root ? getElement(unref(root)) : scrollRoot.value)),\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<MouseEvent>, smooth: boolean = false) => {\n    event.preventDefault()\n    const href = (event.target as HTMLElement)?.getAttribute?.('href')\n    const doc = getSafeDocument()\n    const el: HTMLElement | null = href ? (doc?.querySelector(href) ?? null) : 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    jobs.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"],"mappings":";;;;;AA8CA,IAAa,gBACX,SACA,QACA,UAA+C,EAAE,KAC7B;CACpB,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,MAAM,MAAM,OAAO;CAEzB,MAAM,kBAAkB,IAAI,WAAW,KAAK,MAAM,CAAC;CACnD,MAAM,iBAAiB,IAAI,WAAW,IAAI,MAAM,CAAC;AAEjD,OAAM,CAAC,MAAM,IAAI,QAAQ;AACvB,cAAY;GACZ;CACF,MAAM,EACJ,eAAe,iBACf,cAAc,UACd,SAAS,OACT,MACA,aAAa,gBACb,YAAY;EAAC;EAAK;EAAK;EAAE,EACzB,eAAe,SACb;CACJ,MAAM,UAAU,IAAmB,KAAK;CACxC,MAAM,OAAO,IAAmB,EAAE,CAAC;CACnC,MAAM,WAAW,IAAmB,EAAE,CAAC;AAIvC,KAAI,CADQ,oBAAoB,CAE9B,gBAAe;AACb,cAAY;GACZ;KAEF,iBAAgB;AACd,UAAQ,MAAM,iBAAiB;GAC7B,WAAW,EACT,MAAM,MAAM,WAAW,EAAE,EAC1B;GACD,WAAW;GACX,WAAW;GACZ,CAAC;AACF,UAAQ,KAAK,gBAAgB;GAC3B,WAAW,EACT,MAAM,MAAM,WAAW,EAAE,EAC1B;GACD,WAAW;GACX,WAAW;GACZ,CAAC;AACF,cAAY;GACZ;CAGJ,MAAM,mBAAmB;AACvB,WAAS,QAAQ,gBAAgB,QAC5B,MAAM,KAAK,gBAAgB,MAAM,iBAAiB,aAAa,CAAC,GACjE,EAAE;AACN,OAAK,QAAQ,SAAS,MAAM,KAAK,QAAQ;GACvC,IAAI,GAAG;GACP;GACA,SAAS;GACT,MAAM,GAAG;GACV,EAAE;;CAGL,IAAI,kBAAkB;CACtB,IAAI,oBAAoB;CACxB,MAAM,aAAa,eACjB,gBAAgB,SAAS,iBAAiB,gBAAgB,MAAM,CAAC,cAAc,YAC3E,OACA,gBAAgB,MACrB;CAED,MAAM,OAAO,wBACX,WACC,YAAY;EACX,MAAM,MAAM,iBAAiB;EAC7B,MAAM,aACH,WAAW,QAAQ,WAAW,QAAQ,QAAQ,OAAO,IAAI,kBAAkB,KAAA,IACxE,aAAa;AACnB,oBAAkB,YAAY;AAC9B,sBAAoB;AACpB,UAAQ,SAAS,UAAU;AACzB,OAAI,MAAM,gBAAgB;AACxB,SAAK,MAAM,SAAS,SAAS;AAC3B,SAAI,KAAK,OAAO,MAAM,OACpB,MAAK,UAAU;MAEjB;AACF;;AAEF,QAAK,MAAM,SAAS,SAAS;AAC3B,QAAI,KAAK,OAAO,MAAM,OACpB,MAAK,UAAU;KAEjB;IACF;EACF,IAAI,QAAuB;AAC3B,MAAI,gBACF,SAAQ,CAAC,GAAG,KAAK,MAAM,CAAC,SAAS,CAAC,MAAM,SAAS,KAAK,QAAQ,EAAE,MAAM;MAEtE,SAAQ,KAAK,MAAM,MAAM,SAAS,KAAK,QAAQ,EAAE,MAAM;AAEzD,MAAI,UAAU,KACZ,SAAQ,QAAQ;AAElB,MAAI,CAAC,QAAQ,MACX,SAAQ,QAAQ,KAAK,MAAM,IAAI,MAAM;IAGzC;EACE,MAAM,eAAgB,OAAO,WAAW,MAAM,KAAK,CAAC,GAAG,WAAW,MAAO;EACzE;EACA;EACD,CACF;AACD,OAAM,UAAU,UAAU;AACxB,MAAI,OAAQ;EACZ,MAAM,QAAQ,eAAe,OAAO,iBAAiB,YAAY;AACjE,MAAI,UAAU,KAAA,EAAW;EACzB,IAAI,cAAc;EAClB,IAAI,gBAAoC;AACxC,QAAM,SAAS,SAAS;GACtB,MAAM,iBAAiB,KAAK,QAAQ,YAAY;AAEhD,OAAI,KAAK,aAAa,OAAO,EAAE,SAAS,IAAI,QAAQ,EAAE;AACpD,oBAAgB;AAChB,SAAK,UAAU,IAAI,SAAS;AAC5B,QAAI,gBAAgB;AAClB,qBAAgB,cAAc,mBAAmB,EAAE,UAAU,IAAI,SAAS;AAC1E,mBAAc;;IAEhB,IAAI,YAAY,KAAK,QAAQ,OAAO,EAAE;AACtC,WAAO,WAAW,WAAW,SAAS,WAAW,EAAE;AACjD,mBAAc;AACd,eAAU,cAAc,YAAY,EAAE,UAAU,IAAI,SAAS;AAC7D,iBAAY,UAAU,QAAQ,OAAO,EAAE;;UAEpC;AACL,SAAK,UAAU,OAAO,SAAS;AAC/B,QAAI,kBAAkB,CAAC,YACrB,iBAAgB,cAAc,mBAAmB,EAAE,UAAU,OAAO,SAAS;AAG/E,QAAI,CAAC,aAAa;KAChB,IAAI,YAAY,KAAK,QAAQ,OAAO,EAAE;AACtC,YAAO,WAAW,WAAW,SAAS,WAAW,EAAE;AACjD,oBAAc;AACd,UAAI,UAAU,cAAc,YAAY,KAAK,cAC3C,WAAU,cAAc,YAAY,EAAE,UAAU,OAAO,SAAS;AAElE,kBAAY,UAAU,QAAQ,OAAO,EAAE;;;;IAI7C;GACF;CAEF,MAAM,OAAO,CAAC,eACV,EAAC,YAAY,IAAG,GAChB,oBACE,uBACM;AACJ,cAAY;IAEd,EACE,WAAW,MACZ,CACF;CACL,MAAM,kBAAkB,OAA6B,SAAkB,UAAU;AAC/E,QAAM,gBAAgB;EACtB,MAAM,OAAQ,MAAM,QAAwB,eAAe,OAAO;EAClE,MAAM,MAAM,iBAAiB;EAC7B,MAAM,KAAyB,OAAQ,KAAK,cAAc,KAAK,IAAI,OAAQ;AAE3E,MAAI,MAAM,gBAAgB,MACxB,KAAI,gBAAgB,MAAM,SACxB,iBAAgB,MAAM,SAAS;GAAC,KAAK,GAAG;GAAW,UAAU,SAAS,WAAW;GAAO,CAAC;MAEzF,iBAAgB,MAAM,YAAY,GAAG;;CAI3C,MAAM,gBAAgB;AACpB,OAAK,MAAM;AACX,OAAK,MAAM;;AAEb,QAAO;EACL,SAAS,SAAS,QAAQ;EAC1B;EACA,SAAS;EACT,QAAQ;EACR;EACA;EACA;EACD"}