/**
 * Defines the Heart component
 * Author: Stavros Katsoris <stavros@thortful.com>
 */
import { OnInit } from '@angular/core';
import * as i0 from "@angular/core";
/** Details stored for each animated image */
declare type Heart = {
    coords: number;
    lefr: number;
    pos: number;
    posX: number;
    posY: number;
    size: number;
    sink: number;
    isPenguin: boolean;
    style: {
        top: string;
        left: string;
        fontSize: string;
        backgroundImage: string;
        zIndex: number;
    };
};
/**
 *
 * Adds a heart falling animation overlay to the page
 * Based on: https://www.cssscript.com/minimalist-falling-snow-effect-with-pure-javascript-snow-js/
 *
 */
export declare class HeartComponent implements OnInit {
    /** image rate of top-position increase */
    static speed: number;
    /**
     * Refresh rate to update heart positions
     * TODO: Convert this to FPS and improve smoothing
     */
    static refresh: number;
    /** Current right margin of page set by _resize */
    private _right;
    /** Current bottom margin of page set by _resize */
    private _bottom;
    /** Array of heart details to calculate animations and apply to elements */
    hearts: Heart[];
    /** Image to display on the animation*/
    private images;
    /**  Number of hearts to render  */
    amount: number;
    /** Heart minimum size */
    min: number;
    /** Heart maximum size */
    max: number;
    /** Penguins enlargement */
    penguinSize: number;
    /** HTML entity to use to display heart */
    entity: string;
    /** Initialise hearts and begin animating */
    ngOnInit(): void;
    /** Generate random number based on given range */
    static randomise(range_: number): number;
    /** Update right and bottom margins on window resize */
    private _resize;
    /** Perform single frame update of heart positions */
    private _move;
    static ɵfac: i0.ɵɵFactoryDef<HeartComponent, never>;
    static ɵcmp: i0.ɵɵComponentDefWithMeta<HeartComponent, "heart", never, { "amount": "amount"; "min": "min"; "max": "max"; "penguinSize": "penguinSize"; "entity": "entity"; }, {}, never, never>;
}
export {};
//# sourceMappingURL=heart.component.d.ts.map