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