UNPKG

ngx-element-in-view

Version:

> 🔍 Angular directive to detect when an element enters the viewport using `IntersectionObserver`. Add animation classes or trigger callbacks with ease.

20 lines (19 loc) 1.05 kB
import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core'; import * as i0 from "@angular/core"; export declare class InViewDirective implements OnInit, OnDestroy { private el; private renderer; animationClasses: string; threshold: number; triggerOnce: boolean; visibilityBeforeInView: boolean; inView: EventEmitter<void>; private observer; private hasAnimated; constructor(el: ElementRef, renderer: Renderer2); ngOnInit(): void; ngOnDestroy(): void; private addClasses; static ɵfac: i0.ɵɵFactoryDeclaration<InViewDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<InViewDirective, "[ngxElementInView]", never, { "animationClasses": { "alias": "ngxElementInView"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "triggerOnce": { "alias": "triggerOnce"; "required": false; }; "visibilityBeforeInView": { "alias": "visibilityBeforeInView"; "required": false; }; }, { "inView": "inView"; }, never, never, true, never>; }