@omnedia/ngx-background-beams/types/omnedia-ngx-background-beams.d.ts

An angular component library to create an animated background.

import * as i0 from '@angular/core';
import { AfterViewInit, OnDestroy, ElementRef, WritableSignal } from '@angular/core';

declare class NgxBackgroundBeamsComponent implements AfterViewInit, OnDestroy {
    private platformId;
    componentRef: ElementRef<HTMLElement>;
    set gradientColorValues(colors: string[]);
    pathColor: string;
    pathQuantity: number;
    readonly gradientColors: WritableSignal<string[]>;
    readonly paths: WritableSignal<string[]>;
    readonly x1: WritableSignal<string[]>;
    readonly x2: WritableSignal<string[]>;
    readonly y1: WritableSignal<string[]>;
    readonly y2: WritableSignal<string[]>;
    readonly delays: WritableSignal<number[]>;
    readonly durations: WritableSignal<number[]>;
    readonly inViewport: WritableSignal<boolean>;
    private animationFrameId?;
    private observer?;
    constructor(platformId: object);
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    generatePaths(): void;
    initializeIntersectionObserver(): void;
    startAnimations(): void;
    animateGradient(index: number, duration: number): void;
    updateGradientAttributes(index: number): void;
    restartAnimation(index: number, duration: number): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<NgxBackgroundBeamsComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NgxBackgroundBeamsComponent, "om-background-beams", never, { "gradientColorValues": { "alias": "gradientColorValues"; "required": false; }; "pathColor": { "alias": "pathColor"; "required": false; }; "pathQuantity": { "alias": "pathQuantity"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { NgxBackgroundBeamsComponent };