UNPKG

@omnedia/ngx-background-beams

Version:

<a href="https://ngxui.com" target="_blank" style="display: flex;gap: .5rem;align-items: center;cursor: pointer; padding: 0 0 0 0; height: fit-content;"> <img src="https://ngxui.com/assets/img/ngxui-logo.png" style="width: 64px;height: 64px;"> </a>

35 lines (32 loc) 1.67 kB
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 };