@yoozly/ngx-parallax
Version:
Use parallax effect with Angular 16-17 compatible universal (standalone and ngModule)
34 lines (33 loc) • 1.44 kB
TypeScript
import { ElementRef, Renderer2, OnDestroy, AfterViewInit } from '@angular/core';
import { BrowserWindowRef } from './services/windowref.service';
import * as i0 from "@angular/core";
export declare class ParallaxDirective implements OnDestroy, AfterViewInit {
private hostElement;
private renderer;
private wr;
speed: number;
axe: string;
property: string;
propertyValue: string;
active: boolean;
private inViewport;
private observer;
private element;
private initialPosition;
private componentDestroy$;
private windowScroll$;
private windowResize$;
constructor(hostElement: ElementRef, renderer: Renderer2, wr: BrowserWindowRef);
ngAfterViewInit(): void;
private initParallax;
private startParallax;
private destroyParallax;
private calculateCoef;
private renderParallax;
private getPropertyValue;
private getAxe;
private createObserver;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ParallaxDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<ParallaxDirective, "[ngx-parallax]", never, { "speed": { "alias": "speed"; "required": false; }; "axe": { "alias": "axe"; "required": false; }; "property": { "alias": "property"; "required": false; }; "propertyValue": { "alias": "propertyValue"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, {}, never, never, false, never>;
}