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