UNPKG

ngx-parallax-stars

Version:

Angular library to create beautiful stars with parallax effect.

61 lines (57 loc) 1.97 kB
import * as _angular_core from '@angular/core'; interface StarLayer { /** * Sets the color of the stars. All colors you can use in CSS should work e.g. white, #ffffff, rgb(255,255,255), hsl(0, 0%, 100%) */ color: string; /** * Specifies the size of every star in px */ size: number; /** * Specifies how many stars should be rendered per 100 by 100px area */ density: number; /** * Sets the moving speed of the stars */ speed: number; /** * Determines the moving direction. Possible values are: up, down, left, right */ direction: 'up' | 'down' | 'left' | 'right'; /** * Sets the amount of blur for every star */ blur: number; /** * Sets the glow radius in px */ glow: number; /** * Set to true to make the stars round instead of square */ isRound: boolean; } /** * Default star layers that are rendered when no layers are provided to the ngx-parallax-stars component */ declare const defaultStarLayers: StarLayer[]; declare class NgxParallaxStarsComponent { #private; /** * Overrides default star layers */ layers: _angular_core.InputSignal<StarLayer[]>; /** * If responsive mode is enabled, the component will automatically be re-rendered when its size changes */ responsive: _angular_core.InputSignal<boolean>; constructor(); private createAfterLayerElement; private createLayerElement; static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxParallaxStarsComponent, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxParallaxStarsComponent, "ngx-parallax-stars", never, { "layers": { "alias": "layers"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } export { NgxParallaxStarsComponent, defaultStarLayers }; export type { StarLayer };