lzy-load
Version:
LzyLoad is an Angular Lib for loading content on demand
39 lines (38 loc) • 1.36 kB
TypeScript
import { AfterContentInit, ElementRef, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
import { Subscription } from 'rxjs';
import { LzyLoadItemDirective } from '../../directives/lzy-load-item.directive';
import { Settings } from '../../models/settings';
export declare class LzyLoadContComponent implements OnInit, AfterContentInit, OnDestroy {
private renderer;
private hostElement;
private observer;
private IOOptions;
private init;
private loadingRangeAmount;
private preloadAmo;
private scrollEvent;
private onResizeEvent;
private numOfVisiElem;
private loadedRange;
settings: Settings;
container: HTMLElement;
subscription: Subscription;
itemsIO: QueryList<LzyLoadItemDirective>;
constructor(renderer: Renderer2, hostElement: ElementRef);
ngOnInit(): void;
private registerIO;
private initScroll;
private initScreenResizing;
initialize(): void;
resetAndRecalculateSettings(): void;
ngAfterContentInit(): void;
private calSettings;
private inLoadingRange;
private outOfLoadingRange;
private getVisibleItems;
private initializeIntersectionObs;
calLoadedRange(visibleItems: LzyLoadItemDirective[]): number[];
updateLoadedElements(): void;
onResize(): void;
ngOnDestroy(): void;
}