@scalar/api-reference 1.49.5 → 1.49.7

package/dist/hooks/use-intersection.js

@@ -1,20 +1,18 @@
 import { onMounted } from "vue";
 import { useIntersectionObserver } from "@vueuse/core";
 //#region src/hooks/use-intersection.ts
+/**
+* Shrinks the observation root to a thin horizontal strip at the vertical middle of
+* the viewport (~2% of viewport height). Emits only while the target overlaps that line.
+*/
+var VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN = "-49% 0px -49% 0px";
 var useIntersection = (el, onIntersect) => {
-	const calculateRootMargin = (element) => {
-		const height = element.offsetHeight;
-		return `${height / 2}px 0px ${height / 2}px 0px`;
-	};
-	const calculateThreshold = (element) => {
-		return element.offsetHeight < window.innerHeight ? .8 : .5;
-	};
 	onMounted(() => {
 		if (el.value) useIntersectionObserver(el, ([entry]) => {
 			if (entry?.isIntersecting) onIntersect();
 		}, {
-			rootMargin: calculateRootMargin(el.value),
-			threshold: calculateThreshold(el.value)
+			rootMargin: VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,
+			threshold: 0
 		});
 	});
 };

package/dist/hooks/use-intersection.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-intersection.js","names":[],"sources":["../../src/hooks/use-intersection.ts"],"sourcesContent":["import { useIntersectionObserver } from '@vueuse/core'\nimport { type TemplateRef, onMounted } from 'vue'\n\nexport const useIntersection = (el: TemplateRef<HTMLElement | undefined>, onIntersect: () => void) => {\n  const calculateRootMargin = (element: HTMLElement) => {\n    const height = element.offsetHeight\n    // Use of a margin on height to ensure sooner intersection detection.\n    return `${height / 2}px 0px ${height / 2}px 0px`\n  }\n\n  const calculateThreshold = (element: HTMLElement) => {\n    const height = element.offsetHeight\n    // Favor larger threshold if the element is smaller that the screen\n    // to ensure that it is selected\n    return height < window.innerHeight ? 0.8 : 0.5\n  }\n\n  onMounted(() => {\n    if (el.value) {\n      const options = {\n        rootMargin: calculateRootMargin(el.value),\n        threshold: calculateThreshold(el.value),\n      }\n\n      useIntersectionObserver(\n        el,\n        ([entry]) => {\n          if (entry?.isIntersecting) {\n            onIntersect()\n          }\n        },\n        options,\n      )\n    }\n  })\n}\n"],"mappings":";;;AAGA,IAAa,mBAAmB,IAA0C,gBAA4B;CACpG,MAAM,uBAAuB,YAAyB;EACpD,MAAM,SAAS,QAAQ;AAEvB,SAAO,GAAG,SAAS,EAAE,SAAS,SAAS,EAAE;;CAG3C,MAAM,sBAAsB,YAAyB;AAInD,SAHe,QAAQ,eAGP,OAAO,cAAc,KAAM;;AAG7C,iBAAgB;AACd,MAAI,GAAG,MAML,yBACE,KACC,CAAC,WAAW;AACX,OAAI,OAAO,eACT,cAAa;KATH;GACd,YAAY,oBAAoB,GAAG,MAAM;GACzC,WAAW,mBAAmB,GAAG,MAAM;GACxC,CAUA;GAEH"}
+{"version":3,"file":"use-intersection.js","names":[],"sources":["../../src/hooks/use-intersection.ts"],"sourcesContent":["import { useIntersectionObserver } from '@vueuse/core'\nimport { type TemplateRef, onMounted } from 'vue'\n\n/**\n * Shrinks the observation root to a thin horizontal strip at the vertical middle of\n * the viewport (~2% of viewport height). Emits only while the target overlaps that line.\n */\nconst VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN = '-49% 0px -49% 0px'\n\nexport const useIntersection = (el: TemplateRef<HTMLElement | undefined>, onIntersect: () => void) => {\n  onMounted(() => {\n    if (el.value) {\n      const observerOptions = {\n        rootMargin: VIEWPORT_VERTICAL_CENTER_ROOT_MARGIN,\n        threshold: 0,\n      }\n\n      useIntersectionObserver(\n        el,\n        ([entry]) => {\n          if (entry?.isIntersecting) {\n            onIntersect()\n          }\n        },\n        observerOptions,\n      )\n    }\n  })\n}\n"],"mappings":";;;;;;;AAOA,IAAM,uCAAuC;AAE7C,IAAa,mBAAmB,IAA0C,gBAA4B;AACpG,iBAAgB;AACd,MAAI,GAAG,MAML,yBACE,KACC,CAAC,WAAW;AACX,OAAI,OAAO,eACT,cAAa;KATK;GACtB,YAAY;GACZ,WAAW;GACZ,CAUA;GAEH"}