UNPKG

@jhubbardsf/svelte-inview

Version:

A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood.

15 lines (14 loc) 857 B
import type { ActionReturn } from 'svelte/action'; import type { ObserverEventDetails, Options, LifecycleEventDetails } from './types'; interface Attributes { 'on:inview_change'?: (e: CustomEvent<ObserverEventDetails>) => void; 'on:inview_enter'?: (e: CustomEvent<ObserverEventDetails>) => void; 'on:inview_leave'?: (e: CustomEvent<ObserverEventDetails>) => void; 'on:inview_init'?: (e: CustomEvent<LifecycleEventDetails>) => void; oninview_change?: (e: CustomEvent<ObserverEventDetails>) => void; oninview_enter?: (e: CustomEvent<ObserverEventDetails>) => void; oninview_leave?: (e: CustomEvent<ObserverEventDetails>) => void; oninview_init?: (e: CustomEvent<LifecycleEventDetails>) => void; } export declare function inview(node: HTMLElement, options?: Options): ActionReturn<Options, Attributes>; export {};