@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
TypeScript
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 {};